Box Lid Menu by jimjh
Box Lid Menu inspired by Toybox. View the Project on GitHub jimjh/box-lid Download ZIP File Download TAR Ball View On GitHub Built by Jim Lim. Follow @jim_jh Overview This jQuery plugin creates the box lid effect for navigation menus, and is inspired by Toybox. You can see it in action by hovering your mouse over the menu bar on the left. A bare bones example is also available on github. Finally,
Clingify - a jQuery plugin to make stuff sticky (Demo)
« Back to GitHub Repo Purpose Clingify is a jQuery plugin that allows you to easily create “sticky” or “fixed” headers, navs, and other page elements. Once you scroll past the targeted element, the plugin will toggle a CSS class that gives the element a fixed position, pinning it in place on the page. Features There are many other sticky plugins out there, but here are a few reasons to consider Cl
Horizontal Drop-Down Menu | Codrops
A responsive horizontal drop-down menu inspired by the Microsoft.com menu. This large horizontal drop-down menu simply shows the sub-menu when an item gets clicked. It’s inspired by the Microsoft.com drop-down menu. Some example media queries show how to adjust the menu for smaller screens. The HTML <nav id="cbp-hrmenu" class="cbp-hrmenu"> <ul> <li> <a href="#">Products</a> <div class="cbp-hrsub">
Responsive Retina-Ready Menu | Codrops
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes. Today we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimize
Sweet Circle Menu
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Responsive Multi-Level Menu | Codrops
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. Today we want to share an experimental drop-down menu with you. The main idea is to save space for menus that have a lot of content and sub-levels. Each sub-level in this menu will be shown in its own context, making the “parent” level disappear. This is done with subtle
Slide and Push Menus | Codrops
Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body. A set of fixed menus that will slide out from any of the edges of the page. The two menus that slide out from the left and right side can also be used in combination with the body moving to the left or right side, respectively, hence being “pushed”. There are examples of how
jQuery Pin
Want a sticky left menu? Just like the Webpop documentation? Pin it and relax. Macaroon donut tiramisu gummies. Jelly halvah oat cake pastry lemon drops apple pie tart. Muffin tart donut tiramisu. Lollipop tiramisu danish cupcake topping macaroon powder. Topping candy carrot cake halvah tiramisu sesame snaps donut lollipop jelly beans. Cotton candy biscuit jelly-o jelly-o. Gummies jelly beans croi
Vertical Icon Menu | Codrops
A fixed vertical icon menu that adjusts its size for smaller screens. A very simple lateral icon menu with a hover transition. The fixed menu has an example for how to use media queries to adjust the size of the icons for smaller screens. There is also an example class for an active item. The icon font was created with IcoMoon and the icons are by Matthew Skiles. The HTML <ul class="cbp-vimenu"> <
Sidr
SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc
Css-only Lavalamp-like Fancy Menu Effect
This time let’s get inspired by the sliding menu effect, also known as the Lavalamp effect (ex. here). We’ll recreate it with pure css – using css3 transitions and the general sibling combinator selector. Below we’ll discuss three simple examples (make sure to see the demo first). Step 1 – Prerequisites We use a Unica One google web font. In the “heart & arrow” example we use three images combined
Colorful CSS3 Animated Navigation Menu
In this short tutorial, we will be creating a colorful dropdown menu using only CSS3 and the Font Awesome icon font. An icon font is, as the name implies, a font which maps characters to icons instead of letters. This means that you get pretty vector icons in every browser which supports HTML5 custom fonts (which is practically all of them). To add icons to elements, you only need to assign a clas
Make a simple navigation with hover transitions
digitals4 I conclude unusually prompt to deceive utilized your webpage and look disrespectful to tons of more significant moments reading here. Rejoinder you again to all the details. Buy Phen375, Proactol Plus – Vimax Kenney I definitely wanted to develop a brief comment so as to express gratitude to you for all of the fantastic at this site. VigRX Plus, Comprar Vimax, Male Enhancement Kaylam I j
Top Drawer - A smooth dropdown menu for responsive web design | Experiment #5
Aim To demonstrate smoother reveal menus in small contexts using CSS3 rather than animating with JavaScript. Ingredients CSS Transforms Modernizr FT Labs Fast Click (optional - for speedy tap events) JavaScript (I used jQuery, but you could easily do this with VanillaJS) Method Tap the menu icon in the top right. The click event will assign the class of active to the drawer container which alters
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
27 Detailed Dropdown Menu Tutorials in CSS3 and HTML5 - Designbeep
resumize.me
GitHub - iartem/RRCircularMenu: RRCircularMenu
Drop-Down Navigation: Responsive and Touch-Friendly by Osvaldas Valutis
GitHub - kamens/jQuery-menu-aim: jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.
GitHub - matej/MBPullDownController: MBPullDownController, an iOS container view controller for pullable scroll view interfaces.
