Menu

Category Archives: Span

Some Inspiration for Pricing Tables

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

«A couple of styles and inspir­a­tion for respons­ive, flexbox-based HTML pri­cing tables. Today we’d like to share some inspir­a­tion for pri­cing tables with you. Pri­cing tables are an essen­tial com­pon­ent on web­sites where digit­al ser­vices are offered. While there seems to be a com­mon pat­tern, there are infin­ite styl­ing pos­sib­il­it­ies»

Read more on

→ tympanus.net

Demo on

→ tympanus.net

Multi-Level Menu

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

«A simple multi-level menu with delayed item anim­a­tions and an option­al bread­crumb nav­ig­a­tion and back but­ton. Today’s Blue­print is a simple menu with mul­tiple levels. The idea is to anim­ate each menu item once a level is changed. The anim­a­tion starts with the item clicked and the delays are propag­ated through the neigh­bors.»

Read more on

→ tympanus.net

Demo on

→ tympanus.net

20 Creative Footer Designs for Awesome Websites

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

«Who said web­site foot­ers have to be bor­ing? Yes, that’s the place where you just add your copy­right info, some social icons and maybe a couple of links and your sitemap. Also, that’s the place where most people don’t even look at, but if you know how to make it spe­cial and integ­rate it in your design, it can be quite an asset!»

Read more on

→ line25.com

How to design the perfect contact page

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

«The con­tact page of a web­site can make or break con­ver­sions. If your vis­it­or has had a good exper­i­ence up until the point of vis­it­ing the con­tact page (would they still be on your site if they hadn’t?) and the con­tact page fails to gen­er­ate that final “click”, a poten­tial cus­tom­er is gone, quite pos­sibly forever.»

Read more on

→ webdesignerdepot.com

A Useful Guide To Designing Website Footers

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

«In order for any web­site to be truly suc­cess­ful, there are many dif­fer­ent aspects that need to be con­sidered and put into motion. For instance, aspects such as visu­al design, the con­sist­ency of your brand, and over­all usab­il­ity are all things that can determ­ine wheth­er or not a user is truly happy with your web­site.»

Read more on

→ vandelaydesign.com

20 Code Snippets for Interactive Buttons

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

«Can you ima­gine a web­site without but­tons? I bet you can’t. And it is not sur­pris­ing since these tiny, mostly rect­an­gu­lar-shaped objects much like nav­ig­a­tion or copy­right inform­a­tion are one of the fun­da­ment­al details of any UI.»

Read more on

→ noupe.com

28 Useful JQuery Sliders You Need To Download

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

«JQuery has over­powered Flash a few years ago in a lot of web uses, becom­ing a very power­ful tool for web design­ers. One of these uses that I’m refer­ring to is the image slider.»

Read more on

→ designyourway.net

Website Navigation Trends: 10 Tips & Examples

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

«By now the term “ham­burger menu” is some­thing we are all famil­i­ar with. Love it or hate it, this little ele­ment has been one of the big­ger trends in web­site nav­ig­a­tion design this year.»

Read more on

→ designshack.net

Creating Material Design Ripple Effects with SVG

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

«An in-depth tutori­al on how to build the ripple effect out­lined under Google Mater­i­al Design’s Radi­al Action spe­cific­a­tion and com­bine it with the powers of SVG and GreenSock.»

Read more on

→ tympanus.net

Demo on

→ tympanus.net