ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。
ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。
「Slot Machine Tabs」というエントリーにて作り方が紹介されています。 タブをクリックした際にちょっとした効果を与える事ができます。 デモ javascript自体は以下のようなコードを実装するようです。 $(".box-wrapper .current .col-one").animate({ "top": 0 }, speedOne, function() { ifReadyThenReset(); }); var columnReadyCounter = 0; function ifReadyThenReset() { columnReadyCounter++; if (columnReadyCounter == 3) { $(".col").not(".current .col").css("top", 350); columnReadyCounter = 0; }
はじめに 第4回はサイト（ページ）には必ず用意されているメニュー、それに関するプラグインについて紹介していきます。 プラグインを使うことで、サイトを差別化するための機能的／デザイン的なメニューをシンプルなHTMLから簡単に作成することができます。 お薦めメニュー系プラグイン メニューに関するjQueryプラグインもLightbox系のもの同様、様々なものが多数存在しています。今回も特徴的なもの3点をピックアップし、今回と次回、2回にわたり解説していきます。 Kwicks Kwicksはメニューの領域を、マウスオーバー／マウスアウトなどのイベントで収縮させるプラグインです。横方向のメニューだけでなく、縦方向のメニューにも利用することができ、収縮アニメーションのイージングや時間間隔も調整することができます（デモはこちらで確認できます）。 図1 Kwicks jQuery Multi Lev
It has been quite a while since I worked on updating the jCarouselLite project. Meanwhile, the community has shown its love by actively contributing features and defect fixes. It is always a pleasant experience to see such active participation by the community, but there is also a challenge. Many of the mods were spread around different websites, GitHub forks, Stack Overflow answers and comments.
While most websites use similar navigation structures and placements, there are small proportions that break free of the traditional layouts. These websites often do so to present a unique design, while also to experiment with alternate and often improved solutions. Every website is different, and the one-size-fits-all approach can often be outdated – particularly for websites which are more visua
27 Comments Perfeito!!!! ^^ nice one I ve read most of them 🙂 Nice Collection…i have to read them all…:) Now how am I supposed to just pick one to use? They’re all awesome! Thanks! I really like some of the jquery effects on https://www.yauba.com, especially the scroller for the images and the inline video player. Can you do a tutorial on some of these techniques? Thanks! Hanny i love jQuery… is
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
ず、随分間が空いてしまった・・・何て言う現実。 気付けば冬間近ですね。 久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。 ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+2にしてみました。 サンプルサイトを見る サンプルをダウンロード 地味にサンプル作ってたら時間取られたので、解説は軽めですが続きにて。 今回作っておきたかったのは、センタリングさせたページ送りっす。 とても似たようなエントリーが有るので、下記も参考にしてみるといいかと。 ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。 不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 各サンプル共通で以下のスタイルが当たってます。 #main ul, #main ul li { marg
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
