Design Showcase: 25 Flat Designed Websites

March 3, 2014 at 1:58 pm By
feature

Flat web design started to prevail the industry somewhere at the beginning of 2013 and it hasn’t stopped yet. Websites, apps, posters, even company brandings – everywhere where there is graphic design involved you can see things shifting towards the flat-esque look. Yet it’s important to look beyond and understand that flat is much more than mere change in aesthetics – it’s also reshaped the way we think about web design. Flat is about showing less on the screen, but doing more with it. Flat is when visual styles are just means to help convey the message better, it is about reducing design down to essentials and celebrating content. Flat is simpler, clearer and content-focused design. In this post we’ve collected 25 beautiful websites showcasing the best flat has to offer. Enjoy.

CSS Button Hover Effects

February 6, 2014 at 2:00 pm By

Today I’d like to share with you a bunch of pretty neat CSS only buttons I’ve put together. I’m also going to go over their creation, and using them in design. Read on and enjoy!

Offline Persistence and Application Caching in Web Development

January 28, 2014 at 10:51 am By

Offline persistence (using the application cache) is this idea of content being available offline for users. This links together with something that the web is trying to grow around, which is application building. We covered this growth towards application building in an earlier piece here. The proverbial spiders of the internet are hard at work making this a possibility, and…

FullPaged: A Single Paged Layout jQuery Plugin with UI Animations

October 14, 2013 at 7:20 pm By

Single page layouts are taking off in a big way. It seems as if every product page nowadays is single paged, so I thought I’d have a little spin at it with this jQuery plugin. This allows you to create single paged layouts with a few optional custom UI elements such as fold up menus. Check out the demo and…

Why (and How) you Should Probably Use Web Notifications

October 2, 2013 at 6:28 pm By

Web notifications are a way to show users some sort of message in a browser standardized way. With Chrome 29, Google has fully implemented the Chrome Notification Center on Windows, Mac and Chrome OS, which makes the idea of using notifications a lot more enticing. Chrome’s Rich Notifications aren’t available to Javascript, but they show how notifications are evolving on…

[CLOSED] Template Monster Giveaway

September 28, 2013 at 12:39 pm By

Today we’re doing a giveaway! TemplateMonster is giving away a premium WordPress theme (average price ranges from $60 to $85) to 3 lucky winners.

HTML Future: Shadow DOM, Templates and Introducing Web Components

September 25, 2013 at 6:00 pm By

Today we take a leap into the unknown: the mysterious and dark shadow DOM, and its partner in crime, HTML5 Templates. What exactly are these things and how do they help us as web developers? Continue onward to find out more about the future of HTML.

Quick Tips: Using Videos as Backgrounds

September 17, 2013 at 4:46 pm By

So you’ve seen videos being used as backgrounds across the web and you’re thinking ‘how do I do that?’. The main issue usually being making the video cover the entire screen. Normally when you set a video it will resize in accordance with its aspect ratio, meaning it won’t cover the entire background. Well don’t worry, for I am here…

A Bunch of CSS Only Custom Checkboxes

September 11, 2013 at 3:37 pm By

Default checkboxes are a quite plain and many web developers would like at least some ability to customize them, but unfortunately there is no direct way to do so. Luckily there is a little CSS workaround that I’ve used to create a bunch of these custom checkboxes.

Awesome Web Design Effects and Demos Roundup

September 4, 2013 at 3:44 pm By

Every month I see these amazing effects that are done with just CSS or use a little jQuery that blow me away. Today we’re going to look at some of the best effects from across the web that might really make you think ‘how did they do that?’, and also so you don’t miss anything! Since this is the first…