シンプルで汎用性に優れたレスポンシブ対応のタブコンテンツ -Basic Tabs
jQueryとCSS3アニメーションを使ってシンプルに実装する、レスポンシブ対応のタブコンテンツを紹介します。 BasicTabs - The Simple jQuery/CSS3 Solution Basic Tabsのデモ Basic Tabsの実装 Basic Tabsのデモ タブはレスポンシブ対応で、表示サイズに合わせて最適化されます。 タブの切替はCSS3アニメーションで、左からフェードインで表示されます。このエフェクトの変更は簡単です。 デモページ：幅480pxで表示 Basic Tabsの実装 実装は非常にシンプルなので、カスタマイズも簡単だと思います。 Step 1: HTML HTMLは非常にシンプルで、タブはリスト要素、コンテンツはdiv要素で配置します。 <div id="tabwrap"> <!-- TABS --> <ul id="tabs"> <li class
[JS]最近よく見かける1ページ垂直スクロールコンテンツで、スクロール位置を自動補正するスクリプト -windows.js
スクロールしすぎも補正 windows.jsの使い方 実装は簡単で、既存のコンテンツにclassを加えるだけで適用できます。 Step 1: HTML HTMLは各コンテンツを配置しているdivやsectionにclassを加えるだけです。 classは変更可です。 <section class="window"></section> <section class="window"></section> <section class="window"></section> <section class="window"></section> <section class="window"></section> Step 2: 外部ファイル 「jquery.js」と当スクリプトをhead内に記述します。 <script src="http://cdnjs.cloudflare.com/aja
レガシーなWebブラウザを救済。CanvasをHTML5で描画·FlashCanvas MOONGIFT
FlashCanvasはCanvasタグをFlashを使って描画するライブラリです。 HTML5の仕様に入っているCanvasですが、便利な機能である反面レガシなーブラウザに対応できないために利用を躊躇してしまっている人も多いのではないかと思います。そこで使ってみて欲しいのがFlashCanvasです。 Flotのグラフを表示した例。 多彩なグラフをFlash上に描画できます。 マウスに追従させることもできます。 ワープのような表示。 より複雑な描画を行うデモ。 FlashCanvasはCanvasタグをFlashを使って描画します。現在、Canvasタグのテストに対して72〜78%合格となっています。Google Chrome9.xが87.4%、Firefox3.6が74%なので簡易的な描画であれば十分耐えられるレベルと言えそうです。 FlashCanvasはFlash製、MIT Lic
Facebookが変わります！ ぐっと見やすく、美しく
画像は大きく、余計なものはすっきり。 Facebookが最後に大きくオーバーホールされてから、もう2年になります。そう、2年も経ったんです！ 使ってる人たちもそこからだいぶ変わったはずですが、Facebookはぺージの見え方という意味では大きく変わっていませんでした。でもついに今、米国時間の今月7日から、大きく変わります。余計なものが削られて美しくなった、新しいFacebookの見え方をご紹介します。 2006年以降Facebookでは、我々が友達や同僚からの情報を受け取る際にニュースフィードを使ってきました。今回変わったのはそのニュースフィードです。今までもFacebookは、近況や写真やリンクの見せ方をいろいろ試してニュースフィードを変化させてきました。今回のリノベーションもそういう意味では今までと同様、情報の見せ方を変えているだけです。ただこれまでと違うのは、大きく、賢く、より視覚に
Facebook、新しい「News Feed」を披露--より大きな画像やコンテンツ別フィードを採用
UPDATE Facebookは米国時間3月7日、刷新された「News Feed」を披露した。画像がより大きくなり、カスタマイズが可能になっている。これで同サイトに強く求められていた大幅刷新が実現し、最終的にはこれが、ユーザーの関心の維持と広告主へのアピールにつながると同社は期待している。 Facebookの最高経営責任者（CEO）を務めるMark Zuckerberg氏は、この新しいNews Feedによって同社が目指すのは、よりリッチなストーリー設計、多様なフィードの選択、携帯端末とデスクトップのウェブブラウザでの一貫したエクスペリエンスであるとした。 「われわれは世界中のすべての人々に、われわれにできる最高のパーソナライズされた新聞を届けようとしている」とZuckerberg氏は述べた。「最高のパーソナライズされた新聞は、さまざまな要素が織り込まれ、リッチで、魅力的なものでなければな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PoDoFo
Casablancaの C++ SDKがオープンソースに