Grids give a website design structure and balance, but some grid layouts are more obvious than others. The most basic of grids is the square block, where the page is divided up horizontally and vertical with equally spaced gridlines. The content then fills the grid like a chequerboard pattern, or elements can span multiple blocks to form larger content areas. Today’s showcase features 30 perfectly balanced sites that are all based on a blocky square grid.
The Line25 Team
25 Visually Stunning App Dashboard Design Concepts
User dashboards are difficult interfaces to design, as there’s loads of information that needs to be neatly presented to bring the user up to speed, but you don’t want to slap them in the face with tons of data.
Modern Examples of the Classic Sidebar Menu Layout
The sidebar menu seems to be coming back into fashion once again after it was left behind for horizontal navigation bars. The sidebar menu was most common back in the early days of web design, but these days we’re starting to see designers ditch the horizontal nav bar in favour of the vertical list once again. Nowadays though these menus are built with large icons or clever animation effects that allow them to slide in and out of view. Today’s web design showcase features 20 sites that all feature modern examples of the classic sidebar menu layout.
25 Web Designs Built With Unusual Shapes & Angles
Websites are naturally made up of a series of square blocks due to the way they’re coded with HTML. This results in the typical boxy designs we’ve all come to expect on the web, but some designers are breaking free from the limitations of horizontal and vertical lines to experiment with other layouts. Today’s web design showcase features 25 cool sites that think outside the box with unusual shapes and angles.
40+ Free Mockup Templates to Present Your UI Designs
Show off your web designs and app interfaces in style with these free mockup templates. Mocking up your user interface designs can really boost the value of your work by giving clients an insight into how the design will look like for the user. Mockups are also especially useful when used with responsive web design to show how the layout changes from desktop to tablet and smartphone devices.
A good presentation plays a significant role in any kind of business and especially in the design world, there’s a strong need for good quality PSD templates. These free mockup templates will make the design process hassle-free and easier, saving you both time and effort.
We have personally downloaded and tested every file in this roundup and categorized them to allow you to quickly and easily find the type of mockup you need to showcase your own projects.
20 Web Designs with Stunning Video Backgrounds
The video background trend in web design is definitely still hot. We first featured roundups of website designs using full-screen video backgrounds and video headers back in Spring, but we’ve stumbled across loads more designs that deserve to be featured here.
This post rounds up 20 more fresh examples of websites that have adopted stunning video backgrounds to introduce the site with motion pictures. Check them out!
Showcase of Creative “Meet the Team” About Pages
About pages are one of the most important aspects of any website. They provide the opportunity to give our site and company a human touch and allow users to put a face to the name. Freelancer about pages are simple, it all about you! But agencies often need to introduce many people who form a team. This post showcases over 15 creative examples of “Meet the Team” style About pages which provide images and background information for each employee.
The Rising Trend of Bright Flat Colors in Web Design
We’ve seen the use of solid colors increase through the adoption of the flat design trend, but these hues are becoming increasingly vibrant following the release of iOS7 and the colorful iPhone 5C. Dazzling RGB colors are becoming more popular in the latest website designs, with saturation levels at an all-time high. This post rounds up a collection of over 20 great examples of the growing trend of supersaturated background colors in web design.
How To Create Flat Style Breadcrumb Links with CSS
With all the progressions of CSS and CSS3 over recent years we’ve reached a point where many of the old coding techniques that involved background images can now be created entirely with CSS. In this tutorial we’ll look at creating a series of breadcrumb navigation links in a flat design style without the need for the previously popular “sliding doors background image” method.
How To Create a Set of Vector Weather Line Icons in Adobe
Stroked line icons really complement a flat interface style with their minimal and basic appearance. Let’s take a look at building a set of stylized vector weather icons of … Read More →
