Web制作に役立つ情報一覧

著作権フリー！完全無料のパブリックドメイン写真素材を見つける FindA.Photo

2016/01/26(Tue) 07:32

人気のフォトストックサイト10個から、著作権を放棄した完全フリーの写真素材をまとめて検索、ダウンロードすることができるサービス FindA.Photo を今回はご紹介します。

http://photoshopvip.net/archives/86165

[JS]スマホもOK！縦長ページやスライダーでコンテンツをさまざまなアニメーションで表示させるスクリプト -pageSwitch

2016/01/26(Tue) 07:31

縦長ページで次のコンテンツを表示する時、画像やテキストを配置したコンテンツスライダーで、すぅーとスライドさせたり、ぱたり、くるり、ぐい〜んなど、ブラウザいっぱいのコンテンツやパネルをさまざまなアニメーションで表示させるスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-pageswitch.html

CSSのみで縦の年表のようなタイムラインを作れる・「Timelined」

2016/01/26(Tue) 07:30

TimelinedはJavaScript不要でタイムラインを作成出来るスタイルシートです。CSSのみで縦の年表を作成出来ます。カスタマイズ性も優秀で、アイコンの有無や吹き出し、アイコンのサークルカラー、タイムラインのラインカラー、日付等をclassで設定出来るようになっています。

http://kachibito.net/useful-resource/timelined

カスタマーエクスペリエンスを実現するために実践すべきたった3つの施策

2016/01/26(Tue) 07:30

Webサイトの閲覧行動は、インターネットの黎明期と比べて劇的に変わっているが、いまだにそのころの成功体験に縛られているWeb担当者は少なくない。

http://web-tan.forum.impressrd.jp/e/2016/01/26/21783

PARTYのクリエイティブディレクター川村氏が大切にしているブランディングのポイント

2016/01/26(Tue) 07:29

Webブランディングを検討するときに、まずは目を惹くビジュアルのWebサイトを参考にするだろう。Web担当者なら、「あの会社のWebサイトはかっこいい」とか

http://web-tan.forum.impressrd.jp/e/2016/01/26/21905

デザイナーが今年参考にしたい、Web＆モバイルの無料UIデザイン30個まとめ

2016/01/25(Mon) 07:27

マテリアルデザイン、鮮やかな配色、カード型レイアウト、美しいタイポグラフィー。今回は、この4つのポイントに加え、2016年の流行カラー「ローズ・クォーツ + セレニティ」を利用した、無料ダウンロード可能なUIコンポーネント素材をまとめています。

http://photoshopvip.net/archives/86090

ずっと使える、デザイナーが持っていたい万能フォントコレクション The Font Lover’s Bundle

2016/01/25(Mon) 07:27

世界のプロフォントデザイナーの手作業で、ていねいに行われたカーニングやリガチャ合字など、デザインアレンジが効く、豊富なスタイル数が特長となっています。

http://photoshopvip.net/archives/86131

イラストやマンガを描く時の参考になるカラーパレット・スウォッチ素材のまとめ

2016/01/25(Mon) 07:26

顔、化粧、瞳、髪、肌、小物などのカラー、対象物のカラーのハイライトやシャドウなど、イラストやマンガを描く時の参考になるカラーパレット・Photoshopのスウォッチ素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/color-for-illustration-and-manga.html

上級SEOテクニック5選――サイト最適化後にやるべきこと（後編）

2016/01/25(Mon) 07:23

「新しいバーティカル検索やSERP機能」「SERPのさらなる独占」「購入者ファネルの上位への移動」「世界に向けた多言語のターゲティング」

http://web-tan.forum.impressrd.jp/e/2016/01/25/21966

CSSで実装するハンバーガーメニューアイコンの見栄えやクリック・ホバー時のエフェクト 10

2016/01/22(Fri) 07:44

画像は使用せずにCSSのみを使って実装したハンバーガーメニューアイコンの見栄えやクリック・ホバー時のエフェクトサンプルなど全10種類です。以前にもハンバーガーメニューをクリックした時のエフェクトを紹介しましたが、あれからまた備忘録として残しておきたいものが幾つか出てきたのでシェアします。

http://www.nxworld.net/tips/10-css-hamburger-menu-icon-design-and-effect.html