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

2011年9月1日

素人っぽいデザインから脱却するための12のデザインチップス
http://blog.we-boxes.com/design/web-design-12-tips/

地味に使えるCSS小技のメモ&サンプル集
http://kachibito.net/web-design/css-tips-and-tricks-sample.html

HTML5マークアップの心得と作法

HTML5で制作された国内企業サイト20から現状の制作状況を知る!! http://www.html5-memo.com/html5-site/links/ via @html5memo

RT @colisscom [JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト… http://coliss.com/articles/build-websites/operation/javascript/js-sonic-looping-loaders.html

RT @colisscom 最近リリースされた高品質なフリーのデザインフォント -2011年8月 http://coliss.com/articles/freebies/freebies-font-2011-aug.html

Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 : Web Design KOJIKA17 http://kojika17.com/2011/08/web-site-performance.php via @kojika17

テクニックに頼ったSEOはオワタ\(^o^)/ など10+2記事(海外&国内SEO情報) | Web担当者Forum http://web-tan.forum.impressrd.jp/e/2011/08/26/10954

素敵なデザインの国内ブログ17 | ryodesignblog http://ryodesign.net/blog/7254

RT @yamada_nt: CSS3で作るあんなものやこんなものまとめ http://bit.ly/o15kDV

RT @colisscom HTML5とCSS3を使いこなしたくなるフレームワーク15選 http://coliss.com/articles/build-websites/operation/work/html5-and-css3-frameworks.html

キャラクター/効果線/景観/などが無料ダウンロードできる「マンガ素材辞典β」 – GIGAZINE http://gigazine.net/news/20110824_sozaijiten_manga/

http://www.sozaijiten.com/manga/

【HTML】最近のPCサイトに見るテンプレ要素まとめ | istis http://www.ist-jo.in/archives/826

商用可、オシャレ質感系Photoshopパターン素材を無料公開している「Subtle Patterns」: http://photoshopvip.net/archives/28638#.TlWWaBXvzoI.twitter via @photoshopvip

HTML5やcss3を使う際に見てるリファレンス的なサイトとか、使い勝手の良いツールとか – かちびと.net: http://kachibito.net/web-design/html5-and-css3-for-my-projects.html#.TlWUApsKmaM.twitter via @kachibito

同人誌を作る時に最適の読みやすいフォントはどれ?
http://mazikanon.blog102.fc2.com/blog-entry-410.html

SEO屋をブラックからホワイトまで7分類してみた | Web担当者Forum http://web-tan.forum.impressrd.jp/e/2011/08/23/10935

RT @colisscom


金属の質感が美しすぎる、スタイルシートで実装されたボタン http://coliss.com/articles/build-websites/operation/css/css3-brushed-metal-style.html

情弱なはてブ民にも判りやすく HTML5 vs ..

ホイールも効いて超いい感じのカルーセル実装jQueryチュートリアル:phpspot開発日誌 http://phpspot.org/blog/archives/2011/08/jquery_80.htmlhttp://anond.hatelabo.jp/20110823194555

インスピレーションの宝庫!Web制作会社のポートフォリオWebサイト35 | Webクリエイターボックス http://bit.ly/neEgZJ

ECサイトなどで使えそうな360度ズーム機能を実装するjQueryプラグイン「AJAX-ZOOM」:phpspot開発日誌 http://phpspot.org/blog/archives/2011/08/ec360jqueryajax.html

#mycomj http://j.mp/rsJcYH 【レポート】背中がシュッ! 猫背とサヨナラできる超シンプルな体操

モノを売るのではなくて、ストーリーを売るという手法 – 彼女からは、おいちゃんと呼ばれています (id:inouetakuya / @inouetakuya) http://d.hatena.ne.jp/inouetakuya/20110822/1313981013

WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編:24サイト] http://www.html5-memo.com/design/design-matome/ via @html5memo

Googleペナルティ判定フローチャート http://minnano-seo.com/essence/post90/ via @tamuuuuuu

楽しく退屈せずにJavaScriptプログラミングを学べるCodecademy, ソーシャルな学習サイト
http://jp.techcrunch.com/archives/20110818codecademy-a-slick-fun-way-to-teach-yourself-how-to-program/

僕のWEB屋人生で見つけたテクスチャ、パターン系の素材サイト全部 – バンクーバーのWEB屋 http://webya.opdsgn.com/material/patternandtexture/ via @onepercentdsgn

ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 http://www.fenrir.co.jp/blog/2011/08/layouttips.html

有料だったが無料化した超多機能スクリーンショットソフト「SnapDraw」 – GIGAZINE http://gigazine.net/news/20110821_snapdraw/

つぶやくだけであなたのサイトを作ってくれる『Twylah』 http://www.100shiki.com/archives/2011/08/twylah.html via @taguchi

さよなら、INFOBAR。ついにiida UIが他のAndroidで動きました。 http://kimobiler.blog133.fc2.com/blog-entry-165.html

デザイナーなら必ず知っておきたい国内素材サイト22選|designaholic -Creative Column- http://designaholic.cc/2011/08/post-108.html

ITまんが 2011年版 ~ ITが楽しく分かるマンガを集めてみました - Publickey http://www.publickey1.jp/blog/11/it_2011_it.html

デザインが苦手なWebサービス開発者に朗報!今風のデザインがさくっと作れる『Twitter Bootstrap』が凄まじく充実している件 http://www.ideaxidea.com/archives/2011/08/twitter_bootstrap.html via @taguchi

【レポート】「Photoshop」で人物を上手にマスクするテクニックとは | クリエイティブ | マイコミジャーナル
http://journal.mycom.co.jp/articles/2011/08/11/frssan/index.html

ウェブサイト作成に役立つ35のwebサービス|Webpark
http://weboook.blog22.fc2.com/blog-entry-275.html

CSS3で実装されたボタンの総まとめ | コリス

CSS3で実装されたボタンの総まとめ

Google+ をもっと便利に利用するためのChrome拡張機能20個+αまとめ*二十歳街道まっしぐら
http://20kaido.com/archives/4415816.html

デザインが素敵な日本語Facebookページ 10選

デザインが素敵な日本語Facebookページ 10選

Google、新サイトを検索エンジンに即時登録する方法を提供 | ネット | マイコミジャーナル
http://journal.mycom.co.jp/news/2011/08/09/016/index.html

本当は教えたくないSEO!アクセス数が20倍になったブログタイトル32文字の法則 | Chrome Life
http://www.chrome-life.com/seo/1606/

Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した – かちびと.net
http://kachibito.net/web-design/usability-check-list.html

初心者の頃分からなかったWeb用語:フレームワーク … CSSからHTML5、WordPressまで
http://webdesignrecipes.com/what-is-the-framework/

Photoshop VIP ☞ プロ顔負けのHPデザインテンプレート、無料PSD素材70個まとめ

新着記事

JavaScriptを学ぶために役立つ本 85選 | MOL
http://t32k.me/mol/log/javascript-bibliography/

楽天のお洒落なインテリアショップまとめ10選 | 女子力アップCafe Googirl
http://googirl.jp/entame-2/852rakuteninteria147/

デザインが整ったフリーCSSテンプレート集「20 Beautiful Free CSS Web Templates」 | DesignDevelop
http://design-develop.net/design/20-beautiful-free-css-web-templates.html

HTML5という言葉に圧倒され気味の方への、HTML5入門 | Ext Japan Blog
http://www.extjs.co.jp/blog/2010/08/18/html5-now-with-20-percent-more-internet/

携帯カメラで信じられないほど素晴らしい写真を撮影する方法 » SEO Japan
http://www.seojapan.com/blog/how-to-take-incredible-photos-with-your-phone

HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌
http://phpspot.org/blog/archives/2011/08/html5_11.html

Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」

新着記事

バンクーバーのWEB屋 » WEB屋が行き詰まった時、参考にすると何かが舞い降りるかもしれないサイト色々

WEB屋が行き詰まった時、参考にすると何かが舞い降りるかもしれないサイト色々(主にデザイン系)

[JS]jQueryのプラグイン33+1選 -2011年7月 | コリス

[JS]jQueryのプラグイン33+1選 -2011年7月

CSS3について知っておきたいことのまとめ|Webpark
http://weboook.blog22.fc2.com/blog-entry-280.html

【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを | Webクリエイターボックス

【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを

[JS]雑誌をめくるようにぺらっと画像を表示するスクリプト -mLivre | コリス

[JS]雑誌をめくるようにぺらっと画像を表示するスクリプト -mLivre

手間ひまかけずcss3だけでデザインしたい人のためのチュートリアル集22選 | Webデザインのレシピ
http://www.so-network.biz/css/css3_ui/

白地図、世界地図、日本地図が無料【白地図専門店】
http://www.freemap.jp/

少しの手間で大きく変わる、細部にこだわったWebデザインを | Webクリエイターボックス

少しの手間で大きく変わる、細部にこだわったWebデザインを

ルミネの広告|その絶妙さったら、 – オンナゴコロコロCREATIVE LABO
http://d.hatena.ne.jp/r-design/20090420/1240143691

Google Analyticsでいいね!ボタンやTweetボタンのアクションを計測する方法 – F.Ko-Jiの「一秒後は未来」
http://blog.fkoji.com/2011/08021440.html

ASCII.jp:ここが変わった!HTML5マークアップ入門|浜 俊太朗のHTML5マークアップ移行ガイド
http://ascii.jp/elem/000/000/619/619363/

印刷しておくと必ず役に立つ絵の資料まとめ  | お絵かき速報!萌え絵上達法
http://mazikanon.blog102.fc2.com/blog-entry-400.html
どうしても自分でイラストを書かなければいけなくなったときのために・・・。 

【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選 (フェンリル | デベロッパーズブログ)
http://www.fenrir.co.jp/blog/2011/07/suteki-net-shop.html
うおこれはためになる~~~。EC-CUBEで作ってそうなサイトも結構ありますね。