Error pages are something really important and when I was putting this list together I noticed that many sites don’t give it the proper attention. I had a hard time to gather the ones you will see here. Many of them you probably already know, some are new examples, so check them out and start thinking about designing an error page for every new site you build. I believe that an user rather see a beautifully designed error page than see nothing… so keep this in mind.
Motiv is a web application that helps freelancers easily create proposals, contracts, and invoices using professional templates. Start your free trial today.
Buffer makes it super easy to share any page you’re reading. Keep your Buffer topped up and we automagically share them for you through the day.
HubSpot is an inbound marketing software platform that helps companies attract visitors, convert leads, and close customers.
I love the Coda Slider plugin for jQuery. I’ve used it recently to build a couple of tabbed “widgets”. One here on CSS-Tricks in the sidebar to show Script & Style links, Featured Posts, and Popular Posts. Just kind of a fun way to show lots of content in a small area. I also used it on an article for NETTUTS for a similar purpose.
The Bricks is a set of user interface components and elements united in 4 add-ons: Forms, Elements, E-commerce and Words.
SlidesJS, a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3
Simplifying Website Usability: The 3 Step Approach
Simplicity is key to any successful website or web app.
If your site is too complicated, the user will have to go through too many hoops to find what they are looking for and won’t even bother trying it out.
The Jackson 5 got it right back in the 70′s when they sang “easy as 123″.
A simple and effective approach is to break down your services, signups and checkouts into 3 easy steps. This will improve usability, increase sales, signups and conversion rates.
In this article, we’ll take a look at 20 great examples of the 3 step approach for effective website usability.
1. Banner Snack
2. Big Filebox
3. Stack Magazines
5. Statement Stacker
7. Tender Support
8. Campaign Monitor
9. Simple Spark
10. CSS Rockstars
11. The Choppr
12. Scrap Blog
13. Food Feed
14. Product Planner
15. Crowd Spring
16. Name Birdie
17. The Twitter Tag Project
18. Get Me Fast
Written exclusively for WDD by Lee Munroe, a freelance web designer and blogger.
Expected web design trends for 2014
Everyone wants to remain competitive and relevant to their target audience. This is why it’s so important to stay up to date with current trends in your business. Web developers and designers are no different; actually they especially need to track latest trends because their industry evolves so rapidly. Potential clients may not know that their site can look out of date just months after its been built.
Fortunately at this time we can already look at what we will be seeing in the beginning of the next year. Like fashion and technology, the styles of websites and blogs you see would also evolve and change. Below you will find a list of expected web design trends in approaching 2014.
01. FLAT WEB DESIGN
It seems it is going to be yet another year of Flat Design and making stuff simpler and cleaner. This trend focuses on typography and the use of color, avoiding at the same time the unnecessary frills, textures and styles, effects like shadows, glows and so on. This type of design tries to concentrate the user experience on content by making website easier to understand. In other words, Flat Design enhances the 2D screen at the expense of methods that try to make websites look more three-dimensional.
02. PARALLAX SCROLLING
Scrolling effects rules in web design. Whether it is something simple like header that changes its size after scroll or more fancy like horizontal scrolling content or parallax – scrolling is worth to consider while planning any website design. Probably the most impressive is the so-called Parallax Scrolling. It allows designers to control the depth of objects on their websites by controling the scroll speed of different elements like images, headlines and others. It may be cosmetic or the core of any design.
03. CLEAN AND SIMPLE
One step further after Flat Design in making things simpler is minimalism. We will see design continue to be simplified with single page websites, flat design, fixed headers and minimalism overall. First of all it is related to content focus philosophy and second of all – it is mobile friendly. Designs like those are elegant, clean, fast and easy to read.
04. WEB THAT RUN LIKE APP
The popularization of mobile devices has its own impact on web design trends. Responsive design and “mobile first” approach resulted in sites that can be used like an application. Probably the most popular example is Google Docs. With the simplicity and ease of use, we are likely to see more and more blogs in this format. On the other hand, this trend reveals itself in website navigation that uses mobile patterns – slide out menus in dashboard for example. Big advantage of this trend is that you can visit such websites on any device you use.
With still growing capabilities of HTML5, CSS3 and the addition of pre-processors (SASS, LESS) and jQuery of course, we surely will see enhance of more and more astonishing animations. Used smart they can be this “wow” factor, that will make your website stand out. Additionally animations are easy to use (lots of open source “copy-paste” plugins out there) and increasingly mobile firendly.
This short list certainly does not close the topic and there is a lot more trends to consider. Still, it is a decent list and it’s worth getting to know with it! Just remember, trends come and go. They change sometimes completely unexpectedly. You don’t have to go out and apply them all to your current web design straight after reading this article. Try to understand them and take only from those parts that will serve your goals and ideas.