web屋の為の2011年1月ベストエントリーまとめ41
2011年02月09日 公開
初年度と2年目はやっていたのにいつのまにかやらなくなったシリーズを、今年から時間が作れそうになったので復活させてみようと思う。
少なくとも半年はもってくれ・・・私の気合・・・。
デザインとインスピレーション
50 Way Awesome jQuery Web Design Effects | CreativeFan
要所要所で使われている素晴らしきjQueryのインスピレーション。色々いじるべし。
デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
「ノンデザイナーズ・デザインブック」著者 Robin Williamsが提唱する４つの基本原則。
携帯サイトのデザイン参考サイトまとめ
携帯サイトデザイン集。モバイルサイトを作るときの参考に。
Fireworksだけでできる、カンタンきれいな画像切り抜き術
Fireworksを使った画像切抜きチュートリアル。
テーマカラー1色をメインに用いたWebサイト50
テーマカラーを決めているサイトの総まとめ。
最低限知っておきたいフォントの基礎知識〔日本語編〕
日本語フォントの基礎知識。タイポグラフィ制作する人も必見。
ジャンル別、新しく公開されたPhotoshopデザインチュートリアル30個まとめ 2011年1月度
photoshopのチュートリアル集。
ヘッダーやナビゲーション等、Webデザインをパーツ別に収集しているギャラリーサイトまとめ
さまざまなパーツごとのデザインギャラリーのまとめ集。
Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
photoshop初心者へおくるチュートリアル。
日本向けのウェブデザインというのはあるのか?
海外と日本の違いのお話。かなり深いです。
40 Detailed Examples of User Interface Design
ユーザーインターフェイスの例40。
CSS関連
もうCSSハックは必要なし!? ブラウザ毎にCSSを切り替える「cssuseragent」
ブラウザごとにCSSを切り替えるハック。
使われていないCSS設定があるか教えてくれる『Unused CSS』
不要になっているCSSをこっそり教えてくれる。
web開発
WebのスキルでiPad/iPhoneアプリ風のWebアプリ作成のまとめ
web開発技術でアプリを作成する記述。
多数デバイスに対応させる事も可能なモバイル自動対応WordPressプラグイン・WPtap
wordpressをiPhoneなど、多数のデバイスに対応させてくれるプラグインの使い方。
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か
Open Graph Protocolのわかりやすい解説記事。
今年はWebサービスを作りたいと思っている人にお勧めのエントリーまとめ
twilogの作者のおすすめエントリー。
はてなダイアリーにいいねボタンを置く方法
タグが使えないはてなダイヤりーにいいねボタンを置く解説記事。
知らないと損するFacebookファンページの作り方（1/3）- ＠IT
Facebookの波に乗るための一本。
スマートフォン向けサイトの作り方
スマートフォン向けのwebサイトを作るときの参考に見る記事。
少しのコードで実装可能な20のjQuery小技集
jQueryで実装する細かい小技集とサンプル集。
IE6/IE7/IE8/IE9の共存まとめ
Windows 7やWindows VISTAでIE6/IE7/IE8/IE9を共存させる方法。
[JS]モバイル・タッチデバイス用のアプリケーションを構築するためのJavaScriptのフレームワーク -DHTMLX Touch
モバイルやタッチデバイス用のウェブアプリケーションを構築するためのHTML5ベースのJavaScriptのフレームワークを解説。
jquery-frontier-calendar - Project Hosting on Google Code
jQueryで出来たGoogleカレンダー風のカレンダー。（英語）
マーケティング
参考になるランディングページの解剖分析
一般的にパフォーマンスの良いページのフォーマットを解説。
読者がまず先に求めている情報を提供すると記事は最後まで読まれやすくなる
記事を最後まで読んでももらうための記事の作り方。
Webデザイナーが覚えておく、代表的なライセンスまとめ
すでに即出中の即出記事だが、見逃している人がいたらクリップしておくべし。
「読みにくいフォント」で学んだ情報の方が記憶に残る
なかなかその勇気は持てないな・・・。
「クリエイティブな記事」を作るための３つの条件
クリエイティブな記事の理想。
webサービス
wordmark.it
自分が持っているフォントを一覧してくれるwebサービス。これまでいくつか紹介した事がありますが、このサービスの凄いところは、とても軽くスピーディーっていうところです。
The PSD source
無償のPSDファイルを検索するwebサービス。
ちょっとしたサイトならもうTumblrでいいんじゃない？と思える10個の理由
これみたらほんとTumblrで良いかなって思える。
ライフハック
Web屋さんのための新年の抱負アイデア24
今年のやる気をアップする為の目標作りのお供に。
ツール・素材
Webportio | Graphical resource of Adobe Fireworks
Fireworks用の無料素材がダウンロード可能なサイト。
手書き風のイメージを作るためのphotoshopブラシとフォント特集
手書き風を作るための特集。
30 Free Cute Girly Fonts
ペンで書いたようなフォント集。
モバイル開発に欠かせないテストツール14選
モバイルサイトを開発する人に向けたツール集の紹介記事。
WEBデザイン用フリー素材まとめのまとめ
素材探しのめんどくさがりやさんのために作られたまとめ。
WebデザイナーにオススメのMac 厳選60個アプリ集
Macを使うwebデザイナーに向けたアプリ集の紹介記事。買うぞー。
WebデザイナーにおすすめのEvernote活用術
webデザイナーに向けたEvernoteの使い方。
Evernoteを挫折した人、僕ともう1度本気になって挑戦してみませんか？
Evernoteに諦めを感じた人に向けたEvernoteの使い方。
それでは、また。
トップ画像のソース
Girls in the bar. The Players. JAX Landing | Flickr - Photo Sharing!