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 →
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.
20 Free UI Kits & Icons For Your Flat Web Designs
Love it or hate it the trendy flat style of web design is here to stay. If you’re looking to implement the flat style into your own designs, here’s a few resources to get you started. In this post I’ve rounded up all the best flat UI kits and icon packs to arm you with a range of quality tools for creating pixel perfect app and web interfaces.
How to Move From Feedburner to a Newsletter Service
Things are going downhill fast for RSS. First Google shut down Feedburner’s API in 2012, then they announced the closure of Google Reader earlier this year (2013). The future isn’t looking too bright for the Feedburner service as a whole and chances are it will also be completely shut down sometime in the near future. In today’s post I’ll show you how I’ve personally prepared for doomsday and gained a bunch of new subscribers in the process by migrating from Feedburner to an email newsletter service.
Showcase of Websites Featuring Full Screen Videos
We’ve all seen videos on websites restricted to a specific frame size, but why not make use of the user’s whole monitor? Once upon a time, only Flash was capable of such wizardry, but these days Javascript and HTML5 make it perfectly feasible to stretch your video footage to fill the browser window. This post showcases 15 websites that all make use of full-screen video techniques.
Showcase of Beautiful iPhone App UI Concept Designs
There are so many great looking apps in the works it’s difficult to keep track of the amazing concepts designers are constructing. This post showcases over 30+ inspiring iPhone app UI designs, all of which boast great interface designs for interesting apps currently in the works. There are a few similarities that could be an indication of what the next big trend will be.
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.
How To Create a WordPress Custom Page Template
Creating a WordPress theme to accommodate your website design concept becomes so much easier when you know about things like Custom Page Templates. WordPress operates using posts and pages, but every page doesn’t have to be cookie-cut from the same format. You can create unique layouts and content for specific pages to create visually interesting sites that are still editable via WordPress’ powerful publishing tools.
30 Websites Featuring a Horizontal Stripe Layout
One layout trend I’m sure we’ve all noticed recently is the use of full screen horizontal stripes. These horizontal sections are often identified with differing background colours or photos and span the whole screen to create a striping effect as the user scrolls down the page. This post showcases 30 great examples of websites utilizing these horizontal stripes and shows how this layout helps split up the page into clear sections while making use of all the available screen space across all resolutions.