この記事を読む

ブックマーク必須 コピペして使うCSSアニメーションのスニペット 「animista」の使い方

めっちゃアニメーションの微調整がめんどくさいWebデザイナーの平尾誠です。 とはいえ、Web制作においてアニメーションはユーザビリティにおいて、今やなくてはならない存在です。 でも公開間近にアニメーションを追加しろ!!なんて言われることも弱…

この記事を読む

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

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

この記事を読む

【サマソニで注目】Calvin Harris,Axwell Λ Ingrossoなど有名DJを手がける映像集団『COMIX』

Webデザイナーの平尾誠です。皆さんはフェスには行きますか?? 今年のSUMMEER SONIC 2017のトリはCalvin Harrisのようですね。見てみたいなー。 だけどぼくはAxwell Λ Ingrosso(アクスウェル Λ イ…

この記事を読む

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

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

この記事を読む

女性マネキンデュオ「FEMM」のプロモーションビデオが超クリエイティブ

マネキンてなんやねんって思ってるでしょ??笑 Webデザイナーの平尾誠です。今日はWebサイトではなく、めっちゃかっこいいプロモーションビデオをみんなに見て欲しいです。 僕はモーショングラフィックスがとても好きで、自分で作れたりはしませんけ…

この記事を読む

jqueryでsliderを自作するなら

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

この記事を読む

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

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

この記事を読む

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

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

この記事を読む

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

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

この記事を読む

そのWordPress大丈夫?今すぐできるセキュリティ対策!

Webデザイナーの平尾誠です。最近のフロントエンドはWordpressもさわれて当然みたいになってしまって悲しいです。そんでまたセキュリティ対策とか素人すぎて悲しいです。 割と頻繁にWordpressの脆弱性が見つかったからアップロードして…

この記事を読む

CSS Design Award の審査員になった僕が、地味な更新ばかりしているコーダーに伝えたい事

Webデザイナーの平尾誠です。大変私事ではございますがCSS DESIGN AWARDの審査員としてジョインさせていただくこととなりました。これは私にとって、とても光栄なことで世界の制作者と一緒にたくさんのWebサイトに出会えると思うと胸が…

この記事を読む

node.js,Angular.js,gitのインストールなら、GUIで操作できるDashが便利

Webデザイナーの平尾誠です。 最近のフロントエンドの開発環境が複雑になりすぎていて嘆いています。そろそろ僕もターミナル(Winの場合はコマンドライン)を叩かなあかんなーとか思ってるときにいいGUIのAPP、Dashを知ったのでフロントエン…

この記事を読む

流行りのCSSアニメーションを使ってWordPressで美容室のサイトを作った

Webデザイナーの平尾誠です。私は美容室の販促物に特化した制作会社:ケイアートファクトリーに勤めていた時、美容室サイトはサイト設計がシンプルなわりに工数がかかるというのを体感していました。理由は後述しますが今回はアニメーションのサンプルHT…

この記事を読む

macでIEのブラウザチェックをする確実な方法

Webデザイナーの平尾誠です。フィリピンに移住直前になっています。緊張気味ですね。 ところで、皆さんはIEのチェックはどのように行っていますか? safariの開発者用のツールからチェックすることも手軽にできますが、あまり正確でないように思…

この記事を読む

海外のWebデザインアワードと表彰まとめ マイナーなものからメジャーなものまで

フロントエンドエンジニアの平尾誠です。Webデザイナーやフロントエンドエンジニアにとって海外Webデザインアワードを獲るのは憧れであり、目標のうちの一つでしょう。 今回は秀逸なサイトを紹介する海外Webデザインアワードを紹介します。 私たち…