The quality of available free fonts has increased dramatically. Fee fonts don’t have a good reputation, and often they are knock-offs of thoroughly crafted, already established typefaces. So is it time for professional designers to take a second look? Thanks to the open-source community, there are now free fonts available that even typography snobs would be happy to use. The following fonts all have multiple weights with matching italics. They are suitable for headlines as well as body copy, and they render well on screen and at small sizes.
Read more…
A powerful report combines data gathered from a variety of sources, such as interviews with users, and analysis of the website’s analytics. The goal is to put the key insights from your research of a website into a single document. For this article, Kyle Larson created a fictional Widgets website, which you’ll work on to build a data report.
Read more…
This article is the last in a series of articles covering four ways to develop a mobile application. In previous articles, we covered how to build a tip calculator in native iOS, native Android and PhoneGap. In this article, we’ll look at another cross-platform development tool, Appcelerator Titanium.
Read more…
WordPress powers websites for some of the world’s largest companies and is even being promoted as a platform to power the next generation of Web apps. In this article, David Smith will share with you how his team has used the PHP dependency-management tool Composer to streamline their development processes and to maintain their WordPress project dependencies across the development team consistently and reliably.
Read more…
During brainstorming sessions, UX professionals would generate concepts as paper or whiteboard sketches. But this artifacts limit participants from visualizing interactivity and the system’s flow. In this article Svetlin Denkov will look at clickthrough prototyping on the iPhone with the Prototyping on Paper (or POP) app. His goal is to introduce the tool, share his prototyping experience and discuss competitors.
Read more…
Responsive SVG icons can be used in a lot of ways. In this article, Ilya Pukhalski digs deeper into Joe Harrison’s responsive icons technique and explores what can be done with SVGs.
Read more…
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…
