1月 2010
窓の杜 -... →
ウイルスに感染した環境において、次の攻撃の足がかりとして「FFFTP」の設定が悪用されたというもので、「FFFTP」に脆弱性があることは意味しないとのこと。根本的なGumblar対策が必要ということです。
アイコンやボタン、フォーム、パンくずなどウェブ用のUIがセットになったPSD素材 | コリス →
ポップな感じのUIとボタンのPSDファイルを配布しているサイトの紹介記事です。
jQueryでちょっとリッチなテキストロールオーバー | ブログ |... →
jQueryでの簡単なコードの書き方入門のような記事です。
Create Your Own Sliding Resizable Grid →
グリッドにそってボックスが並び、ウィンドをリサイズすると自動で並び変わるレイアウトを作るためのコードの紹介。
jQAPI - Alternative jQuery Documentation →
jQueryのリファレンスです。
10 Tips for Better Print Style Sheets |... →
プリントアウト用CSSのためのTipsを紹介。
ねとらぼ：24時間で消滅するWebページ作れる「Qwe」 - ITmedia News →
「メールよりは不特定多数向けだが、ブログに載せるほどオフィシャルではない情報を共有することを想定」だそうです。
Wordpress オリジナルテーマの作り方 | Webクリエイターボックス →
HTML+CSSで作成したページテンプレートをもとに、Wordpress用のコードを加えていきテーマを作る方法をレクチャーした記事です。
Google Japan Blog: Google 日本語入力がアップデートされました。 →
郵便番号から住所への変換、ひらがなからカタカナ英語への変換などの機能が追加されたそうです。
HungryPeople による Posterous 共同設立者 Sachin Agarwal... →
Posterous 共同設立者 Sachin Agarwal へのインタビューの翻訳記事です。Posterousという名前は、the preposterously easy way to blog（とんでもないほど簡単にブログをやる方法）から来てるんだとか。なるほど。
15 Tips for Designing Terrific Tables | Design... →
ステキな表組みを作るためのTipsが作例とともに紹介されています。
Anatomy of Colors in Web Design: Blue and the Cool... →
青色ベースのWebデザインがたくさん紹介されています。
30 Websites with Lovely Layout and Typography →
かわいらしい感じのデザインやタイポグラフィを使ったサイトのデザインギャラリーです。
Ajaxian » Rolling a coke can around with pure CSS →
スクロールするとコーラの缶が回転しているように見える効果をCSSだけで実現。面白い。缶の部分が透明になっていて、背景のラベルの画像が見えているのか。
HOW TO: Build a More Beautiful Blog →
ブログのデザインをよくするためのレクチャー記事。ブログのテンプレート配布サイトも紹介されていて、Tumblr、Posterousのテンプレートもあります。
Color Theory for Designers, Part 1: The Meaning of... →
色の使い方のセオリーについて、豊富なサイト例とともに解説しています。
直感でWebサイトを作成できる6つのフリーWebサービス - かちびと.net →
WebサイトをオンラインでWYSIWYGで編集できるサービスを紹介しています。
25+ Powerful Tool Tip Solutions made Simple with... →
jQueryを使ったツールチップを実現するソリューションいろいろ。
hCalendar を使って予定を公開しよう！ - IT戦記 →
カレンダーに登録できるようなイベント情報などはhCalendarのフォーマットでタグ付けしておけばいろいろ便利とのこと。マイクロフォーマットです。セマンティックWebって最近あまり聞かないけど、徐々に浸透してるんですかね。
週刊Webテク通信のお知らせ
週刊Webテク通信：2010年1月第4週号が公開されました。イラストネタは、「週刊ダイヤモンド」のツイッター特集をネタにしています。
週刊Webテク通信：2010年1月第4週号 1位は，CSSの総合的な情報サイト「CSS HappyLife ZERO」，気になるネタは，週刊ダイヤモンドでツイッター特集｜gihyo.jp … 技術評論社
Quick Tip: How to Target IE6 and IE7 with Only Two... →
IE6とIE7をターゲットにした簡単なCSSハック。
20 Indispensable Browser Based Apps | Design... →
1度使うとこれなしでは生きていけないと思うくらいのブラウザベースで使えるアプリを紹介しています。
The Principle of Proximity in Web Design |... →
Webデザインにおいての、関連する項目の扱い方をレクチャーした記事です。
Textures In Web Design: Examples And Best... →
テクスチャを背景に使ったWebデザインのギャラリーです。最近流行のアナログ感のある繊細なテクスチャが多いですね。
電波少年2010 人はツブヤキだけで生きていけるか？有吉vsＴプロデューサー ～日本縦断... →
第2日本テレビで電波少年2010「人はツブヤキだけで生きていけるか？」というツイッターを使った企画をやっています。
12 really useful CSS tools →
便利なCSSツールいろいろ。
The New Hotness: Using CSS3 Visual Effects -... →
CSS3を使ったポラロイド風画像ギャラリーデザインの作り方。HTMLはシンプルで、CSSだけで面白い見せ方を実現しています。
45 jQuery Navigation Plugins and Tutorials - Noupe →
メニューバーなどのナビゲーション用のjQueryプラグインとチュートリアルの紹介。
こいつは便利！好きなサイズのダミー画像が動的に作れる『Dummy Image』 -... →
たしかにサイトのモックアップ作りに便利そうな画像生成サービスの紹介です。
2010年、押さえておきたいウェブデザインのトレンド | コリス →
セリフフォントや繊細なテクスチャがはやっているのは、回線速度をあまり気にしなくてよくなったのと画面の高解像度化が影響しているんでしょうね。
【速報】 Google Readerであらゆるページを購読可能に ～... →
RSSを用意していないサイトでも、自動的にフィードを生成する機能が付いたそうです。
30 Amazing 3D Illustrator Tutorials Collection |... →
Illustratorで立体的なイラストを作るためのチュートリアルが多数紹介されています。
A Showcase Of Sites For iPhone Apps | D-Lists →
iPhoneアプリの商品サイトのデザインショーケースです。
30 Stylish jQuery Tooltip Plugins For Catchy... →
ツールチップを表示するためのjQueryプラグインいろいろ。
20 Color Combination Tools for Designers | Spyre... →
カラースキームを作るオンラインツールいろいろ。
週刊Webテク通信のお知らせ
週刊Webテク通信：2010年1月第3週号が公開されました。イラストネタは、iPhoneアプリVoice Bandを広瀬香美が使ったら…みたいなことを描きました。
週刊Webテク通信：2010年1月第3週号 1位は，うまくアクションをうながすための4つのデザイン要素，気になるネタは，声がバンド演奏になる神アプリ！ Voice Band が凄い件｜gihyo.jp … 技術評論社
大量のリストから目当てのものを瞬時に探せるようになるjQueryプラグイン「LiveFilter」:p... →
入力した文字で絞り込みができるようにするjQueryプラグインの紹介です。これよさそうですね。
Google Map Apiを試してみた(ついでにjQueryのプラグイン化) | THE HAM... →
Google Map APIを使うためのJavaScriptの記述例と、マップを表示するための自作jQueryプラグインが紹介されています。
Web Design - Pricing Tables | Abduzeedo | Graphic... →
価格表のギャラリーです。
オンラインストレージを使い倒す 利用シーン別活用法|MOBILE... →
Dropbox、SugarSync、SkyDrive、ZumoDriveそれぞれの特徴などを解説した記事です。一度使い始めるとほかのサービスに乗り換えるのは面倒だったりするので、こういう記事はとても参考になるでしょう。
Mastering Photoshop: Unknown Tricks and... →
PhotoshopのTipsをショートカット中心に解説しています。
11 Colorful Website Design | Orphicpixel →
カラフルなデザインのWebサイトのギャラリーです。
20+ More Amazing Portfolio Websites | Admix Web →
すばらしいポートフォリオサイトを多数紹介しています。
Great Free Software for Web Designers « Boagworld →
フリーで使えるWebデザイナー向けソフトをいろいろ紹介しています。
15 Resources for Easily Creating Web Forms |... →
メール送信やアンケートなどのフォームをオンラインで作って公開できるサイトをいろいろ紹介しています。以前も言ったような気がしますが、この手のサービスで日本語のものってほとんどないですよね。
Twitterを「つぶやき」と翻訳した罪：日経ビジネスオンライン →
Twitterがなぜすごいのかについて、うまくまとめられています。
Keith Clark - IE CSS3 pseudo selectors →
IE5〜8にCSS3の疑似クラスを使えるようにするスクリプトie-css3.jsを配布しています。