2012年11月Web制作に役に立ちそうな記事

2012年12月3日

iPhone3,4,5用の主要なUIが全部揃ってる!アプリ開発用のデザインテンプレートのPSD素材 -iPhone App Templates Pack | コリス

インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | Web担当者Forum

テキストのメリハリをつける方法7つ | Arch

[JS]超軽量で設置も簡単!Facebook, Twitter, Google+のボタンを設置するスクリプト -SocialCount | コリス

WordPressにプラグイン無しで、ソーシャルメディアを効果的に取り入れるスニペットのまとめ | コリス

デザインが美しい!温泉旅館サイト13選 | 株式会社LIG

WordPressの使い方。初心者が必ず押さえておきたいプラグイン7つ

複数の色を使うときにバランスよく配色する方法 | Handy Web Design

はじめてWordPressを使用する際に行う設定をまとめる|Wordpressでブログでなくビジネスサイトをつくろう【MdN連載第3回目】 | HTML5でサイトをつくろう

PhotoshopでWebデザイン作成のステップアップに役立つエントリーまとめ – NAVER まとめ

Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント | KAYAC DESIGNER’S BLOG – デザインやマークアップの話

2012年、ピクトグラムのアイコン素材のまとめ、全部商用無料です! | コリス

PCサイトをスマホに最適化するツール、Googleがリリース 1年間無料 – ITmedia ニュース

一目で惚れる。WordPressの厳選レスポンシブ・テンプレート5つ

カヤック、個人の専門知識をデジタルミニブックで出版できるサービス「Paberish」 – MdN Design Interactive – Webデザインとグラフィックの総合情報サイト

ダウンロードしておきたい、フリーフォント素材26個まとめ 2012年11月度 – Photoshop VIP


2012年最も人気のあったCSSリセットとどれを使えばいいかの指針、と上手に使うポイント | コリス

デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ | OZPAの表4

ダウンロードしておきたい、フリーフォント素材26個まとめ 2012年11月度 – Photoshop VIP

jQueryコーディングの基本的なことからプラグイン化までの注意書き(Webデザイン)

商用無料がたくさん!ダウンロードしておきたいフリーのデザインフォントのまとめ -2012年11月 | コリス

CSS3でここまで出来るの?!真似してみたいと思える物からそうじゃない物まで様々なCSS3チュートリアル達! | バンクーバーのうぇぶ屋

売れるECサイト制作のために必須の商品ページデザインの15の要素

we-blog — 初心者が2ヶ月でプログラミングをマスターする方法

Webサイトの作り方のまとめ!トップページ完成まで。

ブログでめしを食うために行っている5つのSEO | 和洋風KAI

読みやすい文章を書くのに押さえておきたい基本となる5つのポイント | [M] mbdb

4日で3000店記録 ネットショップ無料開設サービス「BASE」が好調 | Fashionsnap.com


コピペで簡単にCSS3アニメーションを実装できるライブラリ・ツールのまとめ | コリス

Illustratorで魅せる、テキストエフェクトの作り方チュートリアル25個まとめ – Photoshop VIP

ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです! | コリス

ブログについたTwitterやはてブの反響を可視化するiPhoneアプリ、『Feedback』をリリースしました – ninjinkun’s diary

Google ウェブマスター向け公式ブログ: タブレット端末ユーザーにはフルサイズのウェブを表示しましょう

[JS]jQueryのプラグイン33+1選 -2012年10・11月 | コリス

一枚もののウェブページをとにかく簡単に作れる『tackk』 | 100SHIKI

はじめてスマートフォンサイトを作る人へ。制作で気をつけたいポイント5つ | Kana-Lier

効率よく漫画を描く方法を解説した、同人作家「木星在住」の講座が凄い! | お絵かき速報!萌え絵上達法

JavaScriptなしで地域ごとに色が変わる日本地図を作る | Stocker.jp / diary

使ってわずか10分でメインエディタを変えてしまったSublime Text (ST2)がめちゃめちゃ使いやすい件 – YATのBlog

成長Webサービスを影で支える「Growth Hacker」ってどんな人? – NAVER まとめ

有名企業・大学などのロゴやヴィジュアルを定義したスタイルガイドラインのまとめ | コリス

無料でダウンロードできる多種多様なアイコン・ボタン・UIキットいろいろ – GIGAZINE

社内のIA(情報アーキテクチャ)研修の講師をしてみた。:そのフォローアップ | future-proof.jp

ちょっと便利なJavascriptオブジェクトの作り方 : アシアルブログ

ユーザーのためが最強のSEO!nanapiのSEOで何をしているか – nanapi社長日記 @kensuu

プラグインは使わない!Wordpress カスタマイズまとめ40 | コムテブログ

WordPressのマルチサイト機能で複数のブログを管理する

今すぐ使いたくなる!個性的でわくわくする動きのスライダー12選 | デザイナーブログ | 株式会社LIG

自慢のWebデザインをもっと広めたい!自薦で登録できるWebデザインギャラリーサイト20 | Webクリエイターボックス

Web制作のための、Illustratorの独学方法 – ウェブデザイナーになるには

無料でダウンロードできる洗練されたデザインのUIキットいろいろ – GIGAZINE

WordPressプラグイン15選!最高の集客効率と機能性を出す組み合わせ

【岸田メル風塗り】SAIでイラストを綺麗に塗る方法を教えてください | お絵かき速報!萌え絵上達法
http://mazikanon.blog102.fc2.com/blog-entry-616.html

第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 – 納豆には卵を入れる派です。
http://d.hatena.ne.jp/ken_c_lo/20121115/1353004699

画面をチカチカさせる活動の振り返りとノウハウの共有 – hitode909の日記
http://hitode909.hatenablog.com/entry/2012/11/17/110000

グラフ描くならMorris.jsがお手軽で良いかも – (゚∀゚)o彡 sasata299’s blog
http://blog.livedoor.jp/sasata299/archives/51854445.html

ブロガーにオススメ!リンクされたら瞬時に通知するアクセス解析サービス「trackfeed」が超便利! – iTea3.0

HTML5 × CSS3 × jQueryを真面目に勉強 – #9 CSS3アニメーション(Transition) | クラスメソッド開発ブログ

バカ売れサイトを構築するために知っておくべき顧客の5つの購買心理

月315円から使えるインフラサービス Gehirn Web Services がステキで恋に落ちるレベル。 – このブログは証明できない。

無料でOCR(光学文字認識)したかったらGoogleDriveを試してみるといいかもね | 56docブログ

キリン生茶でも使われている読みやすさを追求した「つたわるフォント」 | memobits

PHPやMySQLやセキュリティ対策が分かった気になる15冊 | DECONCEPTER

無料で商用利用も可能な印象的な英字フォントいろいろ – GIGAZINE

クリエイター向け、まとめのまとめ / Maka-Veli .com

簡単、きれい!RGBaカラーを使って横メニューを作ってみる|Webpark

学んでから作るのではなく、作ってから学ぶ – ぼくはまちちゃん!(Hatena)

WordPressでビジネスサイトを作る際に、サイト全体の構造を考えよう!|Wordpressでブログでなくビジネスサイトをつくろう【MdN連載第2回目】 | HTML5でサイトをつくろう

一度見たら忘れられないインパクトのある個性的なデザインの名刺30枚 – GIGAZINE

「Webサービスのつくり方」という本を書きました – ゆーすけべー日記

HTML・CSS・Sassのコーディング環境 2012 | Webデザインのタネ

日本で全く冴えなかったWeb屋が海外就職する為に必要だった絶対の5カ条! | バンクーバーのうぇぶ屋

典型的なJavaScripter3+1種類と、それぞれの勉強法。 | Ginpen.com

実践で学ぶWebサイト制作ガイド まとめ | Webクリエイターボックス

商用でも無料で利用できる、複数のウェイトが揃った高品質なフリーのデザインフォントのまとめ | コリス

ディレクターという仕事を考えてみる | sui

ノンプログラマーのためのjQuery生成ツール: 小粋空間

作業効率化!Dreamweaverのオススメ拡張機能まとめ | デザイナーブログ | 株式会社LIG

レスポンシブWebデザインのメリット、デメリット比較まとめ – Photoshop VIP

【Webデザイン】惚れぼれするとにかくカッコイイ企業ホームページ – NAVER まとめ

1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個! | KAYAC DESIGNER’S BLOG – デザインやマークアップの話

配色のセンスをゼロから習得するために役立つスライドまとめ4つ – W3Q

「Webサービスのつくり方」という本を書きました – ゆーすけべー日記


JavaScript無し、レスポンシブ対応、背景をコンテンツのスクロールに合わせて変更するスタイルシート | コリス

サイトや製作物を作るときに使っているツール・サービスをドン!と紹介するよ! | 四畳半ワークス

CSS3のみで書かれたアイコンセットがすごいな | IDEA*IDEA

これからウェブ系で起業する人におススメのサービス:2012年版 – NAVER まとめ

Webで生きていくなら絶対にあった方が良い道具のまとめ | enjiBlog

家の中に溜まっているイヤな生活臭を簡単に撃退する方法 | セレブスタイル

プログラミングとデザインを続けている理由 – つきあたりを右に

商用利用可!シンプルで使いやすいアイコン素材をまとめてみた | デザイナーブログ | 株式会社LIG

Webデザイナーによるカラーコードを使った便利なテクニックあれこれ – GIGAZINE

カラーツール「0to255」で色を決めてメニューを作ってみる|Webpark

iOSのスクショをフレーム付きで作成できるフリーのWebサービスが凄い!!!「iPhone Screenshot Maker」
質感たっぷり、オシャレ&ミニマルな無料テクスチャ、壁紙素材60枚まとめ – Photoshop VIP

Photoshopをもっともっと好きになる、テキストをかっこよく魅せるチュートリアルのまとめ -2012年版 | コリス

余暇でWebサービスを作ることを挫折しないために | モノづくりブログ 株式会社8bitのスタッフブログです

ヤバイくらい簡単にプロフェッショナルなサイトが作れるStriking.lyが凄い | バンクーバーのうぇぶ屋

WEB制作のIE対策いろいろ チートシートやHTML5/CSS3対応方法など | DECONCEPTER

商用・非商用を問わず完全フリーで使えるハイクオリティな画像検索サイト「Pixabay」 – GIGAZINE

CSSでWebサイトのレイアウト組み+装飾の基本プロセス | Webクリエイターボックス

デザイン作業を楽にする、高品質フリーPSDデザイン素材50個まとめ – Photoshop VIP

TEST CORDING » この順番に読んだらOKだった!ド素人からJavaScriptを理解するための10冊+α

少しの手間で見栄えが良くなる!Photoshopで使える簡単テクまとめ。 | Handy Web Design

Photoshopをもっともっと好きになる、テキストをかっこよく魅せるチュートリアルのまとめ -2012年版 | コリス

WordPress を使うなら知っておきたい GPL ライセンスの知識【基本編】 | WP-D

2ヶ月で700万円を稼いだスマホアプリ「マッチに火をつけろ」の広告売上から分かった、カジュアルゲームで収益を上げる3つのポイント | GrowingApp アプリマーケティングブログ

良いデザインを見て学び、情報収集に役立つ!毎月チェックしたいWeb/アート/広告/デザイン雑誌とそのサイトまとめました。 | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト

7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 | OZPAの表4

CSSでWebサイトのレイアウト組み+装飾の基本プロセス | Webクリエイターボックス

Animated Factorization Diagrams – Data Pointed

「社会人のためのWebデザインスクール」を渋谷で開きます | Stocker.jp / diary

「WebデザイナーのためのWebプログラミングスクール」を渋谷で開きます | Stocker.jp / diary

文系デザイナーでも大丈夫!レスポンシブWEBサイトをWordPressで作ってみよう

1食400kcal以下!ダイエット中の豆腐レシピ – Yahoo! BEAUTY

Twitterログ保存サービス rec.to

Twitterのログ保存サービス rec.to をつくりました(苦労した事、僕たちと非公開アカウント) – 9mの日記

機能全部入りアップローダー実装jQueryプラグイン「Fine Uploader」:phpspot開発日誌

楽しく作れる!スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | クラスメソッド開発ブログ

JavaScriptでうっかりやってしまいそうなこと色々 : アシアルブログ

確認しておきたい、ウェブデザイントレンド8個まとめ 2012年後半 – Photoshop VIP

デザインのアクセントにもいい感じ!鉛筆でスケッチしたようなフリーのデザインフォントのまとめ | コリス

WordPressのSEO効果を劇的に高める5つの基本項目の設定方法

WordPressで登録制サイトを作成するのに役立つプラグイン「Theme My Login」 | ワードプレステーマTCD


読みやすさのポイントは縦のリズム、見出しのレベルがひと目で分かるようにスタイルするチュートリアル | コリス

商用利用OK、クレジット表示不要!の無料画像素材サイト「タダピク」 | ihayato.news

寸法と解像度のチートシート – いもす研

今すぐ引っ越しがしたくなる! オシャレな不動産サイト12選 | デザイナーブログ | 株式会社LIG

Googleのアルゴリズム変更によるunkarへの影響 – へぼいいいわけ

日本の伝統色の組み合わせ、襲色目(かさねいろめ)の色コードまとめ *Ateitexe
http://ateitexe.com/web/kasane/

HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく | クラスメソッド開発ブログ
http://dev.classmethod.jp/client-side/html5-x-css3-x-jquery-8-jqplugin/

Webサイト制作におけるデザインの決定や業務の流れを解説した記事まとめ7つ – コメンター
http://cmmntr.com/m/58

Helvetica, Frutiger, Futuraなど、見出しと本文に使用するフォントで最も人気の高い組み合わせのまとめ | コリス
http://coliss.com/articles/build-websites/operation/design/19-top-fonts-in-19-top-combinations-by-bonfx.html

レスポンシブWebデザインでテーブルを使う時の小技 │ Design Spice
http://design-spice.com/2012/11/01/responsive-table/

イラストを狙った通りの印象に仕上げるポイントを300枚以上の作例を使い解説した「同人誌やイラストを短時間で美しく彩る配色アイデア100」 – GIGAZINE
http://gigazine.net/news/20121030-color-scheme-idea-100/

「はてブ Windows 8 アプリ」開発から考えた、これからのユーザー体験 マイクロソフト×はてな対談 – はてなブックマークニュース
http://b.hatena.ne.jp/articles/201210/11138

必殺!Github導入に向けて上司を説得する時に使える資料まとめ – DQNEO起業日記
http://dqn.sakusakutto.jp/2012/10/github_introduce.html

コーディング速度を3倍早くするSass(Scss)のフレームワーク”Compass”が本当に便利 – YATのBlog
http://wp.yat-net.com/?p=3274

JavaScriptのテストツール「testem」が素晴らしいぞ | Mach3.laBlog
http://blog.mach3.jp/2012/10/js-testem-script.html

「ノンプログラマのためのJavaScriptはじめの一歩」の1章が公開されました – Webtech Walker
http://webtech-walker.com/archive/2012/10/jsippo_release_intro.html

RSSの時代は終わった!?自分の好みを分析して配信してくれる「Gunosy」が超便利! | TRAVELING
http://saiut.com/webservice/gunosy/

これぞPhotoshopパワー、すごいチュートリアル、作り方25個まとめ 2012年10月度 – Photoshop VIP
http://photoshopvip.net/archives/40044

WordPressでブログサイト作成と一般的なビジネスサイトを作成する際の違い|Wordpressでブログでなくビジネスサイトをつくろう【MdN連載第1回目】 | HTML5でサイトをつくろう
http://www.html5-memo.com/mdn01/wordpress01/

クライアントよ、お前の依頼の大変さを思い知れ!これが「デザイン修正」だ! | gori.me
http://gori.me/it/22125

Webサービスを作ってみた!僕の10ステップ – maeharinの日記
http://d.hatena.ne.jp/maeharin/20121030/p1