Web制作に役立つ情報一覧

head内に記述する要素の総まとめ -meta要素、link要素、ソーシャルサービス用の要素、ブラウザやスマホアプリ用の要素など

2016/06/02(Thu) 07:23

HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。

http://coliss.com/articles/build-websites/operation/work/collection-of-html-head-elements.html

CSS3のFlexBoxで実装する、知っておきたい5つのレイアウトテクニックまとめ

2016/06/01(Wed) 07:28

Flexbox は、もともとウェブサイトやモバイルアプリのUIをデザインするために最適化された CSS です。 Flexbox のさまざまなプロパティを利用することで、これまでは CSS のみで難しかったレイアウトや配置を実現できるようになりました。

http://photoshopvip.net/90700

商用無料でしかも高品質！レスポンシブ対応、HTML5/CSS3で作成されたテンプレートのまとめ

2016/06/01(Wed) 07:27

最近のWebページで人気のある縦長ページ、繊細なインタラクション、大きい写真画像を使ったヘッダ、カード型コンポーネントなど、UIデザインのトレンドが取り入られたHTML5/CSS3で作成された商用利用無料のテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/free-templates-for-responsive-2016-may.html

Photoshopを使い倒せ！ショートカットとアクションでデザインの作業効率化を図ろう

2016/06/01(Wed) 07:26

ウェブサイトデザインを行う際にPhotoshopを使う方が多いと思います。何気なく使っているPhotoshopですが、ちょっとの設定で作業効率化を図ることができます。

http://liginc.co.jp/223972

商用可能で使いやすい、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