Menu

Category Archives: Span

A Showcase of Website Navigations with Serious Click Appeal

Excerpt of the ori­gin­al art­icle.

«The nav­ig­a­tion of a web­site is meant to be clicked. It doesn’t need to blend in or be hard to find. It’s import­ant that it stands out from the rest of the ele­ments on the page, but yet still matches the over­all style of the design.»

Read more on

→ webdesignledger.com

20 Useful jQuery Sliders

Excerpt of the ori­gin­al art­icle.

«Des­pite the rumored death of «above the fold», the need for find­ing the right kind of slider is still alive and well. And let’s be hon­est for a minute—sliders are fun. Besides, noth­ing makes a cli­ent «ooh and ahh» more than see­ing their con­tent move on the screen.»

Read more on

→ tutsplus.com

New HTML Table Tutorial

Excerpt of the ori­gin­al art­icle.

«If you’re look­ing for an HTML table how-to guide, look no fur­ther than my ulti­mate HTML table tutori­al. I’ll take you through all the tags you need, explain exactly how you should use them (and when you shouldn’t use them), and then take it to the next level!»

Read more on

→ webdesignfromscratch.com

50 Website Header Designs That Showcase Creativity and Wit

Excerpt of the ori­gin­al art­icle.

«The first and fore­most thing that will stand out about your web­site is its head­er. A well designed head­er will imme­di­ately attract the viewer’s atten­tion, which should be the main goal. Once you catch someone’s atten­tion, you also cap­ture their interest and curi­os­ity, and they are much more likely to spend more time on your web­site and return again in the future.»

Read more on

→ line25.com

Inspiration for Line Menu Styles

Excerpt of the ori­gin­al art­icle.

«Some ideas for menu styles and effects that employ the line as a cre­at­ive design ele­ment. This is an open col­lec­tion; con­tri­bu­tions are wel­come!»

Read more on

→ tympanus.net

Demo on

→ tympanus.net

Web Design Mega Menu Examples for Design Inspiration

Excerpt of the ori­gin­al art­icle.

«Mega menus are often used on large sites that have con­sid­er­able num­ber of pages for users to nav­ig­ate. Rather than just using a drop­down, the mega menu opens offer­ing more options.»

Read more on

→ vandelaydesign.com

11 Handy Code Snippets For Interactive Buttons

Excerpt of the ori­gin­al art­icle.

«Here in this post, we are show­cas­ing a beau­ti­ful and use­ful com­pil­a­tion of 11 code snip­pets for cre­at­ing inter­act­ive but­tons for your web designs. But­ton is the most import­ant and power­ful com­pon­ent of any web design.»

Read more on

→ smashingapps.com

Shazam-Like Morphing Button Effect

Excerpt of the ori­gin­al art­icle.

«A tutori­al on how to cre­ate a Shazam-like but­ton that morphs into a music play­er using Snap.svg.»

Read more on

→ tympanus.net

Demo on

→ tympanus.net

Web design tutorial: Stretchy Navigation

Excerpt of the ori­gin­al art­icle.

«A roun­ded nav­ig­a­tion trig­ger that stretches on click/tap to reveal the nav­ig­a­tion items. While surf­ing some Dribbble shots, we came across this nice shop­ping list con­cept by Hila Peleg, which inspired today’s resource. We decided to apply a sim­il­ar idea to a stretch­ing nav­ig­a­tion, and cre­ate 3 dif­fer­ent …»

Read more on

→ codyhouse.co

Demo on

→ codyhouse.co

Creating an Animated Menu Indicator with CSS Selectors

Excerpt of the ori­gin­al art­icle.

«In this art­icle, I’ll cov­er cre­at­ive ways of using sib­ling select­ors and pseudo ele­ments to make a CSS-only menu indic­at­or that would nor­mally be achieved using JavaS­cript.»

Read more on

→ css-tricks.com