Web制作に役立つ情報一覧

単なるCSSリセットではなく、レスポンシブ対応のWeb制作を見据えたテクニックがいろいろ盛りこまれたスタイルシート -Marx

2015/05/08(Fri) 07:52

CSSリセットと呼ぶべきか、もしくはフレームワークと呼ぶべきか、非常に迷うのですが、そのどちらにも利用できるスタイルシート「Marx」を紹介します。

http://coliss.com/articles/build-websites/operation/css/about-marx-css.html

レスポンシブのうまいアイデア満載！RWD対応のナビゲーションを実装するスクリプトのまとめ

2015/05/08(Fri) 07:51

Off Canvas, On Canvas, On the Flyなど、レスポンシブのさまざまなアイデアを備えたナビゲーションを簡単に実装できるスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-navigations-for-responsive.html

Google、「検索アナリティクス」レポートを提供開始　ウェブマスターツールから利用可能

2015/05/07(Thu) 07:55

詳しい検索トラフィックを確認できる Search Analytics（検索アナリティクス）レポートを Google Webmaster Tool で提供。

http://photoshopvip.net/archives/76398

今更聞けない画像ファイルの種類と使用する形式の選択

2015/05/01(Fri) 08:46

画像ファイルは多くの形式が有りますが、それぞれについての目的を勉強してみましょう。ウェブ業界は長いけど、ファイル形式について今更人にきけない・・・という方にオススメです！

http://flipsblog.jp/archives/2055

Googleマテリアルデザインを採用するときに確認したい無料素材まとめ

2015/05/01(Fri) 08:45

海外デザインブログCSS Authorで、マテリアルデザインを採用するときに確認したいUIコンポーネントやフレームワーク、CSSエフェクトなどの無料デザイン素材をまとめたエントリー「Material Design Resources for Designers & Developers」が公開されていたので、今回は特に使い勝手の良さそうなアイテムを中心にまとめてご紹介します。

http://photoshopvip.net/archives/76259

攻略サイト作成における収益をだす基本的な運営能力

2015/04/30(Thu) 07:59

ブログやウェブサイトを作成している人なら、現在のSEOには、検索ユーザーが満足する情報を掲載することが、最も一般的なお役立ち情報となることはご存知のはず。

http://flipsblog.jp/archives/2049

自分のHTMLやCSSのコーディング環境がベストか見直してみよう！作業を効率化する技術やツールの導入・使い方がよく分かるオススメの本

2015/04/29(Wed) 07:48

SassやLESSなどのCSSプリプロセッサ、OOCSSやBEMを使ったCSSの設計、Gitでのバージョン管理、gulpを使ったタスクランナー、Bootstrapなどのフレームワークの導入など、ここ数年でコーディング業界にさまざまな新しい技術やツールが登場しました。

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

厳選！最近公開された日本語のフリーフォント15種類のまとめ

2015/04/29(Wed) 07:47

2014年暮れから2015年にリリースされた、個人や商用で利用できる日本語の無料フォントを紹介します。初紹介のものもけっこうあるので、見逃さないように要チェックです！フォントの利用にあたっては、個人サイトや商用サイト、同人誌や各種印刷物などの紙での利用も確認して明記しました（2015年4月現在）。

http://coliss.com/articles/freebies/best-of-free-japanese-fonts-2015-spring.html

サイトやブログの背景デザインに最適！ロイヤリティーフリーの無料写真35枚セット「Backpack Series」

2015/04/29(Wed) 07:46

Backpack Series Photographyは、作成したウェブサイトやブログコンテンツの邪魔をせず、どんなデザインにも合わせやすい、雄大でスタイリッシュなフリー写真を35枚揃えたセットです。利用に関するライセンスは個人、商用共に可能となっているので、幅広いデザイン案件に対応してくれます。

http://photoshopvip.net/archives/76222

Adobe Creative Cloud、Dreamweaverキーボードショートカットチートシート

2015/04/28(Tue) 07:59

Adobe Creative Cloud キーボードショートカットキーのチートシート。直近の仕事でめちゃくちゃお世話になったので、次また使うときのためにメモ。CCを使うときには是非活用してみてくださいね。

http://flipsblog.jp/archives/2035