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.
Posts by SauravRoy
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 (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…
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…
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…
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.
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.
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…
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.
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…