コーディング 2017年3月31日 サムネイルがアニメーションしてループするスライダー よくサイトの横幅いっぱいに画像が流れていくやつをみます。 カルーセルスライダーと同じものなんですが、もっとダイエットしているシンプルなものを作りたかったので、調べていました。 じゃあ見つけました。 いつも参考にさせてもら …
コーディング 2017年3月31日 ブックマーク必須 コピペして使うCSSアニメーションのスニペット 「animista」の使い方 めっちゃアニメーションの微調整がめんどくさいWebデザイナーの平尾誠です。 とはいえ、Web制作においてアニメーションはユーザビリティにおいて、今やなくてはならない存在です。 でも公開間近にアニメーションを追加しろ！！な …
コーディング 2017年3月19日 レスポンシブでの画像の振り分け方 先日、Webデザイナーでおそらく知らない人はいないだろうブログ・Webクリエイターボックスを読んでいてobject-fitプロパティなるものが衝撃だった！ 知らないCSSがまだまだ出てくるんだなーと。 1行追加でOK！C …
コーディング 2017年3月7日 実装あるある・YOUTUBEのサムネイルをオリジナル画像にしたい。 同じようなマークアップを何度かしたことがあります。youtubeのオリジナルサムネイル機能を使うとかそういう話ではなくて、iframeの上に画像を乗せてクリックしたら動画が始まるってやつを作ります。とってもシンプルなので …
コーディング 2017年3月5日 jqueryでsliderを自作するなら Webデザイナーの平尾誠です。シンプルなスライダーごときならわざわざプラグイン入れる方がめんどくさかったりする。 だから現場でサクッとコピペして使えるようにここにライブラリとしておいておきますので、みなさんもコピペして使 …
デザイン 2017年3月4日 見落としてない？Slack,youtube,googleのプロモムービーが面白い Webデザイナーの平尾誠です。僕はとってもモーショングラフィックスが好きでVimeoやらでクリップしています。Vimeoにはたくさん世界のモーショングラフィックスがありますが、slackのモーショングラフィックスがとても …
コーディング 2017年3月4日 jQueryで画面の一番下までスクロールしたかどうかを判定 Webデザイナーの平尾誠です。よくスクロールイベントを使うことがあるので備忘録。 jqueryを使って画面の一番下までスクロールしたかどうかを判定します。 ドキュメントの高さ – ウィンドウの高さ 単純に引いて値を求めて …
