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

2012年6月1日

ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン | コリス

ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン

Googleが提供する世界のスマホユーザーの動向が分かるWEBサイトを知ってる? | SUN MEDIA|販促のまとめ
http://media.marsdesign.co.jp/web/smartphone_research_by_google.html

こんなにあるのか! 厳選・国内外のフリー画像・写真配布サイト集|写真関係全般 デジタル@備忘録
http://syararin.blog50.fc2.com/blog-entry-2299.html

Google HTML/CSS Style Guide の推奨ガイドラインまとめ | バシャログ。
http://c-brains.jp/blog/wsg/12/05/28-115046.php

Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」:phpspot開発日誌
http://phpspot.org/blog/archives/2012/05/twitterstylo.html

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

新着記事

WebデザイナーのためのjQuery入門2(前編)
http://www.slideshare.net/u39mochi/webjquery2

ソースコピーですぐ使えてスマホ専用サイト作成に便利!PC・スマートフォンサイトの振り分けJavaScript作りました。 | HTML5でサイトをつくろう
http://www.html5-memo.com/css3/pc_bunki/

Google HTML/CSS Style Guide の推奨ガイドラインまとめ | バシャログ。
http://c-brains.jp/blog/wsg/12/05/28-115046.php

Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」:phpspot開発日誌
http://phpspot.org/blog/archives/2012/05/twitterstylo.html

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

新着記事

制作会社が公開している「どうやってhTCのサイトをリニューアルしたか?」が興味深い件 | IDEA*IDEA
http://www.ideaxidea.com/archives/2012/05/htc_renewal.html

ライフネット生命キャンペーンの仕掛けと数値を公開します – mtakanoの日記
http://d.hatena.ne.jp/mtakano/20120530/1338349371

Webサイト制作の一連の流れをまとめてみました | Arch
http://www.ar-ch.org/mt/archives/2012/05/web-3.html

iPadだけでWebサイトが作れるのか試してみた! | Webクリエイターボックス

iPadだけでWebサイトが作れるのか試してみた!

WordPressのカスタムフィールドに住所や地名を登録するだけでGoogleマップが表示されるようにカスタマイズする – かちびと.net
http://kachibito.net/wordpress/display-google-map-using-cf.html

HTML5+CSS3で作った無料ブログ用テンプレート【SimpleBlack】
http://creators-manual.com/simpleblack/

やさしさゴシックボールドのダウンロード | フォントな、情報。オープンソースの安心フリーフォントのダウンロード

フリーフォントやさしさゴシックボールドのダウンロード

国内で最もソーシャルメディアを活用しているローソン、その成功事例と手法がとても参考になりました(セミナーレポート) – Six Apart ブログ
http://blog.sixapart.jp/2012-05/socialmedia-showcase-lawson.html

企業Facebookページ制作マニュアル:18個の手順 【タイムライン対応・制作編&集客編】 | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2012/05/30/12806

jQueryをロードする際のナイス!と思った書き方
http://dtp.jdash.info/archives/51941752.html

jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com

jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。

ダメ人間がフリーランスになって1日で1ヶ月分を稼ぐ方法とは?【こけむさズ発起人・石嶋未来さん】 : ついけん
http://tuiken.jp/archives/3420222.html

僕がRSSに登録して情報収集や勉強の際に日々見ているWEB系ブログあつめました | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
http://webdesignmatome.com/webdesign/rss_blog


Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック | コリス

[CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック

WordPressブログの作成時に必ず導入しているプラグイン10選 | バズ部
http://bazubu.com/necessaryplugins-261.html

絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎 | 秋田県webデザイナー【weblog】
http://endoutakae.com/2012/05/17/color/

漢字も使えるフリーのWebフォントまとめ | Love&pointcard
http://pointcard.me/japanese-free-web-fonts/

商用利用も無料、美しいページレイアウトと細部まで作り込まれたUIエレメントが揃ったウェブデザイン用のPSD素材 -Blaz. | コリス

商用利用も無料、美しいページレイアウトと細部まで作り込まれたUIエレメントが揃ったウェブデザイン用のPSD素材 -Blaz.

40分濃縮 PHP classの教室

組み合わせて使うだけで高い成果を出すキャッチコピーの基本型30選 | バズ部
http://bazubu.com/30headline-12.html

これは必見のWEBデザインの近未来。HTML5で構築されたサイト45:phpspot開発日誌
http://phpspot.org/blog/archives/2012/05/webhtml545.html

プレゼン資料デザインサンプル集 / Maka-Veli .com
http://maka-veli.com/presentation-design-sample.html

Photoshop VIP ☞ 無料ダウンロード可、新作デザインテクスチャ素材45個まとめ 2012年5月度

新着記事

シリコンバレーで聞いたデザインが美しいWebサービス/アプリ15選 – パパパパ

見直すだけで成約率3割増!セールスコピー35個の最終チェック項目 | バズ部
http://bazubu.com/35checklist-968.html

驚くほど簡単に自分のショップをつくれる「ShopLocket」 « WIRED.jp 世界最強の「テクノ」ジャーナリズム
http://wired.jp/2012/05/10/shoplocket/

無料で商用利用可能なスタイリッシュかつシンプルなフォントいろいろ – GIGAZINE
http://gigazine.net/news/20120510-42-free-fonts/

HTMLやCSSでのプロトコル表記(http:、https:)の省略について: 小粋空間
http://www.koikikukan.com/archives/2012/05/11-012345.php

Google AdSenseのパフォーマンスが劇的に向上した!!!絶っっっ対に設定した方が良い「カスタムチャネル」の「ターゲット設定」について | OZPAの表4

Google AdSenseのパフォーマンスが劇的に向上した!!!絶っっっ対に設定した方が良い「カスタムチャネル」の「ターゲット設定」について

ウェブサービスをゼロから作って成功したこと、失敗したこと – id:k-z-h
http://d.hatena.ne.jp/k-z-h/20120509/p1

SEO内部対策をプロ並みに実施できる無料ツール「SEOスカウター」登場 | Ferret日和
http://ferret-biyori.com/ferret/seoscouter-120507/

Photoshop VIP ☞ デザインネタ帳、テキストエフェクトのチュートリアル50個まとめ

新着記事

水彩タッチの美しいエフェクトをウェブデザインに取り入れるチュートリアルのまとめ | コリス
http://coliss.com/articles/build-websites/operation/design/watercolor-effects-in-web-design-and-tutorials.html

JPEG画像を簡単に無劣化で切り抜き・回転できるフリーソフト「JPEGcrop」 – GIGAZINE
http://gigazine.net/news/20120509-jpegcrop/

デザイナーを目指す前に知っておいてほしいこと: 【対談】上杉周作 x Brandon K. Hill – デザインの裏側 | サンフランシスコのWebコンサルティング会社 -ビートラックス- スタッフブログ
http://blog.btrax.com/jp/2012/05/09/int-designer/

プロカメラマンが教える! 知っておきたい写真のこと100 : ギズモード・ジャパン
http://www.gizmodo.jp/2012/05/photo100_24.html

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

[JS]jQueryのプラグイン33+1選 -2012年4月

ダミー画像を超手軽に生成出来るWebサービス・PLACEHOLD.ITがやたら便利 – かちびと.net
http://kachibito.net/web-service/placehold-it.html

HTML5アプリ開発基盤「Meteor」がすごい – @IT
http://www.atmarkit.co.jp/fwcr/design/ux/html5toka08/01.html

知っておくと何かと応用が利くCSS3を使った表現テクニックいろいろまとめ8つ – W3Q
http://w3q.jp/t/2073

「Google HTML/CSS Style Guide」を適当に和訳してみた | REFLECTDESIGN
http://re-dzine.net/2012/05/google-htmlcss-style-guide/

WEBデザインを制作する際の参考にしているデザインまとめサイトをまとめました【2012年版】 | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
http://webdesignmatome.com/webdesign/design-matome

みなさんが「ここの作成会社はいいサイト作ってるなー」って感じるweb作成会社を教えてください。 いろいろ探してるけど、いかにも商業的で微妙なやっつけ仕事の会社しか見当たらないです。 カヤックやキノトロープなどの大手よりも、できれば小規模の会社で教えてくれると嬉しいです。 よろちく – W3Q
http://w3q.jp/t/2075

フリーのweb屋な人が、見積や注文書、請求書を発行する際の注意点。 | take a job-たけのおしごと-

フリーランスのweb屋な人が、見積や注文書、請求書を発行する際のポイント。

WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-Veli .com
http://maka-veli.com/faster-wp-plugin.html

W3Q – Web制作のお悩みを解決するQ&Aとキュレーションサービス
http://w3q.jp/

WordPressで一般的な企業サイトを作るときに参考になる記事まとめ5つ – W3Q
http://w3q.jp/t/2063

デジタル一眼レフカメラの基礎から実践まで – #RyoAnnaBlog
http://d.hatena.ne.jp/RyoAnna/20120501/1335884196

超基本!仕事を円滑に遂行するためのビジネスメール5つのお作法 : ライフハッカー[日本版]
http://www.lifehacker.jp/2012/05/120502businessmail.html

[JS]スクロールを楽しくするパララックスを簡単に実装できる超軽量スクリプト -skrollr | コリス

[JS]スクロールを楽しくするパララックスを簡単に実装できる超軽量スクリプト -skrollr

アドセンスで月5万稼ぐための15のノウハウ – Google Adsenseでお金を稼ぐ方法
http://kanemotilevel.com/add/kizi289.html

【文系からWEB系にいく人へ】はじめの10冊。-booklists.me
http://booklists.me/users/lists/1304

Photoshop VIP ☞ これぞマジック、Photoshopのすごいチュートリアル、使い方30個まとめ 2012年4月版

新着記事

はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」 | ウェブル
http://weble.org/2012/05/07/smartphone-basic

2012年のロゴデザインのトレンドを押さえておく -2012 Logo Design Trends | コリス

2012年のロゴデザインのトレンド -2012 Logo Trend Report

新卒webデザイナーがとりあえず見といたほうがいいブログ・記事まとめ10個 – W3Q
http://w3q.jp/t/2053

クリックしていくだけでWindowsのエラーや不具合を修復できるフリーソフト「Windows Repair」 – GIGAZINE
http://gigazine.net/news/20120505-windows-repair/

CSSで半透明、opacityとrgbaの違い – ぼくはまちちゃん!(Hatena)
http://d.hatena.ne.jp/Hamachiya2/20120506/opacity_rgba

知ってた? Dropboxの同期速度を簡単にスピードアップする方法 : ライフハッカー[日本版]
http://www.lifehacker.jp/2012/05/120429speedupdropbox.html

HTMLとJSだけで何か作るときの – hitode909の日記

成果は保証します!売れるランディングページデザインの10の特徴 | バズ部
http://bazubu.com/lpanatomy-541.html

Web

Posted by ponnao