Cool set of free tourist icons.
Recent Updates Toggle Comment Threads | Keyboard Shortcuts
An older article about Why the Flat Design Trend is Hurting Usability, got me thinking about this subject again.
I agree with some of what the article is saying, though I feel saying flat design is hurting usability is a bold statement. I would say instead that designers use of flat design can sometimes be taken too far. When this happens the whole reason to use “flat” as a design technique can backfire and will created the opposite visual advantages, making the design harder for someone to use.
I’ve written about this before, but I believe the answer lies somewhere in the middle of skeuomorphism and flat.
Google does a great job of this I believe. They have flat looking designs but when needed aren’t afraid to use a drop shadows, gradients and strokes for depth and separation of objects.
I personally feel this technique isn’t skeuomorphic nor is it 100% flat. I’ve ran into more instances where a slight separation is needed to make something stand out of a design or separate it from another element.
As a designer it’s my job to make solve a problem for a user. If the solution is a slight gradient on a button to make it look like something that is active and requires action, then there is NO harm in doing so and if done well, doesn’t date the design or make it look non-modern.
Excellent article about Low Fi prototyping.
I can personally say that my 3 year old son is amazingly proficient at using a tablet. It’s fascinating.
There are many benefits of Sass for WordPress developers. You’ve probably heard many arguments for using a pre-processor by now. CSS pre-processors provide the opportunity for better code organization by using partials and nesting styles. Pre-processors help developers style faster by writing mixins and functions. Pre-processors also allow us to write more maintainable, scalable code with logic and variables.
read all about it @ Sass for WordPress Developers.
WordPress introduced the Shortcode API in its version 2.5. This API allows developers to add some more or less complex features in their plugins or themes without the user having to insert any HTML code.
The advantage of the Shortcode API is that developers do not need to use regular expressions to detect if the user included their shortcodes into their posts: WordPress automatically detects the registered shortcodes.
In this tutorial, we will learn how to use the Shortcode API. We will create our own shortcodes, see how to use classic and unnamed attributes and also how to handle content.
Get ready to …. Unleash the Power of the WordPress Shortcode API.
One way to achieve visual consistency in web design is to use a vertical rhythm. For a website, this would mean that no matter what font-size any text element is, its line-height is always an even multiple of a consistent unit of rhythm. When this is done precisely, you could put a striped background behind your page and each text block (paragraphs, headings, blockquotes, etc) would line up along the lines in that grid.
As you could imagine, setting this up by hand would require a lot of math and typing. If you want to change the proportions of that grid responsively, you’ll redo that work for every breakpoint. Sass, as you might expect, provides a great toolbox to automate all that work and generate a custom type scale with consistent vertical rhythm more easily.
I’ll start off by admitting that there are already some good Sass plugins that help build a custom type scale with consistent vertical rhythm. If you’re just looking to grab a pre-built chunk of code, try Typesetting, Typomatic, or Typecsset.
This one is really good. Took a little time to read through – as i’m not a super trained high-skill “artist” who wears a beret.
This is pretty spot on. UI Designers are cooler. #justsayin
With the web being used on so many different devices now it’s very important that you can change your design to fit on different screen sizes. The best way of changing your display depending on screen size is to use media queries to find out the size viewport of the screen and allowing you to change the design depending on what screen size is on.
This is pretty awesome. Being able to format text blocks into shapes (much like you can in InDesign for print) could vastly change how we layout content heavy pages.
I guess the question now is when will all the browsers catch up with this newish CSS style? Also does this make sense for mobile? hmmm.
Improving readability for these users creates better design for everybody.
Consider sites such as Medium, which remove visual noise (sidebars, navigation) and use larger type sizes, contrasting type styles, and more white space—especially line height—all of which help dyslexics and the general reading population alike.
At least 10% of people have dyslexia, dysgraphia affects an estimated 5% to 20% of the population and approximately 11 percent of kids ages 4 to 17 have ADHD along with 4 percent of adults.
If you read your email regularly using an Internet-enabled phone, you probably know that it’s an experience that can swing from awesome to awful. While an email newsletter can look superb in the inbox, when squeezed onto a small screen, it can become absolutely unusable, with small fonts, narrow columns and broken layouts being common issues.
In this guide, we’ll look at why designing for mobile has become a necessary skill for email designers, cover the fundamentals of designing and building a mobile-friendly email and back it all up with some neat tips and techniques. We’ll assume you know a little about coding HTML for email, but if not, we’ve also got a couple of great guides to get you started.