Web制作に役立つ情報一覧

分かりやすい！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

SEOをデータサイエンスで効率化する「データドリブンSEO」誌上ワークショップ

2016/07/04(Mon) 09:53

これからのSEOは、大量データをデータサイエンスの力を駆使していかに効率的に行っていくかがポイントになる

http://web-tan.forum.impressrd.jp/e/2016/07/04/23111

無料で使える！レスポンシブWebデザイン対応のHTMLテンプレート素材まとめ

2016/07/04(Mon) 09:52

ウェブサイトをもっと簡単に作成したいというときは、HTMLやCSS、JavaScript、画像などをセットにしたHTMLテンプレート素材を活用してみましょう。あらかじめデザインや機能が実装されているので、テキストエディタで文字を編集するだけで、魅力的なサイトデザインに仕上げることができます。

http://photoshopvip.net/91609