Web制作に役立つ情報一覧

商用可能で使いやすい、3500個のベクター素材コレクション The Extensive Vector Elements Collection

2016/05/31(Tue) 07:22

締め切りの近いデザイン制作を抱えているとき、あらかじめ用意されたデザインパーツから選ぶことができると、制作時間の短縮につながります。また、これまで複雑すぎたり、制作に時間がかかることから敬遠していた、新しいデザインスタイルに挑戦することもできます。

http://photoshopvip.net/90590

UXデザイナーって何するの？

2016/05/31(Tue) 07:20

最近、求人サイトなどを見てみると、「Webデザイナー」という職種での募集よりも「UXデザイナー」での募集をよく見かける気がします。しかし、UXデザイナーって実際どんな仕事をしているんでしょうか？

http://www.webcreatorbox.com/webinfo/ux-designer/

Sass(SCSS)のmixinを使って、:nth-child疑似クラスなどを指定しやすくする便利スタイルシート「Family.scss」

2016/05/31(Tue) 07:19

便利だと思ったので備忘録兼ねてご紹介。CSSでn番目の要素に適用したい時などに利用する:nth-child疑似クラスや:nth-last-child疑似クラスですが、先頭（または最後）からn番目になどの単純な指定ではなく、ちょっと複雑な指定をする際は指定方法を考える（悩む）ことがあると思います。

http://www.nxworld.net/tips/family-scss.html

日本語フリーフォントの作者様に感謝！最近リリースされた日本語の無料フォントのまとめ

2016/05/31(Tue) 07:18

最近リリースされたひらがな・カタカナ・漢字が使える日本語のフリーフォント、文字数を増やしてバージョンアップされた日本語のフリーフォントを紹介します。

http://coliss.com/articles/freebies/japanese-free-fonts-may-2016.html

Photoshopのトーンカーブをなんとなく使っていませんか？改めて基礎や活用方法について学ぼう

2016/05/30(Mon) 07:34

Photoshopを使った画像補正で無くてはならない機能が「トーンカーブ」です。感覚で使うこともできますが、最大限に活用するためには正しい理解が必要です。

https://ferret-plus.com/4050

商用利用無料の美しいグラデーション素材！青空、夕暮れ、闇夜の空、海、花などちょっと珍しいグラデをまとめました

2016/05/30(Mon) 07:33

青空、夕暮れ、闇夜などの空、海、花、コーヒー、剣、ドラゴン、輝くゴールド、渋めのシルバー、メタル、クロームなどの美しいグラデーション素材を紹介します。

http://coliss.com/articles/freebies/gradients-for-photoshop.html

デザインに自信がない人も大丈夫！無料UIキットでWeb制作スピードをアップしよう。

2016/05/30(Mon) 07:33

ウェブサイトのデザインが決まらないときは、PhotoshopやSketchで編集できる、UIコンポーネントやPSDテンプレートを活用してみましょう。

http://photoshopvip.net/90505

グーグルのAMPがSEOやマーケティングに及ぼす影響とは？

2016/05/30(Mon) 07:32

AMPとは何か、その特徴は何か、仕様は？ そして、SEO担当者が知るべき良い面とは？

http://web-tan.forum.impressrd.jp/e/2016/05/30/22963

社内でキーワードの取り合いとか何なの！？ リスティング広告のキーワードはどう選ぶ？

2016/05/30(Mon) 07:31

「リスティング広告のキーワードの選び方」から「企業にとってキーワードがどのようなものか」までを解説します。

http://web-tan.forum.impressrd.jp/e/2016/05/30/22759

新しいInstagramのロゴデザインを再現したデザインリソースやCSSテクニック

2016/05/30(Mon) 07:30

少し前に新しいInstagramのロゴデザインが発表されましたが、発表直後から様々な人達が各種デザインツールを使ってロゴデザインを再現したり、中にはHTMLとCSSを使って再現する人も出てきました。

http://www.nxworld.net/material/new-instagram-logo-design-resource-and-css-technic.html