WebPocket

2012-1-16～2012-1-20のお気に入り＊

Megauploadというオンラインストレージサービスが閉鎖されましたが、データはどうなるんでしょうね？クラウドって便利ですけど不安は残りますよね。。

※リンク先は一部、会員登録しないと閲覧できないサイトが含まれているかもしれませんm_ _m

［ツール］: PNGを無劣化で圧縮できるWindowsソフト「PNGGauntlet」; Responsive Web Design用のグリッドをさくっと作成できるオンラインサービス -Gridpak
［HTML］: HTML5タグのチートシート「HTML5 Reference Poster」; HTML5のチュートリアルをまとめたサイト「WEBBOX norijin note」
［CSS］: UIのカッコイイ、CSS3のボックスジェネレータ「CSS3 Generator」
［jQuery］: さまざまな動きが楽しくてかわいい、サークル状のナビゲーションを実装するスクリプト -Circle Menu
［Javascript］: 柔軟なclassの設定が可能なResponsive Web Design用の超軽量(1KB)スクリプト -syze
［デザイン］: 紙とか布地のざらっとしたシームレスなテクスチャ素材とパターン素材

2012-1-9～2012-1-13のお気に入り＊

「WebSocketプロトコル」がRFC 6455として公開されたようですね(Proposed Standard)、って去年のことですか。2011年12月のことだったんですね。。。

※リンク先は一部、会員登録しないと閲覧できないサイトが含まれているかもしれませんm_ _m

［HTML］: HTML5で導入されたprogress要素の各ブラウザでの見え方
［CSS］: ホバー時にアイコンをくるっと回転させるCSS3アニメーションのテクニック; アニメーションするバナーをCSS3で作るチュートリアル; シンプルなタグなのに凝った綺麗なボタンを作るCSSチュートリアル; シンプルなHTMLで角丸のタブをより美しく実装するチュートリアル; フルスクリーン背景がスライドショーになるCSS3サンプル
［Javascript］: CSS3アニメーションを使った3Dのプレゼン用スライドショーツール -reveal.js
［デザイン］: 綺麗でリッチなフッターデザイン集のまとめ 60; レスポンシブ・ウェブデザインの功罪とモバイルファースト

2012-1-2～2012-1-6のお気に入り＊

遅くなりましたが、明けましておめでとうございます。皆さまは今年の目標、決まりましたか？私の今年の目標は、ストレッチ＆筋力アップ♪です。仕事に関係ないって？いえ仕事のためです^^;
今年もどうぞよろしくお願いいたします。

※リンク先は一部、会員登録しないと閲覧できないサイトが含まれているかもしれませんm_ _m

［HTML］: HTML5 タグ★チートシート
［CSS］: CSS3で作られた回転拡大縮小しまくるプレゼンスライド「impress.js」
［マーケティング・検索エンジン関連］: これだけ理解しておけば良い2012年のSEOに関する5つの真実; CSS Nite LP, Disk 19で講演させていただいた「アトリビューション」に関する資料が公開されました

2011年にブックマークしたCSS関連：55個

今年ブックマークした記事のなかでCSSに関するものをまとめました。今年のまとめはこれでおしまいです。読んでいただいてる皆さま、ありがとうございます。来年も皆さまにとって実り多い1年になりますよう心よりお祈りしております。

［エフェクト系］: CSS3で作られた、3D風の画像切り替えトランジションエフェクト; ボタンのホバー時にアニメーションを適用するCSS3初心者向けのチュートリアル; 見るだけでもワクワクする、CSS3とjQueryのかっこいい7つのエフェクト; CSS3アニメーションとjQueryの利点を組み合わせたスクリプト -cssAnimate; ボタンのクリックを楽しくするCSS3アニメーションのテクニックいろいろ

2011年にブックマークしたHTML関連：23個

今年ブックマークした記事のなかでHTMLに関するものをまとめました。

［HTML］: HTML5で作られたサイトを集めた「WebDesign Bookmark S5-Style」; HTML5で色々作るチュートリアル＆チートシート; HTML5+CSS3の導入時に役立つ7つの設定; ユーザーが使いやすいフォームを設計するのに役立つチップス -Form design crib sheet; 正方形のユニットで構成された、スマフォ対応のHTML5ベースのフレームワーク -Fluid Squares; HTML5＋CSS3 次世代Webコーディングの超・最新動向; いまさら聞けない＞＜；基礎から学ぶ「HTML5」超入門！