February 25, 2015 — With Mat Marquis of the Responsive Images Community Group, Tim Evko decided to refactor a plugin that he had built several months ago, hoping that it would lead to a more useable and performant solution. After months of pull requests, conversations on Slack and help from WordPress’ core team, they’re finally ready to share what they’ve been working on! You can download and install RICG Responsive Images from WordPress’ plugin directory. Read more…

February 23, 2015 — It’s very easy to get bogged down by accessible output and to forget that, ultimately, accessibility is about people. Whether you are working in product, UX, development or quality assurance, remember to always give users control, over the page integrate accessibility into annotated UX and style guides and design with choice in mind. In this article, Henny Swan will explain these, and more key principles which will ensure that products are inclusive and usable for disabled people. Listening to users and actively including their feedback, along with adhering to organizational standards and guidelines, are essential. Read more…

February 20, 2015 — As with everything, it’s all about communication. Many clients expect a visual design up front, because that’s what they’re used to getting. They don’t know any better. Your job is to explain to them why this is impossible. Enlighten them about the millions of different interaction methods and feature sets out there, and help them understand that you cannot capture all of that in a static design. But before we start flipping things around, let’s take a quick stroll down memory lane, just so we know where we’ve come from and where we are now. Read more…

February 19, 2015 — Proto.io is powerful solution for prototyping native and web apps for use on a variety of devices. The learning curve is a bit steeper than with Axure, but it can be mastered with a little time and practice. Proto.io’s real strength is its built-in support for many device types and native app libraries, and its support for gestures and transitions. The first thing to know is that unlike most prototyping tools, Proto.io is a web application, so you’ll need an internet connection to do your work. Assuming you’ll have access when you need it, Proto.io offers a lot for mobile designers to love, built right into the app. Read more…

February 18, 2015 — Static analyzers look at code and find problems before you run it. They do simple checks, like enforcing syntax, and more holistic checks, like making sure your functions aren’t too complex. Static analyzers also find errors that you can’t find with testing, like instances of == when you meant ===. In large projects and on big teams, you’ll be happy to have a little help finding those “simple” bugs that turn out to be a lot less simple than they looked. Read more…

February 17, 2015 — Edge Reflow is one in an avalanche of tools that have come out that make it possible to visually design a responsive website. What you do with that design is up to you (and the capabilities of the tool). Edge Reflow was created to address how responsive design has changed our web workflows. In this article, Brian Wood gives you a quick-ish tour of the features in Edge Reflow CC. Read more…

February 16, 2015 — ESI works in a similar way to other methods of including fragments in your pages, such as Server Side Includes (SSI) or PHP include statements, but it has been designed for reverse proxies like Varnish that sit in front of a web server and cache content. In this article Rachel Andrew will explain how you can benefit from using Varnish even when there are parts of your pages that can’t be cached for long periods, using Edge Side Includes. Read more…

February 13, 2015 — The Chinese web is in some ways a different place than the web you’re used to — particularly in two or three crucial respects — and user expectations are not quite the same as they are in the West. In this article, Kendra Schaefer will examine the things all web professionals should know before swan-diving into the Chinese market, including how mobile-only social platforms have become the revolutionary new frontier of Chinese web design, and who’s designing beautiful websites in China today. Read more…

February 12, 2015 — We view our design approaches as intuitive and emotional, so we have a hard time developing documented, human-focused design processes. Designers can create in-depth, documented case studies of their work. The best ones clarify the complex choices designers have to make and explain their thinking behind UX and visual decisions. In this article, Senongo Akpem analyzes some key features of case studies and provides tips on how to use them to humanize your process of design. Read more…

February 11, 2015 — JavaScript is “real” programming. This means you not only have to learn a whole new and complex syntax but also have to “learn how to think.” The barriers to entry are high and prevent many designers from taking the plunge. uilang tries to fix that. In this article Benjamin De Cock will introduce you to uilang’s philosophy and syntax. You’ll start with a simple example to get you comfortable with the basics, before moving to something more exciting. At the end of this tutorial, you’ll be able to code many typical interface widgets, such as popovers, tabs, overlays and much, much more. Read more…