Web制作に役立つ情報一覧

Webデザイナーとフロントエンドが歩み寄るためのPhotoshop豆知識

2016/07/06(Wed) 09:55

フロントエンドの方にぜひ知ってもらいたい！というのはもちろんですが、デザイナーの方もこれを読んで気遣いがチラ見えするPSDを作れるようになったら、明日から職場の空気が和やかになるかもしれませんね。

http://liginc.co.jp/240544

2016年上半期、商用OKで使い放題のフリーフォント50個まとめ

2016/07/06(Wed) 09:54

今回は、無料ダウンロード可能で、商用ライセンスにも対応した2016年公開のフリーフォントという条件にあった素材をまとめてご紹介します。

http://photoshopvip.net/91690

分かりやすい！Slackの初心者から更に活用したい中級者まで、解説が非常に充実したオススメの本 -Slack入門

2016/07/06(Wed) 09:54

Slackって何？ 制作チームに最適なコミュニケーションツールを探してる！ というSlackの完全初心者から、Slackを更に活用したい、日本語でまとまったドキュメントがほしい、そんな使い方もあるのか！ という中級者まで、Slackの具体的な使い方がしっかり分かるオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-4774182389.html

デザインに使える！無料でダウンロードできる高品質なかわいい手書きのフリーフォントのまとめ

2016/07/06(Wed) 09:53

デザインにちょっと使ってみたい、デザインの幅を広げてみたい、そんな時は気軽に利用できるフリーフォントをストックしておくと非常に便利です。

http://coliss.com/articles/freebies/hand-drawn-script-free-fonts.html

CSS：分割されたマスクがパラパラと表示されるクールなホバーエフェクト

2016/07/05(Tue) 09:56

CSSを使用して表現したかっこいいホバーエフェクトやボタンデザインを多数作成・公開している「LittleSnippets.net」を眺めていて、個人的に好みなホバーエフェクトを見かけたので備忘録です。

http://www.nxworld.net/tips/css-split-mask-hover-effects.html

Google、Search Consoleの検索アナリティクスに「リッチ検索結果」のフィルタを追加

2016/07/05(Tue) 09:56

Google Search Console の検索アナリティクスに「リッチ検索結果」のフィルタが追加されました。「リッチ検索結果」でフィルタをかけると、リッチスニペットが表示されたデータだけ絞りこんでレポートを参照できます。

https://www.suzukikenichi.com/blog/rich-results-filter-in-search-analytics-is-now-live/

背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ

2016/07/05(Tue) 09:55

CSS3 が主要ブラウザに対応したことから、これまではむずかしかったアイデアやコンセプトも、手軽にスタイリングできるようになってきています。今回は、背景デザインにスパイスを加えるエフェクト用コードスニペットを、コード共有サイト CodePen からピックアップしまとめています。

http://photoshopvip.net/91670

CSSリセットはこれで決まり！モダンブラウザによる相違を吸収するようカスタマイズされたスタイルシート -ress

2016/07/05(Tue) 09:55

ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/modern-css-reset-ress.html

商用利用無料、水墨画の繊細な線、面、ぼかしを表現できる！まるで和筆のようなプロ仕様のブラシ素材 -Japan ProBrush™

2016/07/05(Tue) 09:54

和筆の繊細な線、面をつかった大胆な線、ぼかしの濃淡で明るさや暗さを表現できる、イラストレーター・絵師さん向けのIllustrator用ブラシ素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/japan-pro-brush-by-leosupply.html

意外と盲点だったCSS3の役立つ小技まとめ

2016/07/04(Mon) 09:54

リニューアルを行った時に、CSS3で気づいたことや次回もまた使いそうなものなどを備忘録として書いておきます。基本的なものから見慣れないものまで。

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