1月 2011
Thumbnails Preview Slider with jQuery | Codrops →
ロールオーバーでサムネイルがフキダシ風に表示されます。ちょっとした表示の工夫が効果的です。
HTML5 Grayscale Image Hover →
画像をグレーにするのはHTML5のcanvasで、効果はjQueryで行っています。
既存のフォームをユーザーに使いやすくする10のポイント | コリス →
「10 Tips for Optimizing Web Form Submission Usability」という記事の翻訳です。
画像要らずのローディング表示を実装できるjQueryプラグイン「Activity... →
SVGやVMLを使ってクロスブラウザで動作するそうで、IEは6から対応とのこと。
遂に「@facebook」のメールアドレスが使えるようになったようだ - IDEA*IDEA ～... →
迷惑メールのフィルタリング能力はどうなんだろうとか気になりますが、メールはもうこれでいいやという人もいそうです。
ブラウザの中でも日本語入力 -- Google Transliteration サービス日本語対応... →
Google日本語入力の機能がそのままクラウドに。これがAndroidでも使えるようになったら、日本語入力に関してはかなりのアドバンテージになるのでは。
簡単にjQueryを使ったクールなスライドギャラリーを構築できるソフトウェア・WOW Slider... →
ローカルで動かすジェネレーター付きの、スライダー作成ソリューションといった感じのものの紹介です。
［ウェブサービスレビュー］最大250Mバイトのファイルを送れる国産のファイル転送サービス「おくりん坊」... →
ファイル転送サービスのレビュー。名前がいいね。
CSS3 Transforms, Transitions, & Aminations |... →
CSS3によるアニメーションを作るチュートリアルです。
どこのどんなリンクからでもコンテンツを埋め込めるEmbedly Pro（有料版のEmbedly） →
bit.lyやTweetdeckは、リンク先のコンテンツを引っ張ってきて表示するのにEmbedly Proを使っているそうです。
月額1,980円以下の仮想専用サーバ、国内外10サービスまとめ →
「個人的には、さくらのVPSが一番コストパフォーマンスが良いかと」とのこと。
Tips for Creating an Effective Online Design... →
効果的なオンラインポートフォリオを作るためのヒント。
ASCII.jp：実は重要！... →
電子書籍フォーマットの分類と解説。
Interesting CSS3 and HTML5 Tutorials - January... →
2011年1月に公開された、CSS3とHTML5のチュートリアルいろいろ。
45 Useful jQuery Tutorials And Techniques For... →
UIに関するjQueryのプラグインやテクニックを大量に紹介しています。
50+ Awesome CSS3 Techniques for Better Designs |... →
CSS3のテクニック記事を大量に紹介しています。
日本でFacebookのファンページがいまいち普及しない理由と、そのハードルを越える方法の提案 -... →
確かに。「ファンページ」も「いいね！」も「友達」も用語を再考する必要があるのでは。
週刊Webテク通信のおしらせ
技術評論社gihyo.jpに連載している「週刊Webテク通信」最新号が公開されました。
IllustratorでのWebデザインの記事はなかなか興味深いです。イラストネタはHTML5の公式ロゴについて。
週刊Webテク通信：2011年1月第4週号 1位は，IllustratorでのWebデザインのススメ，気になるネタは，W3CがHTML5のロゴを発表｜gihyo.jp … 技術評論社
SCE、PSP後継新ゲーム機「NGP」発表。年末発売 -AV Watch →
Android OSを搭載したデバイス向けに初代PS用のソフトを提供するというのも気になります。
Googleが対策に乗り出した“コンテンツファーム”とは | 海外SEO情報ブログ →
内容が薄くて信ぴょう性に欠けるというコンテンツファームの代表例として「Demand Media」というサイトがやり玉に挙がっているとのこと。日本にもそういったサイトはいろいろありそうです。
本物のブログは「すきま広告」を入れない →
「すきま広告」ってなんだろうと思ったら、ページをロードする前に全面に表示される広告のようです。原文では「Interstitial ad」となっていて、日本語でインタースティシャル広告とも呼ぶようです。
How To Create a Cool Animated Menu with jQuery →
アニメーションするメニューを作るチュートリアル。画像の作成から、HTML、CSS、JavaScriptのコーディングまで細かく解説しています。
Astonishing Kawaii Vector Digital Art Inspiration... →
カワイイ（Kawaii）ベクトルアートいろいろ。
25 Clean And Minimalist Website Designs | Smashing... →
ミニマルなサイトデザインのギャラリーです。
Create an Exploding Logo with CSS3 and MooTools or... →
マウスオーバーしたところの画像が飛び散ります。
Facebookでシェアされたリンクのランキング等サービス「Shared」を公開してます! -... →
ログインするユーザー数が増えないとランキングの精度が出ないので、使って欲しいとのことです。
あなたのブログ記事一覧を雑誌風に表現してくれるサイト「Surfboard」*二十歳街道まっしぐら →
あえて一つのURLしか登録できないフィードリーダーですね。雑誌っぽく見開き表示になっています。
ヘッダーやナビゲーション等、Webデザインをパーツ別に収集しているギャラリーサイトまとめ -... →
Webデザインのパーツごとのデザインギャラリーを多数紹介しています。
ウノウラボ by Zynga Japan: iPhone向けのサイトを作るときのちょっとした気配り →
iPhone向けサイトを作るときに気をつけたい、ちょっとしたTipsの紹介です。
TwitterやFacebookで共有されたリンクが検索順位に直接影響する――グーグルとBingが明言... →
Twitterでリツイートされたりリンクが紹介されると、検索結果の順位にも影響するそうです。
少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス →
数行で記述できて効果的なjQueryのコード集です。
20 Top Well Designed Facebook Pages Design →
Facebookのファンページのデザインギャラリー。
2011年のSEOで、これはもう避けておきたい32のチェックリスト | コリス →
スパムと認識されるものなど、逆効果だったり効果のないSEOテクニックについて。
25 Excellent Examples of Forms in Web Design |... →
フォームデザインのギャラリーです。
Showcase of 40 Pricing Tables and Signup Pages |... →
価格表のデザインいろいろ。
Fresh & Gorgeous Examples of Green Websites |... →
緑ベースのWebデザインのギャラリー。
スマートフォン向けサイトの作り方｜ユージック →
viewportについて／スマートフォンのユーザーエージェントについてなど。
Amazing & Creative Use Of Typography For Your... →
タイポグラフィのクリエイティブいろいろ。
30+ Inspiring Dark (Black) Web Designs |... →
黒ベースのWebデザインのショーケース。色数も抑えた物が多いです。
Top 5 Free CMS Solutions For Small Businesses →
フリーのCMSソリューションのトップ5。日本ではあまり有名じゃないものが多いですね。
知らないと損するFacebookファンページの作り方（1/3）- ＠IT →
面白法人カヤックのスタッフによる、Facebookファンページの作り方の解説記事。
5 Upcoming Web Apps for Designers | Inspired... →
デザイナーのためのWebサービスいろいろ。
10 Useful jQuery Plugins for Images | Freebies →
画像関連のjQueryプラグインいろいろ。
EvernoteのMac App Store公開で得た4つの教訓 →
Mac App StoreのおかげでEvernoteユーザーがぐんと増えた／Mac版デスクトップアプリを使うようになった人がかなり増えた、とのこと。
ちょっとしたサイトならもうTumblrでいいんじゃない？と思える10個の理由 - IDEA*IDEA... →
CMSとしてのTumblrをプッシュする記事。標準の検索機能では日本語非対応なのが残念ですが、Google検索窓を使うなどすればいいでしょう。
FacebookファンページにECサイトを無料開設「ソーシャルゲートウェイ」... →
EC-CUBEと連携して、商品情報を同期するそうです。無料版と有料のプロ版があります。
週刊Webテク通信のおしらせ
1位は先週と同じテーマの2011年のトレンドについて。イラストネタはモノとiPhone/iPadアプリの組み合わせについて。
週刊Webテク通信：2011年1月第3週号 1位は，2011年のWebデザインのトレンド，気になるネタは，モノとiPhone/iPadアプリを組み合わせた商品が続々登場｜gihyo.jp … 技術評論社
HTML5 Logo Unveiled – The Future of the Web |... →
HTML5のロゴについて。開発途中のラフスケッチが公開されています。Ocupopというところが作ったようで、記事中にOcupopのブログへのリンクもあります。