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

2012年3月1日

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

デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素 – WEBCRE8.jp

デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素



box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートのまとめ | コリス


[CSS]box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートのまとめ




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月 | コリス


最近リリースされた高品質なフリーのデザインフォント -2012年2月




良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと | 秋田県webデザイナー【weblog】

http://endoutakae.com/2012/02/22/webdesign_v/


Chromeと過ごした3年間！日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選！ | バンクーバーのWEB屋


Chromeと過ごした3年間！日英共に様々な情報を参考にしまくったWEB屋の厳選エクステンション27選！




カヤック内定者が本気で作った！面接に効く「おいしいポートフォリオ」 | 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 | コリス


スマートフォンサイトのUIパターンやフレームワーク・ツールなどをまとめたサイト -Mobile Tuxedo




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クリエイターボックス


少しのコードで実装可能な15のスマートフォンサイト用小技集




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個まとめ


新着記事




Photoshop VIP ☞ フォント利用も可能、100個のピクトグラム無料アイコン素材Entypo


新着記事




Photoshopのかっこいい文字加工がわかるチュートリアル集 – NAVER まとめ

http://matome.naver.jp/odai/2132730263043963901


「売れる」コピーを書く時に参考にするべき７つのランディングページ | バズ部｜ソーシャルマーケティング

http://www.cosmo-s.net/wp/landing-page-2801.html


レトロヴィンテージなかわいいウェブ用のエレメントやテクスチャ素材のまとめ | コリス


レトロヴィンテージなかわいいウェブ用のエレメントやテクスチャ素材のまとめ




WordPress管理画面にオリジナルメニューを追加した時の手順メモ | ウェビメモ


WordPress管理画面にオリジナルメニューを追加した時の手順メモ




カッコいい名刺を作成にしたい人のための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


HTML5はFlashの3倍重かった! 描画パフォーマンスの比較




デザイン上級者 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サイト調査に必携のオンラインツールまとめ１７サイト – NAVER まとめ

http://matome.naver.jp/odai/2132929220673418401


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


新着記事




アナタはどの部分に目がいきますか？デザインの基本：視線誘導や視認性について。（エロいようで真面目な話） / Maka-Veli .com

http://maka-veli.com/design/eye-catch.html


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


新着記事




Photoshop VIP ☞ 無料ダウンロード可、すごいフリーフォント45個まとめ 2012年2月度


新着記事




本当に儲かるの？企業のFacebookページ運用収支を試算①（全2回） in the looop 直人

http://media.looops.net/naoto/2012/02/09/trial_calculation_of_fbpage/




3ステップでマスターする、スマートフォンやデスクトップなど異なるサイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアル | コリス


[CSS]3ステップでマスターする、スマートフォンやデスクトップなど異なるサイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアル




塗りに特化した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月度


新着記事




人気の映画タイトルで目にする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枚まとめ


新着記事




写真をうまく撮るための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


えっこれも無料？商用利用できる画像ダウンロードサイトまとめ１５選 | 世界ろぐ

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月版


新着記事




無料で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開発のワークフロー | コリス


納期間近でIEで崩れてる！ そんな時にも慌てないCSS開発のワークフロー




避けるべきHTML5機能をまとめたティップサイト「HTML5 Please」登場 | エンタープライズ | マイナビニュース

http://news.mynavi.jp/news/2012/01/31/034/index.html






				








Web制作メモ
Posted by ponnao