design

30 Web Designs Featuring Pop Out Navigation Menus

by

Once upon a time navigation menus were constantly anchored in place along the top or side of a web design, but nowadays as Javascript and CSS animations are becoming more popular, we’re starting to see different navigation UI approaches when it comes to directing your users to where they want to go.

The “hamburger” icon has become the recognized metaphor for the menu, which allows designers to hide away their links until they’re needed.

Today’s post features 30 modern website designs which make use of pop out navigation menus. These sites cleverly bring the menu into view using slide-in or overlay effects.

Read More →

30 Web Designs with Bright Flat Color Backgrounds

by

The flat design style is still going strong! We originally showcased a range of web designs with solid background colors, but there have been so many new designs launched since then we thought it was worth creating a whole new roundup.

Check out this collection of website designs with bright flat color backgrounds. These designs ditch textures, gradients and patterns in favor of vibrant bold solid colors.

Read More →

Web Design Trend Showcase: Super Gradients

by

After the dominance of flat colors in web design, we’ve noticed a new web design trend of gradient use beginning to emerge. Gradients are nothing new in web design, but the CSS property of linear-gradient now allows designers to add vibrant spectrums of color directly to their code, rather than the traditional method of creating a gradient image in Photoshop.

One advantage of the CSS approach is the gradient can be scaled to any size, which makes it great for screen filling gradient backgrounds.

Today’s showcase features 25 examples of these super gradients used as backgrounds, headers, and overlays.

Read More →

50 Web Designs with Beautiful Creative Typography

by

Typography on the web comes in two formats; firstly there’s the classic image replacement technique which allows for beautiful typographic designs, but it lacks the technical wow factor. Then there are true examples of web typography where designers wrangle with browsers to manipulate HTML rendered type in impressive ways, but while browsers and web technologies are continuously improving, this method often lacks in the visual flair that is achieved when designing typography in Photoshop and exporting it as an image. Both techniques result in equally inspiring web designs, so today’s showcase features a huge collection of sites with all kinds of web typography.

Read More →

Showcase of Outstanding Responsive Web Designs

by

This showcase rounds up a collection of the most inspiring and outstanding examples of responsive web designs. These responsive websites not only look great at full-scale monitor resolution but are designed to gracefully scale according to the user’s screen size. Resize your browser, view the site on a smartphone, tablet or netbook and you’ll see the same design in a range of well-presented formats.

Read More →

Huge Showcase of 85+ Detailed Interface Design Elements

by

Dribbble is a fantastic place for designers to share their works in progress and is also a great place for designers to gain inspiration and pick out recurring trends across the design spectrum. This post rounds up a collection of snapshots of rich interface design elements from both website designs and app designs. Each one has been carefully crafted for its detail, use of textures, subtle lighting effects, and various tones & colours.

Read More →

HTML & CSS Editing Apps For Windows Designers

by

Our recent roundup of HTML and CSS editing apps for Mac users proved to be really popular, but the Windows-based designers were feeling a little left out. This week’s roundup pulls together the most popular editing application choices for PC users.

These HTML & CSS editing apps for Windows users will help designers build standards-compliant websites with the help of powerful tools features such as live preview, validation, live editing, HTL5 support, drag and drop systems, FTP editing, troubleshooting, browser support, auto-completion features, and more.

Choose your favorite editing app from the list below.

Read More →