We all know of the usual web safe fonts, you know, Arial, Verdana, Georgia, Times New Roman etc? They’ve been around for years and have become the standard for web typography, but there’s a bunch of fonts out there that are just waiting to be put to use in web design.
css
15 Examples of Creative Paper Use in Web Design
The use of paper and card textures in website design gives a low-fi appearance with a rough cut-and-paste and unpolished style. This hand crafted look works wonders with web design, adding a personal and informal feeling to the design.
25 Interactive HTML Websites That Look Like Flash
Remember those cool interactive media-rich websites that were built with Flash? They would often feature full-screen layouts, animated elements and futuristic interfaces that made HTML websites look plain and boring.
Interesting Web Design Trend: Vertical Split Layouts
We do a fair bit of trend spotting while we’re browsing for cool website designs to feature in our inspirational web design roundups. One design trend we’ve noticed that is becoming more and more popular is the split layout, where the page is divided vertically into two halves to display separate areas of content. Often these two halves are contrasting with light and dark color schemes and allow the user to make a decision on the type of content they want to see.
25 Web Designs With Clever Fixed Header Effects
There are many tricks a web designer can apply to a website in order to enhance its appearance and make it more appealing to the visitors. A carefully-thought design can make the difference between a simple visitor and a potential client.
15 Awesome Websites That Tell a Story As You Scroll
This post showcases 15 sites that take parallax scrolling to the next level by combining CSS animations and JavaScript to manipulate page elements upon scroll to immerse the user into a developing story.
Showcase of Parallax Scrolling Effects in Web Design
The parallax illusion is one of the coolest effects to hit the world of web design. This showcase rounds up the best examples of websites that have scrolling parallax effects. Some use the effect to add a subtle effect to the website’s background, whereas others use the parallax effect more prominently to create an exciting browsing experience.
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.
Inspiring Web Design Concepts Currently In The Works
Web design galleries are great places to find inspiration and gain an insight into the next big trend, but you’ll often find that the same sites are featured time and time again. Browsing sites such as Dribbble where designers share their current works in progress is a great way to find some hidden gems before they hit the mainstream.
How To Create a Trendy Flat Style Nav Menu in CSS
I’ve heard from a bunch of people who found my CSS drop down menu tutorial really useful, so today’s we’re going to build another menu with some fancy hover effects. With the Flat design trend being so popular we’ll use adopt this style for today’s menu by using bright solid colours and clean icons. We’ll be using various must-know CSS techniques so this is a great tutorial for any web designers learning the basics.
