Web Components are a suite of connected technologies aimed at making elements reusable across the Web. The lion’s share of the conversation has been around Shadow DOM, but probably the most transformative technology of the suite is Custom Elements, a method of defining your own elements, with their own behavior and properties.
Read more…
What practical steps can you take to make your brand more approachable for mobile users? While general statistics are useful for demonstrating the value of designing with mobile in mind, they don’t provide the guidance necessary to understand precisely how users will interact with a particular brand on their phone. Google Analytics offers a number of free features for incredibly detailed analysis of mobile activity, with the ability to easily compare to desktop activity.
Read more…
As designers, we usually turn to desktop wallpapers that are a little more distinctive than the usual crowd. This post features free desktop wallpapers created by artists across the globe for March 2014. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper! We are very thankful to all designers who have contributed and are still diligently contributing each month.
Read more…
iframe is one of the few HTML elements that don’t play nice with responsive layouts. You may need to use it when embedding content from external sources such as YouTube, so in this article, Rachel McCollin will show you how to make embedded content responsive using CSS. For those occasions when non-coders will be embedding video on your website and you don’t want to rely on them adding extra markup, she’ll also look at a solution that uses JavaScript instead of CSS.
Read more…
While responsive design is an extremely elegant way to handle coding for multiple device types when executed with HTML and CSS, the prototyping tools available to UX professionals have not delivered testable or demonstrable experiences of the same quality. That changed with the new Axure RP 7. With this feature, a UX designer can create a multi-device prototype in a few hours. As we all get further along in designing for our multi-device world, Axure RP’s adaptive views are a great tool to have in your arsenal.
Read more…
An off-canvas menu is a great way to maintain context while giving the user a lot of additional information. In this article, Kyle Peatt will talk about why off-canvas has become so successful as a navigation pattern. Countless methods and patterns are waiting to be discovered by intrepid designers. The potential of this pattern is bound only by our drive to pioneer. It’s time that we explore just how far off canvas we can go!
Read more…
There are plenty of beginner tutorials, round-up posts, and code snippets, but few good places to go for more advanced, in-depth content about WordPress. In this section, we’re aiming for quality articles on intermediate-level topics, with an emphasis on developing smarter and faster sites, with the world’s most popular publishing platform. If you’re new to WordPress, we’ve got a series of tutorials lined up that will get you up to speed on techniques we’ll be exploring in future articles.
Read more…
In this article, Alex Moss interviews Mike Little and Matt Mullenweg, the co-founders of WordPress. Their contributions to WordPress have enabled people like Alex to make a living from this community-based open-source platform. Thanks Matt and Mike for taking the time to conduct these interviews!
Read more…
An easy way of configuring settings once and reusing them is by using some kind of tools such as INIT, which can perfectly coexist with and even be used through a generator. Keep in mind that it is intended for Web apps, so the lack of a build workflow might trouble you if you try to build a whole Web page architecture with it. Have you thought about a good workflow and about which tools provide the most convenience?
Read more…
After Marcotte defined the technique, responsive design frameworks began to emerge that incorporated these principles. Many of these frameworks are open-source, free to download and quickly customizable, and in this article, Jen Kramer will focus on the most popular ones: Bootstrap and Foundation. A responsive design framework might be a helpful tool in your arsenal, for quick prototyping, testing or even production code — one that expands your range of products and makes clients happy.
Read more…
