Web制作に役立つ情報一覧

[CSS]Webページでの文字表示を美しく豊かにするスタイルシート -Utility OpenType

2015/12/16(Wed) 07:36

「1/2, 1/4」「H2O」の分数や化学記号、文字と文字を合成して一つの文字にするリガチャ、にょろっと飾りがついたスワッシュやタイトル用字形など、英数記号文字の表示を美しく豊かにするスタイルをまとめたスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/utility-classes-for-advanced-typographic.html

【後半】デザインで確実に覚えておきたい、20の基本原則まとめました。

2015/12/15(Tue) 07:41

初心者からベテランまで一度確認しておきたい、デザインの基本原則20個をまとめています。前半に続き今回は、残り10個のテクニックを見ていきましょう。

http://photoshopvip.net/archives/84884

Webサイト制作や勉強をする際に役立つ便利なツール・サイトまとめ 100

2015/12/15(Tue) 07:40

画像の軽量化やコード圧縮といったツールをはじめ、各種リファレンスサイト、利用している人が多いエディタやデザインツールのショートカット一覧など、Web制作時に便利だと思うツール・サイト・チートシートを自分のブックマークがかなり乱雑化してきたのでその整理も兼ねて一気にまとめてみました。

http://www.nxworld.net/services-resource/useful-resources-for-web-development-and-study.html

高度な分析に役立つ！ GoogleアナリティクスAPIでよく使う軸・指標、セグメントを紹介（第2回）

2015/12/15(Tue) 07:39

Googleスプレッドシートで高度な分析レポートを作るために、よく使う軸・指標やソート、フィルタ、セグメントなど紹介します。

http://web-tan.forum.impressrd.jp/e/2015/12/15/21593

デザインの確かな知識が身につく！Webサイトやアプリのデザインの勉強になるスライドのまとめ

2015/12/15(Tue) 07:39

実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。

http://coliss.com/articles/build-websites/operation/work/slides-for-ui-ux-design-2015.html

クリスマスデザインに役立つ素材まとめ

2015/12/14(Mon) 07:39

もうすぐクリスマスということで、今年もクリスマスデザイン制作時に役立ちそうなフリー素材やインスピレーションもらえそうなデザインなどをまとめてみました。今年は特に目についたのもあってアイコンが多めで、またベクターやアイコンだけでなくクリスマスに関連した高品質な写真素材を提供しているサイトを併せてご紹介します。

http://www.nxworld.net/material/christmas-materials-2015.html

デザインで確実に覚えておきたい、20の基本原則まとめました。

2015/12/14(Mon) 07:38

デザインをするときに覚えておきたい、20個の基本原則をまとめてご紹介します。前半となる今回は、まず10個のデザインテクニックを見ていきましょう。

http://photoshopvip.net/archives/84797

[CSS]コンテンツの区切り hr要素を素敵にデザインするスタイルシートのテクニックのまとめ

2015/12/14(Mon) 07:38

コンテンツの区切りに使用するhr要素をCSS3で素敵にデザインするスタイルシートのテクニックを紹介します。

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

これは知らないと損！背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動画解説付き》

2015/12/14(Mon) 07:37

人物と背景を合成したい場合、予め人物の背景を透明にしたままでPNG画像保存をしておくことで、さまざまな別の背景画像に入れ替えることが可能になり、バリエーションを増やすことができます。

http://threem-design.com/web-design/header-synthesis/

ブログの文章力がないと嘆く方への文章練習法

2015/12/14(Mon) 07:36

ブログの文章で、何書いてもなんかすっきりしないなぁという方へ送る練習法です。

http://e0166.blog89.fc2.com/blog-entry-1304.html