background preloader

30 Free UI Kits

30 Free UI Kits
Recognition and prestige for Web Designers and Agencies 30 Free UI Kits March 21 By awwwards-team In Design & Illustration User interfaces kits free to download Share on Facebook Share on Twitter Share on Google Share on Stumbleupon Share on Pinterest Share on Linkedin The graphic interface is the first thing our users see on our websites. By Awwwards Team awwwards.com Awwwards – recognizing the talent and effort of the best web designers, developers and agencies in the world. BLOG Inspiration for web designers and developers

Symptoms Of An Epidemic: Web Design Trends Why You Should Get Excited About Emotional Branding Globalization, low-cost technologies and saturated markets are making products and services interchangeable and barely distinguishable. As a result, today’s brands must go beyond face value and tap into consumers’ deepest subconscious emotions to win the marketplace. In recent decades, the economic base has shifted from production to consumption, from needs to wants, from objective to subjective. We’re moving away from the functional and technical characteristics of the industrial era, into a time when consumers are making buying decisions based on how they feel about a company and its offer. Read more... A Guide To Validating Product Ideas With Quick And Simple Experiments You probably know by now that you should speak with customers and test your idea before building a product. Mistakes include testing the wrong aspect of your business, asking the wrong questions and neglecting to define a criterion for success. Read more... Read more...

5 Things Your Web Design Portfolio Is Missing Living in the 20th century being a web designer and not having a portfolio is simply ludicrous. A web portfolio is a powerful commodity, it’s the perfect way to present and sell yourself to new clients, and one of the easiest ways to showcase your skills to a world wide audience. Creating a good portfolio which entices clients is no small task, therefore through out the article I will be sharing tips and tricks on how you can enhance your web portfolio. Less Is more, quality over quantity big stock: image Only showcase your best work, rather than every design project you have worked on in the past decade. Make it as simple as possible for clients to contact you The main focus of your portfolio is to attract potential clients to hire your design skills for their project. Make your design memorable Constantly give your portfolio the time and attention it deserves Theirs nothing worse than seeing a marvellous web portfolio which has been negated by its creator.

High-tech, Internet, Photo, Applications en ligne, musique How to use Modernizr Photo by Stéfan There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites. An overview Although CSS3’s use has been increasing among web designers, browser support for some of its features is still inexistent. Lately, I’ve been using Modernizr more and more to cater for those browsers that don’t support specific CSS3 properties—for example, on my site—, and it makes the development much easier because I know I’m providing these lesser browsers with an alternative experience, rather than just ignoring them. Bear in mind (and this is even splashed on Modernizr’s front page), that Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. How it works To install Modernizr, download the file from this page. The second step is to include on your html tag a class of “no-js”: Why add this tag? What does this mean? JavaScript

Awesome tutorials to master responsive web design Create an adaptable website layout with CSS3 media queries With the rise of both very large screens and mobile devices, web developers have to be able to create websites that display correctly and look good whatever the device is. Sure, you can use good old techniques like fluid layouts, but I’ve got something better to show you today. This tutorial will teach you how you can create an adaptable website layout using CSS3.→ Read tutorial: Create an adaptable website layout with CSS3 media queries Fluid images This tutorial will shown you how to make your image scales down when the browser is resized or when your website is viewed through a smaller screen.→ Read tutorial: Fluid images Elastic videos Nowadays, videos are widely used on the web. Optimizing your emails for mobile devices As mobile devices are more and more used, more people are receiving their emails on their phones instead of their computer. Images that match text height Hiding and revealing portions of images

30 e-commerce sites worth seeing In this day and age, if you are not selling your product online or at least making it available online, you are missing out on a ton of money. Unfortunately, the makers of these sites are most interested in making a dollar rather than making sense (did you catch the pun?). At any rate, some folks get the job down. They understand that design is a way to communicate and get their point across, rather than something that needs to be pushed to the side in order to get people to buy. Good companies understand good design can mean a better bottom line. If you need inspiration for your upcoming e-commerce site or you just like this type of thing, we’ve put together some sites that get their audiences moving—not just through pretty decorations and design but through good usability, interfaces and interactions. 1. I don’t think there are a ton of exciting ways to present bikes (unless it’s some super mountain bike) and you’re typically only bike shopping if you really want or need a bike. 2. 3.

Related: