Web制作に役立つ情報一覧

[CSS]背景は固定、美しいブラーがかかった半透明のパネルやサイドバーやボタンを実装するスタイルシート

2017/02/13(Mon) 09:51

背景画像は固定表示で、美しいブラーがかかった半透明のパネルやサイドバーやボタンがスクロールするコンテンツを実装するスタイルシートのアイデアを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-blur-experiments.html

ロゴデザインの作り方と重要性をデザイナーが徹底解説します。

2017/02/10(Fri) 09:52

自分だけのオリジナルロゴデザインが欲しい。そんな事を考えたことはありませんか？ブログやWEBサイトデザインにおいて重要なパーツのひとつがロゴデザインです。小さなマークですが、デザインの善し悪しでサイトの印象がガラッと変わってしまう重要な要素のひとつです。

http://www.omg-ox.org/entry/logodesign

[CSS]「calc()」を使うとスゴイ便利！ページのレイアウト、要素やフォントのサイズ指定など実装テクニックのまとめ

2017/02/10(Fri) 09:52

pxでも、%, em, rem, vw, vhなどの相対単位でも、異なる単位の計算式で値を指定できる「calc()」がどのように機能し、どのように使うのか、「calc()」を使うと便利になる要素のセンタリング、フォントサイズ、グリッドの作成などの実装例を紹介します。

http://coliss.com/articles/build-websites/operation/css/how-calc-works-by-ire.html

プロ級の写真加工がボタンひとつ！良質Photoshopアクション素材まとめ

2017/02/09(Thu) 09:41

「自分で撮影した写真を加工したいけど、やり方がよく分からない。」そんなときは、写真加工における一連の手順を再生ボタンひとつで完了させる、アクション機能を利用してみましょう。お気に入りの写真を魅力的にアレンジできます。

http://photoshopvip.net/98343

黄金色が目映い！さまざまな質感が揃った商用利用無料のゴールドのテクスチャ・エフェクト素材

2017/02/09(Thu) 09:40

デザインやイラストに、個人でも商用でも無料で利用できる黄金色の美しいゴールドのテクスチャ・エフェクト素材を紹介します。背景やオーバーレイに使用したり、文字や要素のパターンにいい便利な素材です。

http://coliss.com/articles/freebies/gold-textures-and-effects.html

写真がちょっとだけ動く、シネマグラフの美味しそうな料理レシピまとめ

2017/02/08(Wed) 09:55

写真が部分的に動いているように見えるデザイン手法、シネマグラフ（英: Cinemagraphs）。

http://photoshopvip.net/98265

デザインやイラストで備えておきたい、Photoshopの商用無料おすすめブラシ素材のまとめ

2017/02/07(Tue) 09:53

さまざまな美しい光のエフェクト、硝子が割れたエフェクト、水面や煙のエフェクト、インクやペイントのストロークなどが描けるPhotoshopのブラシ素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/freebies-photoshop-brushes-by-drdesign.html

美しい見た目は不要？ユーザビリティとデザイン

2017/02/06(Mon) 09:56

あなたは「ユーザビリティが担保されていれば、Webサイトのビジュアルは美しくなくてもいい」と思いますか？Craigslistのように、見た目は味気なくても人気があるWebサイトもあるので、サイトのビジュアルデザインを重視せずにユーザビリティだけに重きを置く人がいます。

http://uxmilk.jp/60200

検索エンジンは短いtitleタグ・長いdescriptionがお好き――Etsy独自調査【海外＆国内SEO情報ウォッチ】

2017/02/06(Mon) 09:55

検索エンジンは短いtitleタグ・長いdescriptionがお好き――Etsy独自調査

https://www.suzukikenichi.com/blog/seowatch170203/

やってみたかった表現をマスター！基礎力をつけるPhotoshopチュートリアル30個まとめ

2017/02/03(Fri) 09:53

「文字をキラキラさせて目立たせたい。」「天気が悪くて光の足りない写真をどうにかして欲しい。」「画像をスケッチ風に仕上げたい。」ウェブサイトだけでなく日常何気なく目にする雑誌や広告など、「このデザインはどうやって作るんだろう。」

http://photoshopvip.net/98157