Creative Depth in Web Design

Breathing life into digital design can be a tough call. A flat surface will always command less attention compared to the one that creates a 3D-feel. Adding depth to a flat page is a way to combat this. It creates a sense of realism and immediately adds interest. It’s also a helpful technique to emphasize particular elements within the page, such as interfaces or headlines, and helps create a hierarchy…

The Remote Designer – Jumping into the Cloud

Freelance work can be one of the most liberating work, especially when moving from agency or in-house, you will ever undertake in your career. And while it has plenty of benefits, especially when developing a career, it has no shortage of it’s own challenges. The ability to set your own schedule and work when/where you want is liberating, but it can also be more difficult to connect with clients, maintain…

Twitter Bootstrap GUI & Wireframe Toolbox

In this post we have collected a selection of GUI and wireframe templates that have all been designed for when you are working with Bootstrap, making it very easy to pass your designs on to the developer. They are all in various formats (psd, ai, png…) and available for all popular applications like Photoshop, Fireworks, Illustrator and Omnigraffle.

Remarkable and Unique Examples of Symmetry in Web Design

Perfect symmetry means having two sides of an item that when folded together will form half of a single object or shape, meeting perfectly together in the centre. In web design, perfect symmentry is rare. Most websites will have their logo in the top left of the screen, navigation bar at the top, sidebar to the right and the main content area to the left of the page. However, when you…

Flat Design and Accessibility

The internet has changed a lot over the last few years, and so has the way we view things online. As such, in this article, we will be taking a look at some of the recent accessibility improvements that Flat Design has brought and helping make the internet that little bit more open and accessible to everyone.

Subscription Model in Your Web Design Business

Regular supply of work is vital for the health of your budget. When you don’t have projects lined up, you may enjoy the free time you have but at some point you will begin to feel the monetary pressure. We have all been through the phases when no decent project is around but when this happens frequently, life gets very stressful. One of the ways to solve this problem is…

8 Myths About How Blind People Use the Internet

As a frontend developer of course I’d heard about accessibility. I’d always followed best practices when creating web content that shouldn’t have any problems being read by a screenreader. Like so many other developers in my position though I’d never actually tried a screenreader myself. It always seemed like a difficult thing to do, and I’d heard it was expensive. A few months ago I spent a week pretending to…

20 Websites with Original, Non-Standard Geometry

Geometric shapes are widely used as design and framing elements, navigation components or as a way of drawing users’ attention to certain parts of a website. The most popular geometric elements in web design are obviously rectangles and circles. But what about using other geometric figures? Triangles, trapeziums, rhombuses or even hexagons? In this showcase we will show you that not only simple shapes and figures can be used for…

Collection of Useful Open Source CSS Resources

There are loads of free scripts to download and include in your website projects. Developers are constantly releasing their work under open source General Public Licenses. This allows other developers to work off the same code and even customize pieces to better suit their project’s needs. Overall the majority of codes you’ll find these days are written in JavaScript or backend languages. But I will say there are some newer…

10 More Responsive Navigation Solutions

Last August we published our original post on responsive navigation solutions, and even after only six months that post seems out-dated and almost reduntant. RWD techniques are moving on so fast that we felt we had to publish an up-to-date post for you.

Quick Prototyping: Collection of Free HTML/CSS/JS UI Kits

The main idea of HTML/CSS/JS UI kits is to offer you a range of production-ready web elements with a consistent style, so that you quickly kick-start any new web project. Typically standard UI packs will include buttons of different sizes and types, form field elements, navigation & pagination systems, tabs, alerts and tags. But some, like the UI packs we have for you below, will offer much, much more.

Examples of ‘Flat’ in Web Design

A couple of weeks back, we talked about the flat design aesthetic. Just in case you missed it, here is how we described flat design, “Flat design means designing without the usual gradients, pixel perfect shadows, and skeuomorphism that’s been rampant in recent years to achieve what appears to be a ‘flat’ interface.” And yes, just in case you haven’t yet jumped onto the flat design bandwagon, today we have…

The Next Step in the Evolution of Responsive Web Design: Responsivity Analysis

Beyond any question, responsive web design has become the standard for anybody who wants to make a strong presence on the internet. With the passage of time, rules, best practices, layout standards and guidelines have been commonly created, implemented and accepted by most web designers and developers. However, let us not forget that even though responsive web design is being widely used, it is still a youngling and in spite…

Partners

Our iOS App

Designed by Mobiloud