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

[JS]異なる高さのdiv要素の高さを揃えるだけのシンプルなスクリプト -Equalbox | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-equalbox.html
今までmin-heightで揃えてましたが、コレのほうが使えるかな。

最近よく使ってる、Web制作に役立つWebサービス的なやつ – かちびと.net
http://kachibito.net/web-service/13-tools-for-web-developer.html

Photoshop初心者でも簡単できる、かっこいいテクスチャ素材を作るチュートリアル | コリス
http://coliss.com/articles/build-websites/operation/design/how-to-create-a-simple-texture-by-splashnology.html

異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/06/jquerymythumbna.html
これは6月中、一番のヒットです。どこかで使いたいです。

私がwebサイトのラフデザインを制作する時の流れ | Design Spice
http://design-spice.com/2011/06/23/website-rough/


シンプルで使いやすいGitHub風のボタンを簡単に実装できるスタイルシート | コリス
http://coliss.com/articles/build-websites/operation/css/css3-github-buttons-by-nicolasgallagher.html

「Googleウェブマスターツール」で是非とも確認しておきたい5項目まとめ*二十歳街道まっしぐら
http://20kaido.com/archives/3651440.html

webデザインにおける視線誘導のおはなし | 07design.blog
http://07design.net/blog/?p=386

Photoshop Vip » 新しく公開された真似したくなるすごいPhotoshopチュートリアルまとめ 2011年5月度
http://photoshopvip.net/archives/23967

Togetter – 「Web開発者の皆様へ – Firefox5周りでの変更点について」
http://togetter.com/li/143448

WebからEvernoteへ。私(Webデザイナー)がしているちょっとかわった情報整理術
http://webdesignrecipes.com/from-web-to-evernote/

はてブやBuzzurlなど日本のブックマークサイトの無料アイコン配布サイト・sbm-garden – かちびと.net
http://kachibito.net/web-design/sbm-garden.html

サイトやブログの運営でよく使いそうな.htaccessの設定のまとめ | コリス
http://coliss.com/articles/build-websites/operation/work/10-useful-htaccess-snippets-by-catswhocode.html

407個のwebデザイナー&デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト – YATのBlog
http://wp.yat-net.com/?p=1883

SEOの終わりとソーシャルとnanapiのコンテンツの未来 – ロケスタ社長日記 @kensuu
http://blog.livedoor.jp/kensuu/archives/51889800.html

いいコンテンツとは何か?
– [安心] 安心して記事を読める
– [行動] その記事を読んで、行動したくなる
– [共有] その記事を読んで、人に教えたくなる、自分が行動したことを伝えたくなる

最適化の方法が変わっただけでSEOはまだまだ終わらない*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-892.html

SEOとは(おさらい編) – かちびと.net
http://kachibito.net/seo/what-is-seo.html
SEOはあくまで最適化です。Googleが本来の技術で出すべきSERPsが、Webサイト側が原因で適切に処理出来ないのを助けるのがSEOです。そもそも順位の変動は常にありますし。

なぜ最適化が必要かというと、Googleは完全体では無いからです。まだ欠陥がある訳です。

Webデザインにおける、1pxへのこだわり « PARKN' PARK
http://parkn-park.com/webdesign/webothers/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E3%80%811px%E3%81%B8%E3%81%AE%E3%81%93%E3%81%A0%E3%82%8F%E3%82%8A/

1日でマスターできるHTML5まとめ。 – NAVER まとめ
http://matome.naver.jp/odai/2130703450443574201

覚えておくと役立つネット上の便利なサイト・ツール50選まとめ 【part2】 | ラジック
http://rajic.2chblog.jp/archives/51846838.html

ソーシャルブックマーク&投稿ボタンの設置方法 | SEOモード
http://www.seomode.jp/socialmedia/2011/06/06/1673/

覚えておいて損がないショートカットキー – まめ速
http://mamesoku.com/archives/2775750.html

超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」:phpspot開発日誌
http://phpspot.org/blog/archives/2011/06/marquee20jquery.html
昔よくあった左から右に文章が流れる仕様を、
スムージングと減速加速仕様にしてかっこよくしたやつです。

センスの良いPhotoshopのブラシやパターン素材がダウンロードできるサイト -MF Creative | コリス
http://coliss.com/articles/freebies/freebies-by-mfcreative.html

Photoshop Vip » プロ級の写真加工、編集を再現するPhotoshop無料アクション素材80個まとめ
http://photoshopvip.net/archives/24042

IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 : Web Design KOJIKA17
http://kojika17.com/2011/06/basic-html-css.php

コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 : Web Design KOJIKA17
http://kojika17.com/2011/06/summary-of-microdata.php

GoogleドキュメントのOCR機能が日本語に対応
http://web-marketing.zako.org/google/google-docs-ocr.html

タダイラ
http://www.taka.co.jp/tada/index.html

今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。
http://stid.jp/wp/?p=975

【営業マンにオススメ】無料で使えるWEBサービス&ツール12選 – NAVER まとめ
http://matome.naver.jp/odai/2130603039921567701
一番下の「PrintWhatYouLike.com(WEBページの好きなエリアを印刷)」は便利かな~と思いました。

jQueryを学ぶためのリンク集 « Codaholic
http://codaholic.org/?p=54

ウェブブラウザ経由で同じWi-Fi上にあるAndroid携帯を遠隔操作できる『LazyDroid』 : ライフハッカー[日本版]
http://www.lifehacker.jp/2011/06/110516lazydroid.html

コピペで使える!Photoshop不要になりそうな高品質テキストシャドウサンプル集:phpspot開発日誌
http://phpspot.org/blog/archives/2011/06/photoshop_259.html

ウェブ執筆者におすすめのGoogle Chrome拡張機能+ウェブアプリ厳選33個まとめ – ガジェット通信
http://getnews.jp/archives/121792

Photoshop Vip » 総まとめ、ダウンロードしておきたい筆記体フリーフォント厳選50個まとめ
http://photoshopvip.net/archives/24262

Googleカレンダーをもっと便利に! オススメLabs機能8選 : ライフハッカー[日本版]
http://www.lifehacker.jp/2011/06/110527gcal-labseight.html


フォントのサイズ指定はpx? em? 既存の再検討とこれからのテクニック | コリス
http://coliss.com/articles/build-websites/operation/css/font-size-with-rem-by-snook-ca.html

ウェブページの重要な箇所を素早く伝える5つのデザインテクニック | コリス
http://coliss.com/articles/build-websites/operation/design/creating-focal-points-by-sixrevisions.html

WEBマーケティング ブログ » DropboxやGoogleドキュメント、Google Appsなどにあるファイルを一括管理できる「Otixo」
http://web-marketing.zako.org/web-tools/online-files-single-app-otixo.html

様々な背景に使えるテクスチャ画像集総まとめ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-894.html

Webデザインサンプル | みんなで作るデザインギャラリーサイト
http://webdesignsample.net/

IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル:phpspot開発日誌
http://phpspot.org/blog/archives/2011/06/ikeajquery.html


divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック | コリス
http://coliss.com/articles/build-websites/operation/css/css-how-to-center-without-a-wrapper-by-camendesign.html

意外と知らない!?CSSセレクタ20個のおさらい|Webpark
http://weboook.blog22.fc2.com/blog-entry-268.html

あなたのCSSをどう改善したらいいか教えてくれる『CSS Lint』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2011/06/css_lint.html

CSS Lint
http://csslint.net/

CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
http://webdesignrecipes.com/css-blocklevel-elements/

意外と知らない!?CSSセレクタ20個のおさらい|Webpark
http://weboook.blog22.fc2.com/blog-entry-268.html

CSSの制作・検証に役立つChromeの機能拡張のまとめ
http://coliss.com/articles/browser/chrome/chrome-extensions-for-css-developer.html

CSSの「:nth-child」をマスターするための図解いろいろ | IDEA*IDEA
view-source:http://www.ideaxidea.com/archives/2011/06/css_master.html

ウェブデザインをワンランクアップさせるデザインテクニック『奥行き』の使い方 | コリス
http://coliss.com/articles/build-websites/operation/design/creating-depth-in-web-design-5-design-tricks-by-onextrapixel.html


縫い目風のかわいいデザインをスタイルシートで実装したナビゲーション | コリスhttp://coliss.com/articles/build-websites/operation/css/css-tutorial-sexy-css3-navigation-by-red-team-design.html


6つの代表的なCSSレイアウト方法の長所と短所を学んで使いこなす | コリス
http://coliss.com/articles/build-websites/operation/css/pros-and-cons-of-6-css-layout-patterns-by-vanseodesign.html

和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 + ブラシファイルの中身が見れるアプリケーション
http://wp.yat-net.com/?p=1901

これは素敵。自分の趣味のサイトを作るときに使いたい。