Web制作に役立つ情報一覧

今どきのウェブサイトをつくろう！差がつくHTML/CSSコードスニペット27個まとめ

2016/02/17(Wed) 07:27

新しいテクニックを活用した、最先端のウェブデザインから学ぶ、今後のウェブ制作に活用したい素敵なHTML/CSSコードスニペットをまとめています。

http://photoshopvip.net/archives/86971

Webフォントは遅い？　実際に表示時間を計測検証してみた【動画で検証】

2016/02/17(Wed) 07:26

Webフォントは本当に速くなっているのか、実際にWEBPAGETESTを使って計測してみた

http://web-tan.forum.impressrd.jp/e/2016/02/17/22106

Photoshop CC2015を使いこなす定番テクニックから、あまり知られていない便利なテクニックまでのまとめ

2016/02/17(Wed) 07:25

Photoshop初心者も、普段使ってる人も知らないともったいないPhotoshop CC2015を使いこなす便利なテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/design/great-tips-for-photoshop-cc2015.html

レスポンシブWebデザインの基本！参考にしたい30個のポイントと実例サンプル

2016/02/16(Tue) 07:36

統一感（英: Consistency）を保つことが、同じ見た目や機能性よりも、デザインの鍵となるでしょう。今回は、マルチスクリーンに対応した、参考にしたい実例ウェブサイト30個を、各スクリーンサイズ毎に比較、まとめています。

http://photoshopvip.net/archives/86918

『VOGUE JAPAN』が選んだサイトの価値を高めるリニューアルとは？

2016/02/16(Tue) 07:35

Webサイトの価値を高めるためのリニューアルに必要なことで、頭に浮かぶ優先順位とはどんなものだろうか。レイアウト？　個々のビジュアル要素？　それらはもちろん大切だが、非常に重要な要素だが、実はおろそかにされがちなのが、フォントだ。

http://web-tan.forum.impressrd.jp/e/2016/02/16/21878

食材とタイポグラフィを組み合わせた見事なロゴとサイトのデザイン -Crudo

2016/02/16(Tue) 07:34

オランダのナイメーヘンにあるレストラン「Crudo」のブランディング、食材とタイポグラフィを組み合わせた見事なロゴとサイトのデザインを紹介します。

http://coliss.com/articles/build-websites/operation/design/branding-crudo.html

CSS：角丸のテーブルを作成する方法

2016/02/15(Mon) 07:34

テーブルをCSSを使って角丸にする方法です。以前は角丸部分に特定のクラスをそれぞれ記述して、場合によってはJavaScriptと併用して実装していたり、特定のブラウザの為に画像を使うとか親要素にdiv要素を幾つか記述するとかいろいろ面倒なことしてたのですが、最近はそれらをしないでも実現できる機会も増え、使用頻度も割と高いので備忘録として残しておきます。

http://www.nxworld.net/tips/css-border-radius-table.html

Web制作で必要な知識を基礎からしっかり理解し、ずっと役立つ応用力も身につくオススメの本 -Webデザインの新しい教科書

2016/02/15(Mon) 07:33

Web制作の知識を基礎から深く理解し、現在のWeb制作のワークフローを元に、現場で必要とされている技術的なテクニックを幅広く解説した一冊を紹介します。

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

低コストで効果の高いWordPressサイトを構築するために必要なこと

2016/02/15(Mon) 07:32

自社サイトを作らなければいけなくなっときにまず思うのが「本当に集客できるのだろうか」ということではないでしょうか。企業のサイトを作る以上、「自社の認知向上」や「製品の売上UP」など、目的があるはずです。

http://creive.me/archives/7362/

最近のWebサイトで使われている、レスポンシブ対応のページレイアウトに役立つスクリプトのまとめ

2016/02/15(Mon) 07:32

レスポンシブ対応のカード型レイアウト、中央で分割されたレイアウト、動画や画像や幾何学模様を背景に配置したり、画像やコンテナのサイズをデバイスごとに最適化したりなど、ページのレイアウトに役立つスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/javascripts-for-page-layout.html