Webデザイン

写真のコメント、上に付けるか？下に付けるか？メディアの見せ方を調べてみた

2016/05/11(Wed) 07:27

写真のコメントはどこに付けると読みやすいのでしょうか？

http://liginc.co.jp/273675

Web制作時に助かる、意外と役立つ便利ツール

2016/05/10(Tue) 07:25

Web制作する時にあると役に立つオンラインサービス。もっと効率的にするために、今のところ一番使いやすいと思うツールや埋め込み型のサービスをご紹介します。

http://commte.net/blog/archives/5681

3分あれば十分！もうひと工夫加えるだけでレベルアップするデザインTips 25選

2016/05/09(Mon) 07:22

デザインはデザイナーの既得権益・不可侵領域はなく、万人が自由に扱えるものだ。そして、デザインはセンスではなく理論(theory)だ、ということも以前書いた。デザインを勉強すれば、ブログに手を加えたり、自分で名刺を作ったり、部屋をお洒落にコーディネートしてみたり、いろんなことができる。

http://brian.hatenablog.jp/entry/25-levelup-design-tips

【事例あり】メインビジュアルからfaviconまで！Webデザイナーが実際に制作するものとは

2016/05/02(Mon) 07:24

Webデザイナーが実際に制作するものについて紹介していきます。

http://liginc.co.jp/253626

まず何を揃えればいい？Webデザイナーになるなら必須のツール＆参考書籍はこれ！

2016/04/27(Wed) 07:26

今回は、Webデザイナーの必須ツールについてご紹介します。

http://liginc.co.jp/252811

入力欄フォーカス時のアニメーションをまとめた「Awesome input focus effects」

2016/04/26(Tue) 07:29

覚えておきたいと思ったので備忘録兼ねて。「Awesome input focus effects」はinputやtextareaといった入力欄へフォーカスした際のアニメーションをまとめているもので、3グループ・全24種類のエフェクトがあります。

http://www.nxworld.net/tips/awesome-input-focus-effects.html

Web制作の実装や勉強に役立つ便利なチートシートのまとめ

2016/04/26(Tue) 07:28

あれ何だっけ？ という時にさっと分かるWeb制作の実装や勉強に役立つチートシートがあると便利です。BootstrapのさまざまなUIエレメントの実装、FlexboxでUIコンポーネントを実装、CSSの各ブラウザのサポート状況、Gitのコマンド、React.jsやAngular.jsなどのチートシートを紹介します。

http://coliss.com/articles/build-websites/operation/work/cheat-sheets-for-front-end-developer-201604.html

これは凄い！Web制作が捗るモーフィング系の最新スニペットまとめ

2016/04/26(Tue) 07:27

ある形から別の形に連続で変化をかけていくモーフィングのような、視覚的な変化を表現できるスニペットをまとめました。トレンドをおさえた最新スニペットを厳選してピックアップ。

http://commte.net/blog/archives/5676

Webの新しいテクニックやデザイン表現の仕組みと実装方法がよく分かるオススメの本 -Webデザイン基礎トレーニング

2016/04/25(Mon) 07:28

Web制作で必ずと言ってよいほど使われてる汎用的なテクニックをはじめ、新しいテクニックやデザイン表現をひとつずつしっかりと学べる解説書を紹介します。

http://coliss.com/articles/book-review/isbn10-484436572x.html

UIデザインの参考にしたい！ナビメニュー用HTML/CSSスニペット40個まとめ

2016/04/22(Fri) 09:35

ウェブサイトやブログにおいて、ユーザーがもっとも操作するインターフェースのひとつは、ナビゲーションメニューです。きちんと設置することで、サイトを構成する各コンテンツへとユーザーを移動でき、目次のような役割として活用できます。

http://photoshopvip.net/archives/89522