CSS Total Recall #1: The Ultimate Collection of the Best Free Templates 2013 in PSD and HTML/CSS The past leaves its own mark, so it is very useful to look back early in the year, and put up a best-of-collection of remarkable things and resources. May be you have missed something valuable that might come in handy in the near future, probably something that will make your working process more efficient, time-saving and cost-effective. Read more
Don’t Put Hints Inside Text Boxes in Web Forms By Caroline Jarrett Published: March 21, 2010 This is my first Good Questions column for UXmatters. In this column, I’ll be writing about questions. When communicating with users in one direction, we typically ask them questions—often through forms or surveys. “Hint text is rarely effective as a way of helping users, but instead becomes a default input.” In January 2010, Janet Six’s column, Ask Matters, “Label Alignment in Long Forms,” included extensive discussion of one of the most frequently asked questions about forms design: where to put labels in relation to their fields. Don’t worry. The short version of my advice: Don’t do it! Read on, and I’ll explain. An Example of a Hint Inside a Text Box I live in the UK and travel by train approximately twice a month, so I often use the UK National Rail Plan your journey form. Figure 1—Part of the Plan your journey form on UK National Rail Of course, my irritation alone doesn’t make a case for a usability policy. you’ll find this checkpoint:
FORM :: About :: Blog :: How to print from an iPad Anomalies & Curiosities How to print from an iPad We're working on integrating this technology into our latest apps. Comments Click here to leave a comment Klauskerl(at)gm... This is way cool. Archive Latest Tweets 44 years ago The Dirt Left What's The Dirt? If FORM were a person, this would be a little peek into its brain. Find out more about our studio Last Track Played Find FORM on Last.fm Desktop Friday "Mortality" Josh Feb 04, 2011 View More Desktop Fridays Someone Said This is too helpful. Read more Someone Said Blog
How To Design a Website in One Hour For most professional designers, time equals money. Creating the same quality work in less time means you can earn more money -- so there is a significant incentive to work efficiently. In this tutorial I'm going to explain how it's possible to design an entire website in under an hour, and I'll show examples of the site along the entire process and at completion. You probably don't want to do this for any really important projects you're working on, but hopefully this exercise will give you a few tips to make your design process more efficient while still maintaining really high quality work. General Principles There are several principles that make it possible to create a website concept in one hour. Separate planning from designingUse pre-made resources for certain design elements (like icons)Collect all resources and plans BEFORE beginning the design By following all of these we will create an environment that is free of distractions, interruptions, and even thinking. 1:00—Complete
960 Gridder - Lay out websites with ease. 10 Great Tips for Writing Better And More Comprehensive CSS There are many different coding styles, some do not like indentation, some like to capitalize certain things, others like to add more than one element on a line, the main train of thought is they are all after one common thing: organization and better code. Without influencing my coding style, we’ll discuss ten tips for writing better CSS. Let us know what you think in the comment section! See you there ;) Comments Commenting throughout your style sheet significantly helps you locate certain code blocks of CSS quickly and efficiently. Indentation Indentation is another key to keeping your code neatly organized and easy to flip through. Shorthand Code I have seen many style sheets consist of non-shorthand code. One Line per Rule One of the most irritating things to see is multiple rules written out on a single line as if the person who coded it was running out of lines and crammed everything onto several. Hacks Should Stay Out Meaningful Names for Classes and IDs Alphabetical Order
BonBon Buttons - Sweet CSS3 buttons There was a goal: Create CSS buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. And voila.. here they are, the BonBon Buttons. Named after the French word for "Candy". So, let's take a tour trough the candy store. No, wait! Markup I get a real kick out of trying to keep the markup minimal, so I'm really happy with the outcome. You can change the look by adding more classes: <a href="" class="button orange glossy">Label</a> Label Icons Accessibility Addingrole="button" makes it more accessible. Looks I tried to avoid any images but couldn't resist adding a PNG for the noise. A border-radius doesn't always need to be rounded. For the colors HSL values are used. I tried to simulate different materials. The glossy shape is created using an :after element with a gradient background on top. Flexibility Here all the optional class names if you wanna play around with -webkits Inspector or Firebug: Queen Rain There is one thing I'm kinda sad about. Note