Web制作に役立つ情報一覧

有名サイトに学ぶトップページの要素構成 – 全日本空輸（ANA）編

2014/10/16(Thu) 08:09

全日本空輸（ANA）は、日本ブランド戦略研究所が公表しているWebサイト価値ランキングで常に上位に顔を出し、2014年は1,108億円という価値を算出されています。

http://skan.in/2014/10/15/how-growth-ana/

WordPress：記事の著者情報を簡単に表示できる「Simple Author Box」

2014/10/16(Thu) 08:08

「Simple Author Box」は記事の著者情報を簡単に表示させることができるWordPressプラグインで、手軽に表示できるのはもちろん、見栄えに関しても幾つか用意されている設定項目を使うことでCSSなどを弄らなくても簡単に変更することができます。

http://www.nxworld.net/wordpress/wp-plugin-simple-author-box.html

UIデザインの腕が上がるPhotoshopのチュートリアルのまとめ

2014/10/16(Thu) 08:07

UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザインターフェイスをPhotoshopで作成する際に勉強になるチュートリアルを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-tutorials-for-ui-design.html

旅行関係のマークに最適な無料のトラベルアイコンパック

2014/10/15(Wed) 08:05

旅行関係のサイトやプリントに使えそうな無料のアイコンパックのご紹介です。タクシー、ヨット、ラクダ、山、自転車、コンパス、荷物の軽量、などなど、様々なシーンのアイコンが収められています。

http://flipsblog.jp/archives/1418

スマートフォン時代にGoogle検索は不要？よりコンパクト化される情報サイズと、これからの検索の課題

2014/10/15(Wed) 08:04

パソコンを利用して仕事をする人が多いでしょうから実感は薄いかもしれませんが、移動中や自宅などでスマホを利用している時にGoogle検索（いわゆるググる）を利用することは少なくないでしょうか？

http://www.seohacks.net/blog/zatsudan/sumaho_google_dounano/

商用利用無料、アイキャッチやバナーのアクセントに使えるバッジのベクター素材、コリス限定全員にプレゼント！

2014/10/15(Wed) 08:03

そのままロゴデザインとして使ってもよし、アイキャッチやバナー画像、コンテンツなどのアクセントに使っても面白いレトロ風にデザインされたバッジの素材です。もちろん個人でも商用でも無料で利用できます。

http://coliss.com/articles/freebies/freebies-vector-retro-vintage-badges-by-freepik.html

今風になった！Web制作で使える最近のjQueryプラグインまとめ

2014/10/15(Wed) 08:02

比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。

http://commte.net/blog/archives/4794

ハロウィンデザインに役立つ素材まとめ

2014/10/15(Wed) 08:02

ハロウィンデザインのインスピレーションもらえそうなものやデザイン制作時に役立ちそうな素材をまとめました。

http://www.nxworld.net/material/halloween-materials-2014.html

デザイナーは持っておきたい！無料ダウンロードできるモックアップPSD素材34個まとめ

2014/10/15(Wed) 08:01

モックアップ最大の魅力は、まるで本当に撮影したような高品質なクオリティーを手軽な作業で表現できる点で、クライアントへのプレゼンテーション資料としても最適です。

http://photoshopvip.net/archives/69735

少しずつ色が変わるグラデーション背景をCSSで作成出来る・「CSS GRADIENT ANIMATOR」

2014/10/14(Tue) 07:59

CSS GRADIENT ANIMATORは少しずつ色が変わるグラデーション背景をCSSで作成出来るWebサービスです。keyframesを使ってアニメーションさせているみたいですね。なかなか素敵。

http://kachibito.net/useful-resource/css-gradient-animator