2011年2月 Web制作に役立ちそうなページ
月末の予約投稿にしてるので、まとめ切れてない間にでちゃったらごめん。
まとめ系
2011年1月のこれだけ読めば分かる Web 制作者向け情報まとめ
http://weble.org/2011/01/30/web-summary
こういう風に補足を付けて、まとめるのいいなぁと思いました。
分類の仕方もわかりやすい。
ここのブログの人が運営してるWebサービス
・カロリーン – 世界のカロリーをひとつの場所に –
http://caloreen.com/
既存のフォームをユーザーに使いやすくする10のポイント | コリス
なんともいい感じなボタン素材色々:phpspot開発日誌
http://phpspot.org/blog/archives/2011/02/post_536.html
PCやモバイルなど異なる画面サイズに対応したウェブデザイン集 -Media Queries | コリス
結局どうすればいいの？ – Dive Into HTML5
http://hail2u.net/documents/diveintohtml5-semantics.html
Ustream番組をはじめるにあたって、知っておくべき９のノウハウ：In the looop：ITmedia オルタナティブ・ブログ
http://blogs.itmedia.co.jp/saito/2011/02/ustream-babf.html
サイトに設置した「いいね!」の押され具合をデータで解析する方法 | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2011/02/01/9647
Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2011/01/31/9607
SEOとデザインは今後より密接になる理由 : could
http://www.yasuhisa.com/could/article/seo-and-design/
Photoshop Vip » ダウンロードしておきたい新しい極上テクスチャ素材、350枚集めました。
hail2u.net – Weblog – What Does It All Mean? – Dive Into HTML5の日本語訳
http://hail2u.net/blog/webdesign/what-does-it-all-mean-dive-into-html5-jp.html
既存WEBサイトをIPv6対応にするには？を色々と調査:phpspot開発日誌
http://phpspot.org/blog/archives/2011/02/webipv6.html
クロスブラウザ対応、CSSグラデーションを使ったボタンの実用的な実装方法 | コリス
クーポンサイト、隆盛の陰にひそむ危うさ
グルーポン「おせち騒動」は氷山の一角
http://www.nikkei.com/tech/business/article/g=96958A88889DE0E0E4EAEBE7E2E2E2E0E2E0E0E2E3E3E2E2E2E2E2E2;dg=1;p=9694E2EBE3E3E0E2E3E2E1E7E2E4
よしんばクーポンがバカ売れしたとしても、さばくのが大変だし、
バーゲンハンターでリピート客にはなってくれないかもしれないし、、
悪評もSNSを通じてマッハの速さで広まるしで、様々なリスクがありますね。
国内Web業界で活躍する方の素敵な名刺デザインいろいろ | Webクリエイターボックス
おおおあのサイトのあの人のか・・・というのがたくさん。
長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/02/uljquerymultico.html
WordPressテーマのカスタマイズの際に重宝するブログやWebサイトいろいろ – かちびと.net
http://kachibito.net/wordpress/study-of-customizing.html
無料で商用でも利用OKなWebdesigner Depotのアイコン集「Kaching」「Childish」「Buddycons」「Reflection」などなどとにかくいっぱい – GIGAZINE
http://gigazine.net/news/20110202_icon_webdesigner_depot/
WordPress.com公式ブログで紹介された秀逸なデザインと機能のテーマ27選 – GIGAZINE
http://gigazine.net/news/20110202_wordpress_themes/
CSSフレームワーク
Blog Hacks 2011 〜 今、Blogを楽しむ5つのHacks – ゆーすけべー日記
http://yusukebe.com/archives/002692.html
CSSフレームワーク『BlueTrip』が想像以上にすごい – present
http://d.hatena.ne.jp/griefworker/20110208/css_framework_bluetrip
Togetter – 「井上のきあさんによるIllustrator初心者用講座」
http://togetter.com/li/98477
国内Webサイトギャラリーサイト
国内Webサイト参考デザイン一覧集 | Maka-veli.com
http://maka-veli.com/webdesign-samplelist.html
Webデザインのリンク集 | ズロック
http://www.zzrock.net/
WordPress
WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
http://webdesignrecipes.com/wordpress-customize-with-template-files/
Webサービスの考え方
「向こう側に人が見えない」企業Blogやtwitterアカウントは有害だよねって話。 – マボロシプロダクト
http://d.hatena.ne.jp/si-no/20110213/1297603354
html5
わずか数秒で自分用のHTML5のテンプレート一式を作成するオンラインサービス -Initializr | コリス
フォトショップ
25分でわかるPhotoshopの基本機能（初級編） : ライフハッカー［日本版］
http://www.lifehacker.jp/2011/02/110209photoshopbasics.html
復習として。悲しいことにあまり使ったことない機能も結構ありますね。
HTML5の勉強に役立つチートシートやリファレンスのまとめ | コリス
サウンド素材
商用利用もOK！無料で使える音楽＆サウンド素材『JewelBeat』のCD/DVDが届いたよ！ Comments Feed｜IDEA*IDEA
http://www.ideaxidea.com/archives/2011/02/jewelbox.html
配色
ビジネスに使える色彩心理学 | ラクスルマガジン
http://magazine.raksul.com/?p=1080
心理学的な面からの基本的な内容。日常生活にもどんぞ。
赤が寝具に適しているというのは初耳！
デザイン
[Webデザイン] 文字組みについて本気出して考えてみた :: Stocker.jp / diary
http://stocker.jp/diary/typographic/
jQuery
ヘッダ固定の分かりやすいテーブルを簡単実装できるjQueryプラグイン「jQuery.FixedTable」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/02/jqueryjqueryfix.html
マーケティング
これからのブログマーケティング戦略*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-850.html
デジタルネイティブじゃない1989年生まれのわたしの話 – はみだし
http://d.hatena.ne.jp/haruna26/20110216/1297867931
今の大学生くらいの年代の子が、どういう風にインターネット・ケータイと関わってきたか参考になる。
今、そして近い将来に使用するであろうスタイルシートのテクニック集 | コリス
1秒で誰でもできる WordPress のブログサイトでパンくずリストを表示する太陽系最強のコードを書いてみたよ | ウェブル
http://weble.org/2011/02/18/wordpress-blog-breadcrumbs
ログインフォームに大切な7つの要素と重要な1つの機能 | コリス
CSS3 関連情報・総まとめ – かちびと.net
http://kachibito.net/web-design/css3-mega-collection.html
2011年のために、2010年のロゴデザインのトレンドを押さえておく -2010 Logo Design Trends | コリス
ちょっとした飾りに使えるCSS3.0ジェネレータ『CSS3.0Maker』*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-852.html
Web素材
無料素材倶楽部
http://sozai.7gates.net/
Webテンプレート
海外産テンプレート
http://www.templatesold.com/
枠線付きの吹き出し – Weblog – hail2u.net
http://hail2u.net/blog/webdesign/bordered-speech-bubble.html
使いやすそうなデザイン
Pure CSSな吹き出し – Weblog – hail2u.net
http://hail2u.net/blog/webdesign/pure-css-speech-bubble.html
上の文中で言及されてた単色のフキダシ。
2011年2月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル
http://weble.org/2011/02/23/web-summary2
サイト運営における「直帰率」と「離脱率」についてのメモ | バシャログ。
http://c-brains.jp/blog/wsg/11/02/22-211746.php
基礎から理解するためのCSS3に関するサイトのまとめ｜Webpark
http://weboook.blog22.fc2.com/blog-entry-229.html
可変するレイアウト幅の最大値を制限する簡単な方法 | コリス
フリーのフォントで最強は何よ:哲学ニュースnwk
http://blog.livedoor.jp/nwknews/archives/3513159.html
verdanaってフリーなんだ！知らなかった！
WEBディレクタがやってはいけない7つの事。｜designaholic -Creative Column-
http://designaholic.cc/2011/02/web7.html
基本的なことではあるのだが、忙しくなると抜けがちなことでもありますね。
「ホームページを作る人のネタ帳」さんのリデザインをしました | Webクリエイターボックス
リデザインの過程はなかなか見れるものではないので、参考になります。
HTML5+CSS3で実装された、さまざまなUIエレメントのコレクション | コリス
商用フリー無料素材
プロカメラマンのフリー写真素材 無料画像素材のプロ・フォト
http://pro.foto.ne.jp/
プロカメラマンだけあって、なかなかセンスのよい素材が揃っている印象。
ブログ用フリー画像素材・写真素材のblog.フォト
http://blog.foto.ne.jp/
タグを貼り付ける仕様になってます。