CSS3 Hidden Social Buttons Today we’ll be looking at some very simple techniques using CSS3 transforms to make social link buttons. Usually you’ll see these links all over a site sitting there making a site look ugly. With this technique, we’ll style our buttons with our own CSS, and then let the like/follow/+1 button appear on hover. This ensures that our site can stay clean and good looking. Airbnb Ethan: Hi, this is a responsive web design podcast where we interview the people who make responsive designs happen. I’m your host, Ethan Marcotte. Flat One Page HTML Template for Creative Agency, Designer, Photographer Portfolio - Download New Themes Brizzz is a Flat One Page HTML Template and can be used for Personal Portfolio, Creative Agency, Designer Portfolio, Illustrator Portfolio, Photographer Portfolio and more. Template has a universal design, it thought every detail and animation effect. Its just as easy to customize to fit your needs, replace images and texts. BRIZZZ - Flat One Page HTML Template Features
20 Design Rules You Should Never Break Just like with any profession or discipline, design comes with some rules. While breaking design rules is allowed and even (in some circumstances) encouraged, it’s important to at least be aware of the rules you are breaking so you can break them the right way. From typography to layout, right through to colour and special effects, this list runs through a few basic rules, tips, tricks and guides to some common errors and how to banish them from your design. 01. Don’t Forget To Kern
Getting Creative With the Google Maps API You’ve designed a shiny new website; carefully selecting the colors, typography and photographs to perfectly reflect the company's branding. Then your client asks you to add a map. Sure, you could use a map building ‘wizard’, such as the one that comes with every google account. But, let’s face it, their functionality is limited and they look pretty generic! The Google maps API, on the other hand, gives you the freedom to create completely customized maps, which can do all sorts of cool things. The iOS Design Cheat Sheet Volume 2 - Ivo Mynttinen / User Interface Designer Displays, dimensions and icons. This article is outdated. View new version Infographic: Flat design vs. skeuomorphism It’s easy to get wrapped up in a trend and choose the option you think is most popular. But do you really know the drawbacks as well as the benefits of flat design? How about skeuomorphism? We’ve put together this fun infographic to help you work out the best option for your project. Embed:
The (Sometimes Hidden) Meaning of Shapes The shapes of objects in your design may be sending a message to users that you aren’t even aware of. Whether you put an image inside a square or circle or triangle can have an impact on what people think about that image. Sometimes a shape is more than just a group of connected lines. The use of shapes can be obvious or subtle and appear within images or as elements in a design. Here, we will look at common shapes used in design projects and the signals they may convey. 50 fantastic tools for responsive web design As introduced/coined by Ethan Marcotte in both his article "Responsive Web Design" as well as his best-selling book, one needs three elements to make a site responsive: A flexible/fluid grid Responsive images Media queries There are plenty of other great articles that cover motives, concepts, and techniques regarding responsive web design, so we'll keep the focus of this article on some top tools that will help you become responsibly responsive. Tools for starting out Before you start with building your site, it's best to sketch out how the elements on the page will adapt to fit the different browser sizes of the various devices that they will be viewed upon, and to avoid the disconnect that often comes from thinking primarily about the desktop design and the rest of the responsive iterations as an afterthought (see especially Stephanie (Sullivan) Rewis' comment).
20 Useful iPhone Apps for Developers & Designers One of the greatest reason why iPhone, apart from its amazing features and aesthetic design became so popular is because of the vast number of applications iTunes store has to offer. Even for web workers like designers and developers who rely heavily on computers and laptops, there are tonnes of interesting applications that may come in handy in your iPhone. If you have some time to kill and feeling a little adventurous, how about checking out these interesting iPhone apps for designers and developers we’ve compiled? 35 Nice Examples of Flat Web Design What is Flat Design? As Sabina Idler at Usabilla puts it, “flat design is a two dimensional design for a two dimensional screen.” Flat Design is an ongoing trend sweeping the design community.