“Can I use” provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Updates from greg Toggle Comment Threads | Keyboard Shortcuts
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.
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.
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.
Reveal Animations When You Scroll. Very Animate.css Friend
Easily customize animation settings: style, delay, length, offset, iterations…
- Clarity is job #1
- Interfaces exist to enable interaction
- Conserve attention at all costs
- Keep users in control
- Direct manipulation is best
- One primary action per screen
- Keep secondary actions secondary
- Provide a natural next step
- Appearance follows behavior
- Consistency matters
- Strong visual hierarchies work best
- Smart organization reduces cognitive load
- Highlight, don’t determine, with color
- Progressive disclosure
- Help people inline
- A crucial moment: the zero state
- Great design is invisible
- Build on other design disciplines
- Interfaces exist to be used
“To design is much more than simply to assemble, to order, or even to edit; it is to add value and meaning, to illuminate, to simplify, to clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to amuse.” – Paul Rand
read the deets @ Principles of User Interface Design.
It’s never a great idea to blindly follow trends, but it’s good to know what they are. It’s kind of similar to the old maxim that ‘you have to know the rules to break the rules’.
But in fractured and disjointed world, working out what the latest visual design trends actually are can be difficult. A trend might be big in Europe but absent in North America; yet with more demand for designs that appeal across international boundaries, how do you get a handle on what will work?
Well one way is to analyse the raw data. Image library Shutterstock is in a good position to do just that – and so for its third annual global design trends infographic it extracted details of over 350 million downloads and found some revealing patterns.