2011年2月 Web制作に役立ちそうなページ

月末の予約投稿にしてるので、まとめ切れてない間にでちゃったらごめん。

まとめ系

2011年1月のこれだけ読めば分かる Web 制作者向け情報まとめ
http://weble.org/2011/01/30/web-summary

こういう風に補足を付けて、まとめるのいいなぁと思いました。
分類の仕方もわかりやすい。
ここのブログの人が運営してるWebサービス
・カロリーン – 世界のカロリーをひとつの場所に –
http://caloreen.com/

既存のフォームをユーザーに使いやすくする10のポイント | コリス

既存のフォームをユーザーに使いやすくする10のポイント

なんともいい感じなボタン素材色々:phpspot開発日誌
http://phpspot.org/blog/archives/2011/02/post_536.html

PCやモバイルなど異なる画面サイズに対応したウェブデザイン集 -Media Queries | コリス

PCやモバイルなど異なる画面サイズに対応したウェブデザイン集 -Media Queries

結局どうすればいいの? – Dive Into HTML5
http://hail2u.net/documents/diveintohtml5-semantics.html

Ustream番組をはじめるにあたって、知っておくべき9のノウハウ: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グラデーションを使ったボタンの実用的な実装方法 | コリス

[CSS]クロスブラウザ対応、CSSグラデーションを使ったボタンの実用的な実装方法

クーポンサイト、隆盛の陰にひそむ危うさ
グルーポン「おせち騒動」は氷山の一角
http://www.nikkei.com/tech/business/article/g=96958A88889DE0E0E4EAEBE7E2E2E2E0E2E0E0E2E3E3E2E2E2E2E2E2;dg=1;p=9694E2EBE3E3E0E2E3E2E1E7E2E4

よしんばクーポンがバカ売れしたとしても、さばくのが大変だし、
バーゲンハンターでリピート客にはなってくれないかもしれないし、、
悪評もSNSを通じてマッハの速さで広まるしで、様々なリスクがありますね。

国内Web業界で活躍する方の素敵な名刺デザインいろいろ | Webクリエイターボックス

国内Web業界で活躍する方の素敵な名刺デザインいろいろ


おおおあのサイトのあの人のか・・・というのがたくさん。

長〜いulリストを1行で複数行に分割できる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 | コリス

わずか数秒で自分用のHTML5のテンプレート一式を作成するオンラインサービス -Initializr

フォトショップ

25分でわかるPhotoshopの基本機能(初級編) : ライフハッカー[日本版]
http://www.lifehacker.jp/2011/02/110209photoshopbasics.html
復習として。悲しいことにあまり使ったことない機能も結構ありますね。

HTML5の勉強に役立つチートシートやリファレンスのまとめ | コリス

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
今の大学生くらいの年代の子が、どういう風にインターネット・ケータイと関わってきたか参考になる。


今、そして近い将来に使用するであろうスタイルシートのテクニック集 | コリス

[CSS]今、そして近い将来に使用するであろうスタイルシートのテクニック集

1秒で誰でもできる WordPress のブログサイトでパンくずリストを表示する太陽系最強のコードを書いてみたよ | ウェブル
http://weble.org/2011/02/18/wordpress-blog-breadcrumbs

ログインフォームに大切な7つの要素と重要な1つの機能 | コリス

ログインフォームに大切な7つの要素と重要な1つの機能

CSS3 関連情報・総まとめ – かちびと.net
http://kachibito.net/web-design/css3-mega-collection.html

2011年のために、2010年のロゴデザインのトレンドを押さえておく -2010 Logo Design Trends | コリス

2010年のロゴデザインのトレンド -2010 Logo Trend Report

ちょっとした飾りに使える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


可変するレイアウト幅の最大値を制限する簡単な方法 | コリス

[CSS]可変するレイアウト幅の最大値を制限する簡単な方法

フリーのフォントで最強は何よ:哲学ニュース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エレメントのコレクション | コリス

HTML5+CSS3で実装された、さまざまなUIエレメントのコレクション

商用フリー無料素材

プロカメラマンのフリー写真素材 無料画像素材のプロ・フォト
http://pro.foto.ne.jp/
プロカメラマンだけあって、なかなかセンスのよい素材が揃っている印象。

ブログ用フリー画像素材・写真素材のblog.フォト
http://blog.foto.ne.jp/
タグを貼り付ける仕様になってます。

日記

Posted by ponnao