Web制作に役立つ情報一覧

文字詰めできるCSSのfont-feature-settingsが凄い！日本語フォントこそ指定したい自動カーニング

2016/12/02(Fri) 09:46

「Webでは文字詰めはできない」と諦めていませんか？ 美しいタイポグラフィーのためには文字詰めは「当たり前」というデザイナーは多く、DTPやグラフィックデザインの界隈では基礎テクニックの一つされています。

https://ics.media/entry/14087

[CSS]コンテンツの区切り線、デザインのアクセントに使えるラインやボーダーを実装するテクニックのまとめ

2016/12/01(Thu) 09:49

コンテンツの区切りに使用する線、デザインのアクセントに使えるラインやボーダーをCSSで素敵にデザインするスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-snippets-for-borders.html

優れたフォームをデザインする

2016/11/30(Wed) 10:02

サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。

https://medium.com/japan/d-9ff35629c4fb#.3o00ck197

驚きのクオリティで画像にエフェクトが適用できる、CSSのブレンドモードを使った実装テクニックのまとめ

2016/11/30(Wed) 10:01

下記の4枚は、元の写真画像にCSSのブレンドモードや画像フィルタを適用したキャプチャです。鉛筆画、色鉛筆画、水彩画、黒板（画？）など、かなりのクオリティで画像にエフェクトが適用できるスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/image-effects-with-css-blend-modes.html

モバイルアプリにおけるナビゲーションUIのデザインパターン

2016/11/29(Tue) 10:00

アプリのナビゲーションは、直感的で予測ができなければいけません。新規のユーザーや再訪問したユーザーが、アプリをどのように使ったら良いか迷わないよう、理解しやすくする必要があります。

http://uxmilk.jp/54297

CSSのみでテキストを「飾る・動かす」おしゃれなエフェクト10

2016/11/28(Mon) 10:33

ここ最近画像や動画を使ったエフェクトも増えてきましたが、シンプルにテキストだけ動かしたりデコレーションすると結構洗練された見え方になります。もちろん画像や動画の上に動きのある文字を配置しても面白いです。

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

入力するだけでデザインが良くなる、新作フリーフォント素材40個まとめ 2016年11月度

2016/11/28(Mon) 10:32

文字を入力するだけでデザインがグッと良くなり、デザイン制作も楽しくなる、無料ダウンロード可能な新作フリーフォント素材をまとめてご紹介します。

http://photoshopvip.net/96566

クリスマス目前、デザイナーが確認しておきたい無料素材とテンプレートまとめ

2016/11/25(Fri) 10:20

今回は、無料ダウンロードできるクリスマス関連の素材コレクションをまとめてご紹介します。

http://photoshopvip.net/96473

Photoshopのレイヤー操作が快適になった！レイヤーやフォルダのコピペがショートカットでできる機能拡張 -Copio

2016/11/25(Fri) 10:16

Photoshopで一番多くおこなう操作といえば、レイヤー操作という人も多いでしょう。そんな時に、レイヤーやフォルダのコピペが簡単にできたらいいな、と思ったことはないですか？

http://coliss.com/articles/build-websites/operation/design/photoshop-copy-paste-layers-copio.html

理解しやすい文章をつくる11の基本ポイント

2016/11/24(Thu) 10:05

読みやすい・理解しやすい文章をつくるための、テキストライティングのポイントを解説

http://web-tan.forum.impressrd.jp/e/2016/11/22/24443