201210月Web制作に役立ちそうな記事

zurui-design // Speaker Deck

WordPressにメール配信機能を付ける「Subscribe2」が凄い! | トラベルハック|あなたの冒険を加速する

WordPressにメール配信機能を付ける「Subscribe2」が凄い!

Web制作するときに探す素材サイト&参考にするサイトまとめ | ナナメウエBlog
http://nanameue.jp/blog/webcheck/

Subtle Patterns | Free textures for your next web project
http://subtlepatterns.com/

新しいテーマを作ったりするときにローカル環境無しでWordPressのテストが出来るTheme Test Drive | ごりゅご.com
http://goryugo.com/20121028/theme_test_drive/

[ HUE / 360 ] The Color Scheme Application
http://hue360.herokuapp.com/

すごいWEB
http://sugoiweb.nezihiko.com/

jQuery用のシンプルなURLパーサー『jquery-url』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2012/10/jquery_url.html

ノンデザイナーのための配色理論

SEO順位に影響を与える全65項目のチェックリスト | バズ部
http://bazubu.com/seo-ranking-factor-10400.html

【初心者向け】WEBクリエイターになるための入門7レッスン | DECONCEPTER
http://log.deconcepter.jp/2012/10/webbeginner/

プレゼン資料にも最適、インフォグラフィック用無料ベクター素材16個まとめ – Photoshop VIP

新着記事

画像の専門家も「魔法のようだ」と驚愕! ピンぼけ写真を修復できるプログラムが開発される | ロケットニュース24
http://rocketnews24.com/2012/10/26/260658/

意外と探すのが面倒なシンプルフリーフォントの数々!有名所含めシンプル目な物のみ一挙ご紹介! | バンクーバーのうぇぶ屋

意外と探すのが面倒なシンプルフリーフォントの数々!有名所含めシンプル目な物のみ一挙ご紹介!

JavaScriptをまじめに考えました+

【Webデザイナ-・コーダー向け】すぐに使えるSCSS入門|知らないと損な機能編 | クラスメソッド開発ブログ
http://dev.classmethod.jp/ria/html5/web-desiner-corder-scss-design/

HTML5の学習に役立つ(主に)日本語のサイトまとめ2012 – WEBCRE8.jp

HTML5の学習に役立つ(主に)日本語のサイトまとめ2012

Googleアナリティクスで大切な「目標設定」の完全設定ガイド | nanapi [ナナピ]
http://nanapi.jp/51599/

文書構造を意識しながらHTMLマークアップしよう! | Webクリエイターボックス

文書構造を意識しながらHTMLマークアップしよう!

デザインも豊富、カスタマイズも可、ローディング用のGIFアニメーションをさくっと作成できる -Loader Generator | コリス

デザインも豊富、カスタマイズも可、ローディング用のGIFアニメーションをさくっと作成できる -Loader Generator

チラシ(フライヤー)・ポスター・パンフレットデザイン事例集と無料テンプレート集まとめ
http://www.tommyjp.com/2012/10/flyer-poster-brochure-design-inspiration-free-template.html

和のデザインに使える!国内商用可フリー素材・素材サイトまとめ | Kana-Lier

和のデザインに使える!国内商用可フリー素材・素材サイトまとめ

ここまで小さくなるの!? PNGを非可逆圧縮する「TinyPNG」がスゲェ!! | [M] mbdb
http://mbdb.jp/web/tinypng.html

隠したいファイルやフォルダーにパスワードを付け非表示にできるフリーソフト「Wise Folder Hider」 – GIGAZINE
http://gigazine.net/news/20121021-wise-folder-hider/

WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目 | WP-D

WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目

たった1行で完成?凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER
http://log.deconcepter.jp/2012/10/responsivedesign/

Google Analyticsでサイトの課題発見&気付きに繋がる4つのカスタムレポート | nanapi [ナナピ]
http://nanapi.jp/49879/

nakano_neko, 画像の右側が外注さんに頼んだソースコード。左側が僕が書きなおしたソースコード。…
http://ac7.tumblr.com/post/33569124174

これが出来れば中級者!Illustrator初心者のための「ロゴ作成講座」 | OZPAの表4

これが出来れば中級者!Illustrator初心者のための「ロゴ作成講座」

なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!! | gori.me

なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!

NHKスタジオパーク
http://www.nhk.or.jp/studiopark/index.html

ウェブ制作者に必ず役立つ!iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ | コリス

ウェブ制作者に必ず役立つ!iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ

Webデザイナーにオススメしたい、TED極上プレゼンテーション15選 – Photoshop VIP

新着記事

WEB屋にとって便利なジェネレーター色々!最近のオススメも、昔から使ってきた物もまとめてご紹介! | バンクーバーのうぇぶ屋

WEB屋にとって便利なジェネレーター色々!最近のオススメも、昔から使ってきた物もまとめてご紹介!

フリーランスと中小企業向けの超簡単オンライン見積書と請求書作成・管理・郵送ツール | MakeLeaps

法人プラン

タイポグラフィの素晴らしい世界をまずは無料のものから学んでみるebookのまとめ | コリス

タイポグラフィの素晴らしい世界をまずは無料のものから学んでみるebookのまとめ

【Webデザイナ-・コーダー向け】すぐに使えるSCSS入門|基礎編 | クラスメソッド開発ブログ
http://dev.classmethod.jp/ria/web-desiner-corder-scss-tutorial/

PhotoshopでWebサイトのデザインをしよう | Webクリエイターボックス

PhotoshopでWebサイトのデザインをしよう

無料で大量の背景テクスチャをダウンロードできるサイト「Subtle Patterns」 – GIGAZINE
http://gigazine.net/news/20121009-subtle-patterns/

WordPress で Web製作をしたいけど、PHP はまだちょっと … という人の PHP ガイド
http://webdesignrecipes.com/php-programing-and-wordpress/

無料ダウンロードできる、素敵Photoshopブラシ素材40個まとめ 2012年10月度 – Photoshop VIP

新着記事

PHPのエラー箇所を分かりやすく表示してくれるライブラリ。デバッグ時にかなり楽できそう。 → PHP Error | error reporting for PHP – コメンター
http://cmmntr.com/t/aed3ecc96b15b947eab2efdf78a7b38d

全部、商用も無料!高級感のある細字のフリーフォントのまとめ | コリス

全部、商用も無料!高級感のある細字のフリーフォントのまとめ

プログラマじゃなくても使える肩の力を抜いた勉強法「遅延評価勉強法とつまみ食い勉強法」の共通項 | 男子ハック
http://www.danshihack.com/2012/10/04/saku/tsumamigui.html

質感アップの隠しテクニック、無料ピクセルパターン素材70枚まとめ – Photoshop VIP

新着記事

ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js」:phpspot開発日誌
http://phpspot.org/blog/archives/2012/10/jqueryequalizej.html

PCデザインの新しいカタチ「タッチジェスチャー」を意識したUIデザインのまとめ | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
http://webdesignmatome.com/webdesign/touch-gestures

タグマネジメントツール「Google Tag Manager」についての紹介|コラム アユダンテ株式会社
http://www.ayudante.jp/column/2012-10-02/11-19/

厳選!高品質なのに無料で使用できるレスポンシブ対応のWordPressのテーマのまとめ -2012年版 | コリス

厳選!高品質なのに無料で使用できるレスポンシブ対応のWordPressのテーマのまとめ -2012年版

HTML5 × CSS3 × jQueryを真面目に勉強してみる – #4 LESS | クラスメソッド開発ブログ
http://dev.classmethod.jp/ria/html5/html5-x-css3-x-jquery-4-less/

全120種類、シンプルながら細部までしっかり作りこまれた商用利用無料のアイコン素材 -Application Icon Set | コリス

全120種類、シンプルながら細部までしっかり作りこまれた商用利用無料のアイコン素材 -Application Icon Set

レトロ・ヴィンテージなかわいいものからビジネス・リアルなものまで、クリップアートがダウンロードできるサイトのまとめ | コリス

レトロ・ヴィンテージなかわいいものからビジネス・リアルなものまで、クリップアートがダウンロードできるサイトのまとめ

5ヶ月で100万PVのブログを作成する為に実践した32の手順 | バズ部
http://bazubu.com/blogging-pv-9236.html

レスポンシブ・ウェブデザインでの CSS コードの書き方
http://yomotsu.net/blog/2012/10/01/mediaquery-goodpractice.html

CSS3+Retina時代のWeb制作で頻繁に利用するジェネレーターまとめ8つ – コメンター
http://cmmntr.com/m/38

Google Analyticsでサイトのことが丸分かりのバブルチャートをフル活用する方法 | nanapi [ナナピ]
http://nanapi.jp/48283/

さようならHTML5…。アメリカ人と日本人の標準化に差を感じる【連載:村上福之⑦】 |エンジニアtype(1/2)
http://engineer.typemag.jp/trend/2012/10/fukuyuki-html5.php

ウェブサイト高速化勉強会に参加してきた #tnmk0929 – Shinya’s Daily Report
http://d.hatena.ne.jp/absj31/20120929/1348929687

デザインを学びたい全ての方へ/海外のデザイン学習リソース200選 | サンフランシスコ・シリコンバレー拠点のクリエイティブエージェンシー・btrax スタッフブログ
http://blog.btrax.com/jp/2012/09/27/200-design-learning-resource/

直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」 | DesignDevelop
http://design-develop.net/web/fluid.html

Photoshopをマスターする、すごいチュートリアル、作り方35個まとめ 2012年9月度 – Photoshop VIP

新着記事