[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション
デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。 デモページ：幅480pxで表示 実装 HTML HTMLは非常にシンプルで、リスト要素を使いnav要素で内包するだけです。 <nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul> </nav> JavaScript スクリプトではスマートフォン用にdiv要素で「Menu」を加え、それがクリックされるとアニメーションでスライドします。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7
これはすごい！テキストに影を付け印象的にする「CSS text-shadow Fun」
twitter facebook hatena google pocket CSSのtext-shadowとJavaScriptを利用してテキストの影を非常に印象的にするテクニックです。 ※サポートブラウザはSafari、FF3.5、Operaなどです。 via：CSS text-shadow Fun sponsors 使用方法 まずはテキストを書きます。 <div id="text-shadow-box"> <div class="wall"> <p id="tsb-text">影を付けたいテキスト</p> <div></div> </div> <div id="tsb-spot"></div> </div> 上記を記述したら、CSSを以下のようにします。 <style type="text/css" media="all"> #text-shadow-box { position: r
JonDesign's (Javascript) SmoothGallery 2.0: Improved Mootools Mojo for Images | What is it ?
Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading...) image galleries, slideshows, showcases and other cool stuff on your website... Version 2.0 is released, go check what's new ! Some of you might have heard of JonDesign's SmoothSlideshow. SmoothGallery is its evolution. So, what is so cool about it ? Unlike other systems o
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blogger
Blogger
