Progress Nav
This page demonstrates an idea for how progress can be visualized inside of a standard page nav. Scroll the page and note how the marker animates to highlight all of the sections that are currently on screen. The rest of the content below is taken from slides.com/developers. Take a look at that to see how the progress nav looks on a real page. Created by Hakim El Hattab | hakim.se | @hakimel Slide
Experiência Lecom
Experiência é prática de vida; é nossa percepção, nossa memória, nossa imaginação, é nossa capacidade de experimentar, de compartilhar e de criar algo. O site Experiência Lecom é um espaço para plantarmos sementes e colhermos bons frutos. Um solo fértil para que as campanhas e ações da Lecom e de sua rede de relacionamento tornem-se objetos de construção coletiva. A partir da comemoração de nosso
Design Trends for Fixed Navigation Menus in Web Design - Designmodo
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Free Email BuilderFree Email Templates It doesn’t shrink by much but you can tell there is a difference when scrolling. This is the type of thing I look for in very large navigation menus. I also
イメージメニュー拡大
In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content […] In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content area slide out when we click on them. We will also slide in the colo
Coda-Slider 1.1#5
3 Considerations For Your Website Slider + where to find the original Coda-Slider plugin Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Then you’ve come to the right place. Let’s get starte
Scrollable Thumbs Menu with jQuery | Codrops
In this tutorial we will create a fixed menu with scrollable thumbs. The idea is to have a menu fixed to the bottom of the page and let a vertical […] In this tutorial we will create a fixed menu with scrollable thumbs. The idea is to have a menu fixed to the bottom of the page and let a vertical stack of thumbs appear when hovering over a menu item. The thumbs are scrollable by moving the mouse u
20+ Mega Menu Examples for Design Inspiration
Mega menus are often used on large sites that have a considerable number of pages for users to navigate. Rather than just using a dropdown, the mega menu opens offering more options. While mega menus can make it easier for users to get deeper into a site with fewer clicks, the vast number of links can also overwhelm some visitors. For this reason, great care should be taken when designing mega men
jQueryで実現するナビゲーション11選「11 Useful jQuery Tab Navigation Solutions」
TOP > WebDesign > jQueryで実現するナビゲーション11選「11 Useful jQuery Tab Navigation Solutions」 静的なWEBページにクリエイティブな動きや仕組みを実装してくれるjQuery。その機能性と手軽さで世界的に使われているライブラリですが、今日はそのjQueryを使ったナビゲーションを集めたエントリー「11 Useful jQuery Tab Navigation Solutions」を紹介したいと思います。 11 Useful jQuery Tab Navigation Solutions タブメニューからフューチャーリスト、スライダーを上手く使ったメールフォーム等、様々なクリエイティブなナビゲーションが紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Fe
[JS]次々にボックスがアニメーションでスライドするナビゲーションを実装するチュートリアル
次々にボックスがスライドする三つのアニメーションを組み合わたナビゲーションを実装するチュートリアルを紹介します。 Slide Down Box Menu with jQuery and CSS3 デモページ デモではナビゲーションの各項目をマウスホバーすると、アニメーションでラベルが下にストンと落ち、サムネイル画像が拡大表示されます。更に、下位階層のある項目は左右にスライド表示されます。 実装は割とシンプルです。 ナビゲーションはリスト要素で配置されています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <ul id="sdt_menu" class="sdt_menu"> <li> <a href="#"> <img src="images/1.jpg" alt=""/> <span class="sdt_act
Animated Menus Using jQuery � ShopDev Website Design Blog
I recently stumbled upon Dragon Interactive (dragoninteractive.com). It’s a pretty well designed site. However, the pièce de résistance is their rather cool animated menu. Now… had this been designed in Adobe Flash, I wouldn’t had paid much attention. A closer inspection revealed that the menu is plain XHTML, CSS and Javascript. Today, I’m going to show you how to create an animated menu (ve
30 jQuery Menu Bar Tutorials & Examples - 1stWebDesigner
Navigation menus have really important role in any website. For big sites full with a lot of pages and articles, drop down menus and tabs are popular because they can make it a lot more easier to navigate and move through site, also you can save space on website displaying content on dynamic tabs. Also if you want to create a navigation menu, that really stands out of the crowd, jQuery could be th
BountyBev: Bringing the Reward of American Craft Beer.
This form needs Javascript to display, which your browser doesn't support. Sign up here instead American Craft. American Passion. Great American craft beer. It's what BountyBev believes in; what we live and breathe. Let us bring our passion to you... follow the road to discover better beer. Our Featured Brands Fort Collins Brewery is serving up Rocky Mountain IPA, Chocolate Stout, Retro Red, & Mor
[JS]メガドロップダウン型のナビゲーションを実装するスクリプト -Mega Menu
豊富なコンテンツを設置できるメガドロップダウンを実装するスクリプトをGeek Tantraから紹介します。 jQuery Mega Menu デモページ デモでは四種類メガドロップダウンがあり、データ量によってドロップダウンするパネルの幅が成り行きのもの、指定した幅のもの、表示位置が成り行きのもの、右寄せのものがあります。 実装は簡単で、スクリプトを外部ファイルとし、下記のようなスクリプトを記述します。 JavaScript <textarea name="code" class="html" cols="60" rows="5"> <script type="text/javascript"> $(document).ready(function(){ $(".MegaMenuLink").megamenu(".MegaMenuContent", { width: "900px" });
[JS]アニメーションの動きがキモチイイ、アコーディオンのスクリプト | コリス
ストンッと緩急のある動きをするアニメーションが気持ちいいアコーディオンを実装するチュートリアルをTutorialzineから紹介します。 Making a Fresh Content Accordion demo アコーディオンはリスト要素で実装されており、開いた時の子供は入れ子のリスト要素になります。 そのため数には特に制限はありません。 HTML 二番目のみ抜粋 <textarea name="code" class="html" cols="60" rows="5"> <li class="button"><a href="#" class="orange">Oranges <span></span></a></li> <li class="dropdown"> <ul> <li><a href="#" onclick="$('.button a:last').click();ret
Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers
The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh
22 Versatile Adobe Flash Menu and Navigation Tutorials : Speckyboy Design Magazine
Depending on the type of website or app you’re building, there will always be some key areas to which you have to give more attention than others. One area that is critical to all types of websites, and requires more thought than others, is navigation. Menu items generally lead to a site’s most important pages or areas and help visitors navigate easier. And, as you have to consider multiple screen
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://mmenu.frebsite.nl/