2012年6月 Web制作に役立ちそうな記事
html+cssのコーディングの作業スピードが数倍に！「Zen-Coding」の情報まとめ – NAVER まとめ
http://matome.naver.jp/odai/2134030054992097501
gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない : きよおと-KiYOTO
http://blog.livedoor.jp/clock510/archives/1818437.html
ゲーム感覚でレイアウトを組み立てる、HTML5+CSS3に対応したレイアウトジェネレーター -PageBlox | コリス
Photoshop VIP ☞ 無料ダウンロード可、すごいフリーフォント素材28個まとめ 2012年6月度
Photoshop, Illustratorをマスターするための最初の一歩、Adobe系アプリのよく使うショートカットをまとめた壁紙 | コリス
Photoshop, Illustratorをマスターするための最初の一歩、Adobe系アプリのよく使うショートカットをまとめた壁紙
吹き出し素材専門サイト「フキダシデザイン」
http://fukidesign.com/
コードリーディングに最適！たった200行で作れるHTML5製テトリスのプログラミング学習ムービー | Chrome Life
http://www.chrome-life.com/html5/5391/
CSS記述規則「プロパティ別整理法」の提案 : akiyan.com
トップセールスが無意識に使いこなしている６つの販売テクニック | バズ部
http://bazubu.com/6salestechs-3021.html
JavaScript 基礎 (Part 1) 資料
http://null.ly/post/25358306007/javascript-part-1
パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない（コード 付き）
http://webdesignrecipes.com/wordpress-breadcrumb-list-tips/
JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ － Publickey
http://www.publickey1.jp/blog/12/javascript_mvc.html
短期間でのスマホ向けWeb開発
シリコンバレーで学んだWebサービスを成功に導く10の原則 – パパパパ
画像アイコンはもう古い！CSSでスタイル自由自在のアイコンWebフォントまとめ5つ – W3Q
http://w3q.jp/t/2396
HTML5で使えるスマートフォンの機能 ｜ Classmethod.dev()
http://dev.classmethod.jp/smartphone/mobile-html5/
フリーランス向け嫌な仕事の断り方・交渉の仕方 | たけのおしごと
極端に低い単価や無料で仕事をしてはいけない単純な理由｜DESIGN Oil BLOG
http://www.design-oil.com/blog/2012/05/22/2480
ぶっちゃけWEBサイトっておいくらなの？って話 | Hal-Cana
http://www.halcana.jp/archives/809
今こそ安心できるWordPressバックアップを！復旧作業まで実際にやってみたWordPress丸ごとバックアップ法 | 情報科学屋さんを目指す人のメモ
効率良くCSSコーディングできるSassを使ってみよう！Mac+Codaなら設定も簡単！ | Webクリエイターボックス
Google Chromeを3年使い続けて辿り着いたベストな拡張機能14個 | 和洋風◎
http://wayohoo.com/google-chrome/extensions/google-chrome-extensions-of-my-best.html
UIデザイナーが知っておくべきエンドユーザーの10の特徴 – CNET Japan
http://japan.cnet.com/sp/businesslife/35018495/
【Illustrator】デザインをワンランク上げるイラストレーターのチュートリアル集 その２ – NAVER まとめ
http://matome.naver.jp/odai/2134054900909076001
Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2012年6月）まとめ12個 – W3Q
http://w3q.jp/t/2383
投資対効果の極めて高い、プログラムなんて分からない人のための「単純作業自動化」入門 – R&D: りょうえんダイアリー
あなたが作ったサイトのフッターの役割は？12のフッター活用方法！
http://creators-manual.com/footer12/
とにかく最新のHTML5やJSを使用したサイトをたくさん見たい時に便利！国内外のWEBデザインサイトのタグリストをまとめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト
http://webdesignmatome.com/webdesign/html5site
ファーストサーバーがデータ初期化の大惨事！被害者の状況と損害賠償について調べてみた。｜楽しければいいのです。
http://www.susi-paku.com/pakupost-132.html
グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 － Publickey
http://www.publickey1.jp/blog/12/javascript_mvcangularjs.html
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！ | KAYAC DESIGNER’S BLOG – デザインやマークアップの話
http://design.kayac.com/topics/2012/06/koukyuperaichi.php
すぐに使える！簡単で効果的なPhotoshopテクニック – NAVER まとめ
http://matome.naver.jp/odai/2134001258167785901
Responsiveデザインのサイト設計・実装・確認に役立つツールとリソースのまとめ | コリス
200を越えるアイコンが揃ったBootstrap向けWeb Font「Font Awesome」 – MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
http://www.moongift.jp/2012/06/20120615-3/
キャッチコピー力の基本「ひと言で気持ちをとらえて、離さない77のテクニック」:Ｂｌｏｇで本を紹介しちゃいます。
http://blog.livedoor.jp/tkfire85/archives/55524977.html
サイトに外部ブログのRSSを表示する方法と、記事タイトルが長すぎる場合に省略表示する方法メモ。 | ウェビメモ
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！ | OZPAの表4
角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成＆コード生成をしてくれる「CSS3 ジェネレーター」まとめ！！
最低2秒、目指すは1秒以内。ウェブサイトを高速化するためのTIPS at #SMX Advanced Seattle 2012 | 海外SEO情報ブログ
最低2秒、目指すは1秒以内。ウェブサイトを高速化するためのTIPS at #SMX Advanced Seattle 2012
Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！
http://fukuyama.co/lazyloadsns
画像を使わないでCSS3で様々なローディング用アニメーションをつくってみよう | HTML5でサイトをつくろう
http://www.html5-memo.com/webtips/css3-loading/
» レスポンシブWebデザインの画像問題の解決法5種│Design Spice
コンバージョン率アップの参考になる５つのランディングページ徹底解剖 | バズ部
http://bazubu.com/5lp-2695.html
Google ウェブマスター向け公式ブログ: Google がお勧めするスマートフォンに最適化されたウェブサイトの構築方法
http://googlewebmastercentral-ja.blogspot.jp/2012/06/google.html
スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌
http://phpspot.org/blog/archives/2012/06/13kbquojs.html
レスポンシブ・デザインの無料Wordpressテーマ12選 | ihayato.news
http://www.ikedahayato.com/index.php/archives/11119
DESIGN ARCHIVE – BLOG: 作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
http://stam-design-stam.blogspot.jp/2012/06/101specctr.html
Amazon EC2 を使った無限IPアドレスの作り方 – ぼくはまちちゃん！(Hatena)
http://d.hatena.ne.jp/Hamachiya2/20120612/ec2
シンプルで見やすいガントチャートを描けるjQueryプラグイン・jQuery.Gantt – かちびと.net
http://kachibito.net/web-design/jquery-gantt.html
Web制作者が読んでおきたい、最近公開されたおすすめのスライドまとめ11個 – W3Q
http://w3q.jp/t/2316
【保存用】Dropbox の全まとめ。基本機能の使い方解説から、応用まで。 – AppBank
http://www.appbank.net/2012/06/13/iphone-application/421289.php
ヤフーがどのようにFlickrをダメにしたのか？ スタートアップが大企業に買収されるということ : ギズモード・ジャパン
http://www.gizmodo.jp/2012/06/flickr_1.html
Googleアナリティクスでソーシャルからの流入を解析する方法 – nanapi Web
http://nanapi.jp/38715/
あなたのサイトにぴったりなロゴを生成してくれるジェネレーター「LogotypeCreator」*二十歳街道まっしぐら
http://20kaido.com/archives/6296770.html
CSS3だけで作るボタンデザインいろいろまとめ7つ – W3Q
http://w3q.jp/t/2306
優先すべきは、ソーシャルよりもオウンドメディア 自社ならではのコンテンツで、カタログサイトから脱却せよ （1/2）：MarkeZine（マーケジン）
http://markezine.jp/article/detail/15765
私がweb制作でよく使うサイト47+α 作業ごとリスト – WEBCRE8.jp
Web制作の作業効率があがるPhotoshopショートカットキーまとめました【第一回基本編】 | HTML5でサイトをつくろう
http://www.html5-memo.com/webtips/shortcut/
綺麗にデザインされたピクトグラムアイコン100個セット:phpspot開発日誌
http://phpspot.org/blog/archives/2012/06/100.html
Photoshop VIP ☞ 使い方解説付、テキストエフェクトに最適な無料レイヤースタイル35個まとめ
IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll | コリス
IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll
自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」 – GIGAZINE
http://gigazine.net/news/20120608-browserling/
【美大卒の漫画家が教える！画力上達の為の練習法】絵が上手くなりたい。俺に教えて欲しい。｜お絵かき初心者の学習部屋
http://oekakigakusyuu.blog97.fc2.com/blog-entry-400.html
大量アクセスによるサーバの負荷テストなどが簡単に実行できるフリーソフト「JBlitz Professional」 – GIGAZINE
http://gigazine.net/news/20120606-jblitz-professional/
誰でもできる！Facebookのタイムラインをクリエイティブっぽくする方法 – nanapi Web
http://nanapi.jp/38311/
[JS]FlashもHTML5も無しで、美しいアニメーションを実装するスクリプト -jCSML | コリス
パズル感覚でプログラミングが学べる「Google Blockly」が面白い – NAVER まとめ
http://matome.naver.jp/odai/2133903199236811901
twitter の新ロゴデザインが美しすぎて調べてみたら、黄金比で構成されてた。｜楽しければいいのです。
http://www.susi-paku.com/pakutwitter-2.html
仕事でExcel使うなら必ず読んでおきたい記事まとめ – NAVER まとめ
http://matome.naver.jp/odai/2133891120627829001
私がウェブサイト作成時にお世話になっているサイトをご紹介｜Webpark
http://weboook.blog22.fc2.com/blog-entry-324.html
「Webサイト改善は図を描きなさい！」 〜 SiteCatalyst達人から教わった分析フレームワーク – Six Apart ブログ
http://blog.sixapart.jp/2012-06/draw-concept-diagram.html
誰でもできる！Facebookのタイムラインをクリエイティブっぽくする方法 – nanapi Web
http://nanapi.jp/38311/
PDFの文字をテキスト化！ オンラインで簡単に使えるOCRサービス : ライフハッカー［日本版］
http://www.lifehacker.jp/2012/06/120604ocrfreeonlineocr.html
最高にクールなAndroidアプリを作ったのはMicrosoftだった?–それがon{X}
http://jp.techcrunch.com/archives/20120605onx/
最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン | バズ部
http://bazubu.com/colorpttn-2507.html
IE7～8に対応したHTML5＋CSS3サイトを制作してみよう ～IE7～8のブラウザ対応をするための便利な方法をまとめました～ | HTML5でサイトをつくろう
http://www.html5-memo.com/html5/html5-ie/
いまのWebサイトを低予算でスマートフォンに対応させるための5つのTIPS
http://neta.ywcafe.net/001221.html
Photoshop VIP ☞ 夏を感じる、木や葉っぱなど植物系の無料ベクター素材450個まとめ
画像一枚だけで写真を重ねたようにするチュートリアル | コリス
ASCII.jp：レスポンシブWebデザインとは｜ゼロから始めるレスポンシブWebデザイン入門
http://ascii.jp/elem/000/000/697/697463/
インターネットでものづくりするときに役立つサイトまとめ | KAYAC DESIGNER’S BLOG – デザインやマークアップの話
http://design.kayac.com/topics/2012/06/make-internet.php
企業Facebookページ制作マニュアル：18個の手順 【タイムライン対応・制作編＆集客編】 | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2012/05/30/12806
無料で使えるUIデザインの基本要素が詰まった32の素材集 | SEO Japan
http://www.seojapan.com/blog/32-ui-element-psd
ASCII.jp：レスポンシブWebデザインとは｜ゼロから始めるレスポンシブWebデザイン入門
http://ascii.jp/elem/000/000/697/697463/
インターネットでものづくりするときに役立つサイトまとめ | KAYAC DESIGNER’S BLOG – デザインやマークアップの話
http://design.kayac.com/topics/2012/06/make-internet.php
無料で使えるレスポンシブのWordPressブログテンプレート１０選 | バズ部
http://bazubu.com/wptemplates-2439.html
新米デザイナーに読ませたい、ロゴデザインの制作プロセスまとめ6つ – W3Q
http://w3q.jp/t/2245
東京渋谷 “HTML5入門＆jQuery” 勉強会(5/26)の資料を公開します | tonowp
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating [スタートアップ・デイティング]
http://www.startup-dating.com/2012/05/interview_ikumikatayama/
このデザイナーさんが学生時代にやった「未踏」応募についての説明漫画
100710hateda3.pdf – Google Docs
https://docs.google.com/file/d/0B7RWzSndo7jmYTY4MjZhNjUtNTkyZS00Mzg4LWJiNTEtMGYxMDYyNWI1Y2Iz/edit?pli=1
Photoshop VIP ☞ Photoshopを極める、すごいチュートリアル30個まとめ 2012年5月版
UIデザインが素晴らしい35のウェブスタートアップ | SEO Japan
http://www.seojapan.com/blog/35-startup-ui-design
ヴィンテージ風のざらっとしたテクスチャを作成できるPhotoshopのブラシとパターン素材 -Maleika E. A. | コリス
ヴィンテージ風のざらっとしたテクスチャを作成できるPhotoshopのブラシとパターン素材 -Maleika E. A.
ロゴデザインする時の参考に！ロゴデザインギャラリーのオンパレードと注目記事色々！ | バンクーバーのWEB屋
良い企画書もをマネることから始めよう！大手企業が行うプロモーションの企画書事例まとめ | SUN MEDIA｜販促のまとめ
http://media.marsdesign.co.jp/promotion/check_good_plans.html