Name
Email

How to Design a Dribbble-Style Homepage Layout



The popular design network Dribbble has grown substantially in just a few short years. Graphics designers and illustrators from all over the world have flocked onto the web seeking invites. But aside from the exclusivity their layout design has become a prominent factor of the entire branding.

I love the simplistic nature of their gallery-style photo boxes. It matches well with a community of designers excited to share their latest pixels with the world. In this tutorial I’ll go over techniques for constructing a similar design in HTML5 and CSS3. You can build a very similar page structure with just bare-bones essential CSS. Yet when we can utilize new browser-supported properties like box shadows the process becomes much more captivating.

Dribbble home page design layout

Live DemoDownload Source Code



31 Super-Unique and Functional Website Navigation Menus



Web navigation is a vital piece to any layout. Designers have known this for decades, but not all menus are built equally. It’s very important to distinguish between design and functionality. Some web designers understand this and attempt to better their own skills. Meanwhile the cream of the crop can incorporate both design and functionality with ease.

I have collected this brilliant set of 31 website menus with amazing UX and aesthetics. You need to capture your visitor’s attention and offer them a simple solution for navigating your pages. I hope this collection can provide inspiration for upcoming web designers in the field of user experience.

Big Cartel



35 Minimal Web Designs



In this post we have put together some fresh and beautiful minimal web designs for your inspiration. Enjoy! If you like this post you might also enjoy the posts below.

56 Light & Clean Website Designs Using A Minimalist Color Scheme

Minimalist Design: A Brief History and Practical Tip

sachagreif








 
Scroll back to the top