Web制作に役立つ情報一覧

今どきの入力フォームはこう書く！ HTMLコーダーが抑えるべきinputタグの書き方まとめ

2016/03/11(Fri) 07:21

今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。

https://ics.media/entry/11221

Webデザインにシャドウを取り入れる時のポイントいろいろ | Webクリエイターボックス

2016/03/11(Fri) 07:20

要素に加えれば、画面に立体感をもたらすシャドウ。なんだか最近シャドウを取り入れたデザインをよく見かけるので、今回はシャドウを使う時の注意点やコツをまとめてみようと思います。

http://www.webcreatorbox.com/tech/shadow/

CSS初心者でも簡単！画像をホバーするとコンテンツをさまざまなアニメーションで表示するスタイルシート -imagehover.css

2016/03/11(Fri) 07:19

外部CSS一つとclassを加えるだけで簡単に実装できる、画像をホバーするとコンテンツをさまざまなアニメーションで表示するスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/image-hover-css.html

オムニバー（アドレスバー）から数千種類のロゴを無料ダウンロードできる Instant Logo Search

2016/03/10(Thu) 07:30

ウェブデザイン制作などでも利用する機会が多く、長時間探しまわることも多いロゴデザイン。Instant Logo Search を使えば、数千アイテムと豊富に用意された素材の中から、まとめて検索、無料ダウンロードすることができます。

http://photoshopvip.net/archives/87976

ノンデザイナーでも知っておきたい！デザインにおける「配色」の基本

2016/03/10(Thu) 07:29

何かをデザインする際に、テーマとなる色を決めルールに則って戦略的に配色することで、よりよりよいデザインにすることが可能です。

http://creive.me/archives/8680/

女性の心をキャッチ！「かわいいデザイン」をつくるレイアウト&効果の小ワザ参考例

2016/03/10(Thu) 07:28

女性は、男性よりも細かいところまで視線を向けているそうです。そのため、デザインでほんの少しの変化や動き、工夫をつけることで、女性の心をくすぐり、結果的に印象に残りやすい広告を制作することができます。

http://creive.me/archives/8570/

ごはんのカメラマン byGMO

2016/03/10(Thu) 07:27

「お店に行ってみたい」と思える写真、プロのカメラマンが撮影します

http://gohan.cameramen.jp/

最近のWebのUIデザインで採用されているナビゲーションのパターン16種類のまとめ

2016/03/10(Thu) 07:26

最近のWebのUIデザインで採用されているさまざまなナビゲーションの名称とその役割、使う時のポイントを「Web UI Design Patterns 2016」から紹介します。

http://coliss.com/articles/build-websites/operation/design/navigation-pattern-for-ui-design.html

商用利用無料、しっかりと作りこまれたヴィンテージ スタイルのデザイン素材 -Vintage Style Elements

2016/03/10(Thu) 07:25

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！もちろん個人でも商用でも無料で利用できます。今回はていねいにかわいく描きこまれた、ヴィンテージ スタイルのベクター素材です。

http://coliss.com/articles/freebies/vintage-style-elements-by-freepik.html

PCとスマホどっちでみる？ちゃんと届く画面設計とは

2016/03/09(Wed) 07:42

「何を入れるか」も大事ですが、「何で見るか」も画面設計のとても大切なポイントです。今つくりたいと思っているWebサイトに、適切な画面設計はどれかを一緒に考えていきましょう。

http://liginc.co.jp/247666