gulp-thumb

gulpもes2015で書くことができます。gulp 3.9.0以降でできるようです。 そんなにゴリゴリ記法を使うわけではないですが、最近babelを導入したついでにgulpもes2015で書いています。 Sassのコンパイルタスクを作って[…]

gulp-thumb

minimistとgulp-ifを使って、gulpの開発環境用のタスクと本番環境用のタスクを分けるというものをやってみました。 minimistはコマンドライン引数を使えるようにするもの。gulp-ifは条件分岐を使えるようにしてくれます。[…]

アラブ

مرحبا هناك كيف حالك ؟ ؟ 先日、Webサイトのアラビア語対応というものをしたので覚え書き。 今後アラビア語サイト対応するか分かりませんが、いつか石油王あたりから制作案件が舞い込んでくるかもしれないので覚えておいてもよさ[…]

gorilla2

以前、Hugoでオリジナルテーマを作る記事を書きました。 【Hugo】ゴリラでも分かる静的サイトジェネレーターHugoでオリジナルテーマ作り この記事では記事を書いて投稿できるという本当に最低限のところまでです。 ただ、よくあるブログの構成[…]

PC作業するゴリラ

以前書いたJade / Pugの記事の続きで、今回はgulpでコンパイルする方法です。 【Jade】ゴリラでもわかるJade入門 〜Jadeを使ってみる〜 【Pug】ゴリラでもわかるJade改めPug入門 もくじ gulpのインストール g[…]

ゴリラとパグ

Jadeが商標うんたらで、Pugに名前が変わるそうなので使ってみました。 Jade 2.0.0からPugになるそうです。 Jadeの記事はこちら 【Jade】ゴリラでもわかるJade入門 〜Jadeを使ってみる〜 ゴリラのイラストは素材工場[…]

movie

映画のワンシーンをJavascriptで作ってみよう!という勉強会に参加しました。 JavaScriptってWeb初心者からすると取っ付きにくい感じがしますし、 本を読んだり勉強しても、けっきょく実践でどう使えばいいか分からず、なかなか覚え[…]

jQueryプラグイン

使いやすいスライダー(カルーセル)のjQueryプラグイン、Slick.jsの使い方。 フリックで操作、自動再生、フェード切り替えなどなど、簡単に実装できる上に、オプションの設定だけでいろんな機能をつけられます。 デモサイト すごく簡単に実[…]