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.
techniques
20 Most Popular Plugins on WordPress Blogs
One of the best things about the WordPress platform is the extensive list of WordPress plugins available to extend and add new functionality to your site. You can add almost any kind of new function you may think of, and this can be done without any coding knowledge at all! Let’s take a look at the 20 most popular plugins on WordPress blogs across the web, including those that provide additional features, to those that simply alleviate the simple tasks of running a blog.
Coming Soon Page Design: How to Make it Awesome and Successful
Unlike the traditional under construction pages from the early days of the web, a coming soon page can nowadays prove to be a handy tool when launching a new website.
Web Design Trend Showcase: Rockets & Spaceships
Yep, that’s right – Rockets! Probably one of the most obscure mini-trends, but one that’s developed a fair number of examples. Rockets and spaceships are appearing in a range of website designs and layouts.
Let’s take a look at some examples of websites using rockets and spaceships effectively. We’ve also included some resources where you can find free rocket/spaceship graphics of your own. You will find some cool icons and vector illustrations at the bottom of this article.
25 Web Designs with Modular Content Block Layouts
This post rounds up a collection of 25 cool website designs that all feature modular content block layouts. The grid based content block layout has become popular for many types of websites, especially portfolios and curation websites, such as Pinterest.
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 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.
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 Simple Collapsing Header Effect
A couple of weeks ago I posted a showcase of web designs with clever header effects. In that roundup we saw a bunch of sites making use of a simple collapsing header effect, where the page header or banner would gradually shorten and disappear upon page scroll. Let’s take a look at recreating this cool effect for use in your own website designs.
