Web制作に役立つ情報一覧

カルーセルやアコーディオン、ドロップダウンメニューなどをCSSのみで実装するコードを集めた・「You Don’t Need JavaScript」

2016/07/11(Mon) 10:11

You Don’t Need JavaScriptはよく見かけるUIをJavaScriptを使用せずCSSのみで実装するコードを集めているプロジェクトです。上はカルーセルのサンプル。

http://kachibito.net/useful-resource/you-dont-need-javascript

ランディングページに使えるデザインのアイデア80種類以上！商用利用無料のPhotoshopとSkech用の素材 -Landing

2016/07/11(Mon) 10:10

企業サイト、プロダクト、コマース、ポートフォリオ、ブログなど、ランディングページ用の80種類以上のレイアウトとUIエレメントのデザインのアイデアがまとめられたUI素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/free-ui-kit-for-landing-page.html

検索ボリュームの調査でGoogleキーワードプランナーの数字を盲信してはいけない（前編）

2016/07/11(Mon) 10:09

Googleキーワードプランナーの数字は、使い方によっては実は不正確なことがしばしばある

http://web-tan.forum.impressrd.jp/e/2016/07/11/23324

今どきデザインはこれ！拡散型シャドウの基本から作成方法まで（PSチュートリアル + HTML/CSSスニペット付）

2016/07/11(Mon) 10:09

最近ウェブサイトやUIデザインなどを見ていると、ふわりと浮いているような奥行き感を表現しているものがあります。これは拡散型シャドウ（英: Diffuse Shadow）と呼ばれる新しいグラフィックトレンドで、2016年に入って多く見かけるようになっています。

http://photoshopvip.net/91770

デザインで大切な基本テクニック、つくる課程の考え方が分かる良書「デザインの教室」がKindleセールでかなりの激安です

2016/07/11(Mon) 10:08

グラフィック デザインで大切な基本テクニックが事例やつくり方だけでなく、つくる課程の考え方もしっかり解説された、デザインのスキルを磨くことができる一冊です。

http://coliss.com/articles/book-review/asin-b01bbbzjiy.html

企業Webサイトリニューアル成功のカギを握る「要件定義の方程式」とは？

2016/07/08(Fri) 09:46

カギは「ヒアリング」「課題設定」「仮説立案」

http://web-tan.forum.impressrd.jp/e/2016/07/08/23152

CSSはやっぱり便利！最近のWebページでよく使うさまざまなコンポーネントを実装するスタイルシートのまとめ

2016/07/08(Fri) 09:46

ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇していたテクニックも数多く利用できます。

http://coliss.com/articles/build-websites/operation/css/css-components-without-javascript.html

HTML文法的に正しくないheadセクションの中のrel=hreflangやrel=canonicalをGoogleは認識しない

2016/07/08(Fri) 09:45

headセクションがHTML文法的に正しくない場合、Googleは rel="canonical" 要素や rel="hreflang" 要素を正常に認識できないことがあります。

https://www.suzukikenichi.com/blog/invalid-head-section-prevents-googlebot-from-recognizing-hreflang-or-canonical/

チェックボックスで制限された数以上のチェックをされた際にアラートを表示させる

2016/07/07(Thu) 10:15

チェックボックスの数を制限する時に。

http://kachibito.net/snippets/how-to-limit-the-number-of-selected-checkboxes

プロデザイナーから学ぶ、ウェブサイトを良くするために心がけたい15個のポイント

2016/07/07(Thu) 10:14

デザインのキャリアをはじめるとき、良いアプローチのひとつとして基本デザイン原則を学び、そしてそれらをうまく使い、きちんとした土台を今後のプロジェクトのために作ってみましょう。

http://photoshopvip.net/91736