Web制作に役立つ情報一覧

[CSS]アイコンとテキストを横並びに揃えるスタイルシートのテクニック

2016/07/07(Thu) 10:13

アイコンとテキストを横並びにする配置は、Webページでよく使用されます。ナビゲーションやリスト、リンク、ヘッダやフッタのリンクなど、さまざまなコンテンツで見かけますね。

http://coliss.com/articles/build-websites/operation/css/aligning-icons-to-text.html

Webデザイナーが知っておきたいPhotoshopのPSDファイル、レイヤー、エフェクト、フォントやテキスト、素材の効率的な管理方法

2016/07/07(Thu) 10:13

良いデザイナーはデザインするだけでなく、細心の注意を払うことができる人です。Web制作におけるチーム内、または個人でもPhotoshopでのデザイン作業やワークフローを効率よくするためのルールを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-etiquette.html

同人誌や商用利用もOK！マーブル模様が美しい高解像度のテクスチャ素材 -Marble Paper Textures

2016/07/07(Thu) 10:12

美しい複数の色の流れが複雑に絡みあい、上品で繊細なマーブル模様を作りだしているテクスチャ素材を紹介します。利用にあたっては、Webでもアプリでも動画でも紙でもプロダクトでも無料です。

http://coliss.com/articles/freebies/free-marble-paper-textures.html

ちゃんと設定できてる？Googleアナリティクスの初期設定

2016/07/06(Wed) 09:56

「Googleアナリティクスで数字を見ることはできるようになったけど、自分で設定したことってないなあ」「とりあえずよく分からないまま設定はしたけど、あれであってるんだろうか」という人、必見です！

http://liginc.co.jp/285946

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/