コーディング

jqueryを使ってレスポンシブサイトでパララックスを使う

僕が使い慣れている、一番簡単なパララックスのjqueryのプラグインを紹介します。 パララックスを使う理由 写真素材をもらってからの制作依頼はとても多いでしょう。 だから、できるだけ写真素材がいろんな角度から見えるように …

コーディング

jqueryでマウススクロールのスピードを調整する

スクロールのスピードはjaueryを使って調整することができます。リッチに見せるための表現技法としては古くからありますね。 スクロールのスピードを調整すると文章をじっくり読ませることができます。 コピペして使えるjque …

デザイン

【Webデザインに舌鼓をうつ vol.4】BOTANIST by MEFILAS (日本)

Webデザインに舌鼓をうつvol.4はトレンドを全部押さえたサイトを紹介します。 このBOTANISTというシャンプーは、あなたもドラッグストアで一度は見たことがあるのではないでしょうか? 今やどこにでも売ってるバスブラ …

デザイン

【Webデザインに舌鼓をうつ vol.1】DESCENT ALLTERRAIN by EPOCH

フロントエンドデザイナーの平尾誠です。今日から不定期でシリーズ化する、いけてるデザインをただひたすら褒めまくるコーナーを開設しました。題して、 ”Webデザインに舌鼓をうつ” 国内外のイケテルWebサイトを見ながら晩酌を …

制作お役立ち

Webデザイナーが毎日チェックしたい制作に役立つブログ50選

フロントエンドの平尾誠です。 Webデザイナーやエンジニア、もしくはWeb界隈のマーケティングに興味ある人にとってとても有益なWebブログをまとめました。 まずは一気にどうぞ! 目次 マーケティングを勉強したい人のseo …

デザイン

福岡でオススメのハイクオリティなWeb制作会社まとめ

どこに住んでいても働けるノマドワーカーになりたい平尾誠です。 ITスタートアップが盛んな福岡で活躍しているWeb制作・ホームページ制作会社を厳選してご紹介します。 近年言われていることに、IT企業が福岡でスタートアップす …

デザイン

モーショングラフィックマニアが贈る30秒以内の動画編[23選]

Webデザイナーの平尾誠です。 僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。 Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じことの繰り返しになりがちなの …

デザイン

モーショングラフィックマニアが贈る音楽MV編 [11選]

Webデザイナーの平尾誠です。 僕はアニメーションデザインのインスピレーションを動画でもらうことがよくあります。Webの中だけのアニメーションではアートディレクションのキャパが狭い上に、同じことの繰り返しになりがちなので …

コーディング

サムネイルがアニメーションしてループするスライダー

よくサイトの横幅いっぱいに画像が流れていくやつをみます。 カルーセルスライダーと同じものなんですが、もっとダイエットしているシンプルなものを作りたかったので、調べていました。 じゃあ見つけました。 いつも参考にさせてもら …

コーディング

レスポンシブでの画像の振り分け方

先日、Webデザイナーでおそらく知らない人はいないだろうブログ・Webクリエイターボックスを読んでいてobject-fitプロパティなるものが衝撃だった! 知らないCSSがまだまだ出てくるんだなーと。 1行追加でOK!C …

コーディング

実装あるある・YOUTUBEのサムネイルをオリジナル画像にしたい。

同じようなマークアップを何度かしたことがあります。youtubeのオリジナルサムネイル機能を使うとかそういう話ではなくて、iframeの上に画像を乗せてクリックしたら動画が始まるってやつを作ります。とってもシンプルなので …

コーディング

jqueryでsliderを自作するなら

Webデザイナーの平尾誠です。シンプルなスライダーごときならわざわざプラグイン入れる方がめんどくさかったりする。 だから現場でサクッとコピペして使えるようにここにライブラリとしておいておきますので、みなさんもコピペして使 …

デザイン

見落としてない?Slack,youtube,googleのプロモムービーが面白い

Webデザイナーの平尾誠です。僕はとってもモーショングラフィックスが好きでVimeoやらでクリップしています。Vimeoにはたくさん世界のモーショングラフィックスがありますが、slackのモーショングラフィックスがとても …

コーディング

jQueryで画面の一番下までスクロールしたかどうかを判定

Webデザイナーの平尾誠です。よくスクロールイベントを使うことがあるので備忘録。 jqueryを使って画面の一番下までスクロールしたかどうかを判定します。 ドキュメントの高さ – ウィンドウの高さ 単純に引いて値を求めて …

コーディング

Node.js初心者が使いやすいejsの便利なスニペット

LIG.incのWebでデザイナー平尾誠です。フロントエンドの開発環境が近年複雑すぎてついていけていない僕です。HTMLでコーディングすると、特にwordpressを想定しているブログなんかのコーディングをするととっても …