Web制作に役立つ情報一覧

レスポンシブ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

Googleが推奨する、SEOに最適な無限スクロールをjScrollで実装する

2016/02/15(Mon) 07:31

今や少し下火になってきている無限スクロール、昔はホットだった。Facebookが使ってるんだし俺らも使おうぜ！ってな感じで、その実装方法が乱れ飛んだのも今は昔

http://toach.click/2016/02/13/infinite-scroll/

Photoshopの文字加工をマスター！すごいデザインチュートリアル、無料素材まとめ

2016/02/12(Fri) 07:39

Photoshop のさまざまな使い方を、効率的に学ぶことができるデザインチュートリアル。その中でも文字テキストの加工エフェクトは、実践に対応できるテクニックが詰まっています。

http://photoshopvip.net/archives/86842

スマホ・タブレットをはじめ、27インチの大モニタまで！ページの見え方をさくっと確認できるレスポンシブ用の便利ツール -Responsive View

2016/02/12(Fri) 07:38

スマホ・タブレットの縦向き・横向き、ノートブック・デスクトップなど、さまざまなデバイスでのページの見え方をさくっと確認できる便利なオンラインサービスを紹介します。

http://coliss.com/articles/build-websites/operation/work/responsive-view.html