Web制作に役立つ情報一覧

バナー、名刺、ポスターを一括作成！無料ではじめるブランディング用テンプレート50個まとめ

2015/06/12(Fri) 07:48

ブランディングに欠かせない名刺デザイン、SNS投稿につかえるイメージバナー、プレゼンテーション資料を一括作成できるデザインキット50個をまとめたエントリー「50 Free Branding Templates for Your Business」より、無料ダウンロードできるテンプレートをまとめてご紹介します。

http://photoshopvip.net/archives/77978

安全なサイト運用のためのリスク要因と防衛策のポイント

2015/06/12(Fri) 07:46

Webサイトへの不正アクセスなど、攻撃の最新事情とそれに対するソリューションについて解説

http://web-tan.forum.impressrd.jp/e/2015/06/12/20021

Web制作時に備えておきたい便利なチートシートのまとめ -Bootstrap, WordPress, CSS3, Git, SublimeTextなど

2015/06/12(Fri) 07:45

BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。

http://coliss.com/articles/build-websites/operation/work/cheat-sheets-for-front-end-developer-201506.html

[CSS]画像のキャプションをいい感じのアニメーションで表示するシンプルなホバーエフェクト

2015/06/12(Fri) 07:45

シンプルな実装で、画像のキャプションを美しいグラデーションのパネルにアニメーションで表示するシンプルなホバーエフェクトを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-simle-tile-hover-effect-by-chris.html

なぜ、アクセス解析やヒートマップ、アンケートだけでは課題解決につながらないのか？

2015/06/11(Thu) 07:58

「なぜアクセス解析やヒートマップを見ても課題が出ないか」を整理し、その打開策となる「ユーザーテスト」という分析手法について説明していきます。

http://web-tan.forum.impressrd.jp/e/2015/06/11/19866

デザイナー・イラストレーター・絵師向け、プロ仕様のストロークで描けるIllustrator用のブラシ素材 -ProBrush™

2015/06/11(Thu) 07:57

正確な美しいプロ仕様のストロークで描ける、デザイナー・イラストレーター・アーティスト・絵師さん向けのIllustrator用のブラシ素材を紹介します。

http://coliss.com/articles/freebies/freebies-illustrator-brush-probrush-by-leonard.html

プロ御用達！WEBデザインに役立つデザインツール13選

2015/06/11(Thu) 07:57

忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。

http://blog.codecamp.jp/web_design_tool/

日本人のメディア利用行動がまるわかりになる調査の最新版――年代別にソーシャルもモバイルも

2015/06/10(Wed) 08:02

今日は、ソーシャルもモバイルもガラケーも、日本人のメディア利用行動が年代別にまるわかりになる調査「情報通信メディアの利用時間と情報行動に関する調査報告書」の情報をお届けします。マーケティングに携わる人には必見の資料です。

http://web-tan.forum.impressrd.jp/e/2015/06/09/20122

[CSS]フォームの各ブラウザ間の相違を整え、好みのデザインで美しく表示させるスタイルシート -FormHack

2015/06/10(Wed) 08:01

テキストボックス、テキストエリア、セレクトメニュー、チェックボックス、ラジオボタンなど、フォームで使うエレメントの各ブラウザでの相違を整え、幅、高さ、ボーダー、角丸などのスタイルを簡単にカスタマイズして、各ブラウザで美しく表示させるスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-formhack-by-ire.html

背景からモンスターまで！？アプリ開発で使えるフリー素材サイト15選

2015/06/10(Wed) 07:59

アプリ開発を進めようと思うと、アプリに表示するアイコンや登場するキャラクター、ボタンなどデザイン素材の活用が欠かせません。自身で一から制作することも一つの勉強にはなりますが、アプリ開発とグラフィックデザイン両方を同時に進めようと思うと体力と時間が必要になってきます。

http://blog.codecamp.jp/free-materials_for_application/