WEB制作に役立ちそうな記事2012年2月

2012年3月1日

画像を拡大してもできるだけ画質を下げないPhotoshopの3つのTips : ライフハッカー[日本版]
http://www.lifehacker.jp/2012/02/120220_photoshoptips.html

デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素 – WEBCRE8.jp
http://webcre8.jp/think/meaning-all-design.html


box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートのまとめ | コリス
http://coliss.com/articles/build-websites/operation/css/css3-box-shadows-effects-by-paulund.html

Google がまだ Flash を使っているサービスでみる脱 Flash の難しさ – てっく煮ブログ
http://d.hatena.ne.jp/nitoyon/20120228/why_google_still_uses_flash

自分で言うのもなんだけど、激務ディレクターの僕が手が回らない時に気をつけてる事と効率化の方法 / Maka-Veli .com
http://maka-veli.com/busybusybusy.html

まとめ:すべてのFacebookユーザーに捧げる「ひとつ上の遊びかた」記事15選 : ライフハッカー[日本版]
http://www.lifehacker.jp/2012/02/120222facebooktips.html

最近リリースされた高品質なフリーのデザインフォント -2012年2月 | コリス
http://coliss.com/articles/freebies/freebies-font-2012-feb.html

良いデザインって?技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと | 秋田県webデザイナー【weblog】
http://endoutakae.com/2012/02/22/webdesign_v/

Chromeと過ごした3年間!日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選! | バンクーバーのWEB屋
http://webya.opdsgn.com/tools/imetchromeinvancouve/

カヤック内定者が本気で作った!面接に効く「おいしいポートフォリオ」 | KAYAC DESIGNER’S BLOG – デザインやマークアップの話
http://design.kayac.com/topics/2012/02/post-46.php

KLab iPhoroid UI 発表!〜AndroidでリッチなUIを簡単に〜
http://lab.klab.org/young/2012/02/iphoroid/

30分、JavaScriptで作るWebサービスのモックアップ – ゆーすけべー日記
http://yusukebe.com/archives/20120222/081031.html

スマートフォンサイトのUIパターンやフレームワーク・ツールなどをまとめたサイト -Mobile Tuxedo | コリス
http://coliss.com/articles/build-websites/operation/work/mobile-application-developement-resources-mobiletuxedo.html

Webデザイナー(私)によるWeb制作のときに気をつけてることや制作フローとかいろいろ
http://webdesignrecipes.com/web-development-flow/

view-source:webdesignrecipes.com/web-development-flow/
view-source:http://webdesignrecipes.com/web-development-flow/

少しのコードで実装可能な15のスマートフォンサイト用小技集 | Webクリエイターボックス
http://www.webcreatorbox.com/tech/smartphone-snippets/

Webサービスを10日以内にリリースする方法をすべて書いたよ(「Gumad」編) – パパパパ
http://papapapa.hatenablog.com/entry/2012/02/22/114942

Gumroadの宣伝・告知サービス Gumad β (無料)
http://gumad.me/

絶対買うんだよ→初心者でも3時間もあればプログラミングできる「enchant.js」のバイブル本発売 【増田(@maskin)真樹】 : TechWave
http://techwave.jp/archives/51731027.html

人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ! | Chrome Life
http://www.chrome-life.com/html5/4742/

jQueryでスクロールすると上部に固定されるナビゲーション | webOpixel
http://www.webopixel.net/javascript/535.html

Photoshop VIP ☞ デザイン力をアップする、質感系Photoshopブラシ素材22個まとめ
http://photoshopvip.net/archives/33761

Photoshop VIP ☞ フォント利用も可能、100個のピクトグラム無料アイコン素材Entypo
http://photoshopvip.net/archives/33787

Photoshopのかっこいい文字加工がわかるチュートリアル集 – NAVER まとめ
http://matome.naver.jp/odai/2132730263043963901

「売れる」コピーを書く時に参考にするべき7つのランディングページ | バズ部|ソーシャルマーケティング
http://www.cosmo-s.net/wp/landing-page-2801.html

レトロヴィンテージなかわいいウェブ用のエレメントやテクスチャ素材のまとめ | コリス
http://coliss.com/articles/freebies/freebies-psd-retro-and-vintage.html

WordPress管理画面にオリジナルメニューを追加した時の手順メモ | ウェビメモ
http://webimemo.com/wordpress/3159

カッコいい名刺を作成にしたい人のためのPhotoshop用テンプレート50 [K’conf]
http://kenz0.s201.xrea.com/weblog/2012/02/50_business_card_templates.html

なぜWebではなく電子書籍なのか? – @IT
http://www.atmarkit.co.jp/fwcr/design/ux/d89clip39/01.html

HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog
http://clockmaker.jp/blog/2012/02/html5-flash-draw_performance/

デザイン上級者 21の特徴 | Arch
http://www.ar-ch.org/mt/archives/2012/02/post-4.html

WEBディレクタの為のEXCEL術(1)作業スケジュール | designaholic -Creative Column-
http://designaholic.cc/2012/02/webexcel1.html

Webサイト調査に必携のオンラインツールまとめ17サイト – NAVER まとめ
http://matome.naver.jp/odai/2132929220673418401

Photoshop VIP ☞ プロ級の写真加工、すごいPhotoshop無料アクション素材28個まとめ 2012年2月度
http://photoshopvip.net/archives/33602

アナタはどの部分に目がいきますか?デザインの基本:視線誘導や視認性について。(エロいようで真面目な話) / Maka-Veli .com
http://maka-veli.com/design/eye-catch.html

Photoshop VIP ☞ デザイン力爆発、最近公開の無料テクスチャ素材まとめ 2012年2月度
http://photoshopvip.net/archives/33516

Photoshop VIP ☞ 無料ダウンロード可、すごいフリーフォント45個まとめ 2012年2月度
http://photoshopvip.net/archives/33467

本当に儲かるの?企業のFacebookページ運用収支を試算①(全2回) in the looop 直人
http://media.looops.net/naoto/2012/02/09/trial_calculation_of_fbpage/


3ステップでマスターする、スマートフォンやデスクトップなど異なるサイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアル | コリス
http://coliss.com/articles/build-websites/operation/css/css-tutorial-responsive-design-in-3-steps-by-webdesignerwall.html

塗りに特化したPhotoshopのブラシ設定などを解説した、ToLOVEる塗り職人のブログが凄い! | お絵かき速報!萌え絵上達法
http://mazikanon.blog102.fc2.com/blog-entry-500.html

Chromeで超簡単にUser Agentを変える方法 :: 5509
http://5509.me/log/replacing-chromes-useragent

続・先取り! Google Chrome Extensions:第6回 Firebug要らずなChromeのWeb Inspector|gihyo.jp … 技術評論社
http://gihyo.jp/dev/serial/01/chrome-extensions/0006?page=1

0 から始めるHTMLとCSSの基本・基礎-webデザイン入門- | 秋田県webデザイナー【weblog】
http://endoutakae.com/2012/02/08/webdesign/

CSSや画像の命名規則について : Web Design KOJIKA17
http://kojika17.com/2012/02/naming.php

今さら聞けないよね|なぜFacebook広告が最強なのか – Leopard LAB
http://d.hatena.ne.jp/k_yorikane/20120209/1328755299

Photoshop VIP ☞ デザインのすごい無料PSD素材ファイル50個まとめ 2012年2月度
http://photoshopvip.net/archives/33261

人気の映画タイトルで目にする35のフリーフォント [K’conf]
http://kenz0.s201.xrea.com/weblog/2012/02/movie_fonts_35.html

初めてスマートフォン専用ページを作成する際に知っておきたいポイント|Webpark
http://weboook.blog22.fc2.com/blog-entry-299.html

エバーノートのクリエイターが教える「魅力あるUIとUX」の極意 – ニュース:ITpro
http://itpro.nikkeibp.co.jp/article/NEWS/20120206/380228/

PC向けWebページをスマートフォン向けに作り直す – HTML5でiPhone/Androidアプリケーションを作ろう!:ITpro
http://itpro.nikkeibp.co.jp/article/COLUMN/20120201/379921/?leaf_latest

TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」: 小粋空間
http://www.koikikukan.com/archives/2012/02/06-015555.php

Photoshop VIP ☞ 継ぎ目のないオシャレなプレイド柄、無料パターン素材800枚まとめ
http://photoshopvip.net/archives/33150

写真をうまく撮るための4つのルール – NAVER まとめ
http://matome.naver.jp/odai/2132831824255800601

思わずクリックしたくなる!Facebook広告369事例のイメージ画像とタイトル、総まとめ
http://gaiax-socialmedialab.jp/facebook/064

立体感のあるUIが手軽に利用できるフリーUIキットまとめ「New Creative UI Kit Free Download」 | DesignDevelop
http://design-develop.net/design/new-creative-ui-kit-free-download.html

やっと理解できた!JSオブジェクト指向プログラミング再入門 | ゆっくりと…
http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/re-introduction-to-object-oriented-js/

登録するだけでSEO効果がある17サイト【無料SEO対策】|ビジネスに役立つ情報まとめ~東京駅で働く社長のブログ~
http://ameblo.jp/gekimani/entry-11155355243.html

【HTML/CSS】見出しデザインの参考になるWEBサイトまとめ – NAVER まとめ
http://matome.naver.jp/odai/2132836417556255901

見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
http://toshiiy.blog22.fc2.com/blog-entry-95.html

ウェブデザイン – 参考にしたい見出しデザイン | Technolog.jp – ICTウェブマガジン
http://technolog.jp/website/5791

Android案件の見積り | Classmethod.dev()
http://dev.classmethod.jp/smartphone/android/estimate-android/

モリサワ クラウドフォントサービス「TypeSquare」を開始 | フォント製品 | 株式会社モリサワ
http://www.morisawa.co.jp/font/news/20120207_02.html

29000個以上もの膨大な数のアイコンが揃ったサイト「Free Icons Web」 | つーる亭
http://softbokujo.blog.fc2.com/blog-entry-31.html

えっこれも無料?商用利用できる画像ダウンロードサイトまとめ15選 | 世界ろぐ
http://sekailog.com/2012/02/freeimage/

Twitter Bootstrapが大幅バージョンアップ!して凄まじいことに・・・ | IDEA*IDEA
http://www.ideaxidea.com/archives/2012/02/twitter_bootstrap_v2.html

【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。 (フェンリル | デベロッパーズブログ)
http://blog.fenrir-inc.com/jp/2012/02/meta-viewport-smartphone.html

超定番の jQueryプラグインをサンプルと一緒に集めました。(商用利用OKなもの多め) | KAYAC DESIGNER’S BLOG – デザインやマークアップの話
http://design.kayac.com/topics/2012/02/jquery-plugins.php

配色決めにも利用できる!色について詳しく調べられるサイト「Color Hexa」*二十歳街道まっしぐら
http://20kaido.com/archives/5788769.html

スマホアプリの作り方【超まとめ】Web編:HTML5やjQuery MobileなどスマホWebアプリ開発に役立つ記事33選 – @IT
http://www.atmarkit.co.jp/fsmart/index/matome/smaohoweb.html

Photoshop VIP ☞ 最近公開されたすごいPhotoshopチュートリアル50個まとめ 2012年1月版
http://photoshopvip.net/archives/33108

無料でjQueryが勉強できる『Learn jQuery in 30 Days』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2012/02/learn_jquery_in_30_days.html

イモムシでjQuery入門 | 第1回デザイナーがイモムシで覚えるjQuery
http://scri.me/p/imomushi/1.php

scri.me
http://scri.me/

納期間近でIEで崩れてる! そんな時にも慌てないCSS開発のワークフロー | コリス
http://coliss.com/articles/build-websites/operation/css/cross-browser-css-workflow-by-impressivewebs.html

避けるべきHTML5機能をまとめたティップサイト「HTML5 Please」登場 | エンタープライズ | マイナビニュース
http://news.mynavi.jp/news/2012/01/31/034/index.html