background preloader

Top 10 Fonts Web Designers Love

Top 10 Fonts Web Designers Love
When I was starting out with Web and graphic design, I was always wondering about the fonts that real designers use. So I conducted a research to find out the most popular fonts designers like to use, their best practices, and also out of personal curiosity, their typographical needs. It would be nice to know which font is good for which situation and today I am sharing with you the results of my research. Through a combination of data collected from Polldaddy, Forrst, Facebook and Twitter, I got feedback from 34 designers from 14 countries answering questions about their favorite fonts and explaining to me why they love them. Below that, check out the Top 10 list of free and premium fonts, and some of the interesting reasons why designers have their favorite fonts. Click on image to see in full scale. Top 10 Favorite Free Fonts Here is the list of Top 10 free fonts mentioned by Web and graphic designers in the survey. Top 10 Premium Fonts What designers are saying Jonny Pigg, United Kingdom Related:  Design & FashionWeb design

Cheatsheets Wallpapers for Web Designers and Developers Do you work with a cheatsheet? We have an affinity for shortcuts, and on a cheatsheet we can find loads of shortcuts that will help us complete our work faster. Rather than have a cheatsheet as a side document that needs to be opened everytime we sit down to work, wouldn’t you prefer having access to your favourite shortcuts by just returning to your desktop? That is the purpose of this article. Here is a list of cheatsheet wallpapers you can plaster on your desktop for a quick-stop shortcut reference. A second benefit: wallpapers need no longer remain as part of the decor. WordPress Cheatsheet Wallpaper Photoshop Cheatsheet Wallpaper Drupal Cheatsheet Wallpaper Adobe Lightroom Cheatsheet Wallpaper jQuery 1.3 Cheatsheet Wallpaper HTML5 Cheatsheet Wallpaper PHP Cheatsheet Wallpaper Color Theory Cheatsheet Wallpaper jQuery performance tips Cheatsheet Wallpaper A Themer’s Cheatsheet Wallpaper TextMate Cheatsheet Wallpaper Yahoo UI Cheatsheet Wallpapers Linux Commands Cheatsheet Wallpaper

Intacto 2013 FLAT DESIGN vs REALISM ColorWheel: Convert Color Codes From HEX To RGB & Vice Versa If you are a graphics or web designer, then you will often come across situations where you need to convert color codes from HEX to RGB and vice versa. You will need an app that lets you do this while you remain in your browser window. Here to help you do exactly that is a tool called ColorWheel. ColorWheel is a free to use browser extension for Google Chrome. Features: A user-friendly browser extension.Compatible with Google Chrome.Lets you convert color codes between HEX and RGB.Lets you preview colors being converted. Check out ColorWheel @ The full-stack employee What is a full stack employee? Just as there are full-stack engineers and full-stack startups, the full-stack employee has a powerful combination of skills that make them incredibly valuable. They are adept at navigating the rapidly evolving and shifting technological landscape. They make intuitive decisions amidst information-abundance, where sparse facts mingle loosely with data-drenched opinions. Full stack employees are capable of speaking design lingo, know that using Comic Sans is criminal, and are adept at making mocks in Keynote, Sketch, or Skitch (if it comes to that). They can cross the aisle to talk to engineering and can make sense of algorithms, programming, and instinctively understand that scaling the backend isn’t the same as scaling the frontend. They’re on the latest social apps, and know how to self-promote. Full stack employees have an insatiable appetite for new ideas, best practices, and ways to be more productive and happy.

Using video in the Design School machine workshop Kevin Badni is a Senior Lecturer in the Loughborough Design School. Here he describes his experience of producing tutorial videos, funded by a Teaching Innovation Award, in order to show students how to use metal machining equipment. His findings will be of interest to any colleagues whose students need to learn (and remember) how to use specialist equipment with limited technician support. In the Loughborough Design School all first year students (approximately 130) take a core module of Prototyping for Designers within the Machine workshop. They are required to make a PCB holder using equipment in the metal machine shop e.g. In their second year undergraduate students take a core Design & Manufacturing Technologies module where they are required to make a fully working injection moulding tool. As a result of the large numbers of students, the technicians in the workshops were finding it increasingly difficult to give 1 to 1 tuition.

Best Practices For Call To Action Buttons - Lockedown Design Call to action buttons are exactly what they sound like — buttons on forms that entice your customers to take action. CTAs are usually succinct messages like Subscribe on an email newsletter sign-up, or Buy Now on an online shopping cart. Here are some very simple best practices for these calls-to-action that allow you get better conversions. Action Buttons Should Be A Distinct Color Every website has a color palette. But your call-to-action buttons should be a different color than anything else on your site. The color that you pick for your CTAs should also fit within the color scheme for your website, no doubt about that. Many designers will obsess over what color to make their CTA buttons. The most important thing is to make the call-to-action a contrasting color from the rest of the color palette. Concise, Descriptive Text There’s a few things I’ve heard recently that have made me shift how I think about button text. The examples from above now become Show Me My Free Report. Summary

36 Clever and Quirky Packaging Designs It was 1035 when a Persian traveler walked into a market in Cairo and noted that vegetables, spices and hardware were wrapped in paper for the customers. This is the earliest record of packaging. Since then, packaging has evolved into a great industry that serves so many purposes for modern society, making package design one of the most essential elements to sell products. First impressions make all the difference, especially in a fast-paced age when everyone is just too busy to take a step back to wait and see. With that said, you might be able to pick up a lot of interesting visual elements to use in your designs as well. Antismoke PackAn impressive packaging design that shows the smokers what the cigarettes can offer them – faster path to death. Anti-Theft Lunch Bags“Anti-Theft Lunch Bags are zipper bags that have green splotches printed on both sides, making your freshly prepared lunch look spoiled. Butter SpoonEver wanted to have some butter yet you have to find a spoon somewhere?

Slide and Push Menus Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body. View demo Download source A set of fixed menus that will slide out from any of the edges of the page. There are examples of how to trigger the opening and closing of the menus and some example media queries. The HTML The CSS Note: Classie is being used here – class helper functions by @desandro. 5 Helpful & Handy Apps For The Stylish & Fashion-Minded [Android] Android continues to grab more space in the portable device market, from smartphones to tablets and even beyond. Like iOS, Android has been making the lives of its users easier by means of apps. The Android Market has numerous apps in the usual categories – games, productivity, music – but there are also plenty of apps in lesser known categories, like fashion. Are you into stylish clothing? Coupon Closet Updating your wardrobe is a long-term process. Thanks to Coupon Closet’s Fashion Deals app, you’ll always be kept up to date with the latest sales and offers from a variety of clothing brands. With this awesome app, you’ll be able to shop for your favorite clothes without having to spend so much money. TrendTracker According to Johanna Blakly, the fashion world exists as an arena of creativity that lacks intellectual property protection – and that means that clothing designs can be copied and replicated. How do the big fashion giants respond to this? Street Fashion Gallery Fashion Ladies

Bootswatch: Free themes for Bootstrap Your front row seat to Mercedes Benz Fashion Week in NYC Mercedes-Benz Fashion Week kicks off today, and you can be front row at the Lincoln Center. YouTube Live From the Runway, presented by Maybelline NY, is your ticket to the hottest shows including Diane Von Furstenberg, Michael Kors, and Vera Wang. Fashionistas from around the world can watch around 30 of today’s hottest designers live streamed from NYC. You can also find fashion and beauty tutorials, behind-the-scenes action, interviews with designers, models, celebrities and more, all at Tune in today through February 16 for the live stream. Jamie Reichstein, lifestyle program manager, recently watched “Sporty Look for Spring 2012: Trend Report.”

This is a great article about web friendly fonts. by hassankariem Nov 15