So far, most of the responsive design thinking has revolved around covering the range of experiences from mobile to desktop. Yet little attention has been paid to the opportunities for expanding that range beyond the standard desktop screen, to create an experience optimized for modern large-scale displays. In this article, Christian Holst will explore how e-commerce […]
Employing the functionality under the constraints of a large CMS like WordPress, can be very difficult to do, since the growing adoption of responsive images cannot be ignored. Thankfully, with the launch of WordPress 4.4, theme developers and maintainers will find it much easier to introduce responsive image functionality into their themes. In this article,
In this article, Nadav Soferman introduces a new free open source web tool that will allow you to generate breakpoints for your images interactively: the Responsive Breakpoints Generator. Nadav hopes this tool will help you address some of the challenges related to responsive images. This complexity is the driving force for new solutions that keep
In this article, Tom Green will describe the methods he uses to get from content to responsive wireframe — and how you can, too. There is no big reveal or other excitement with the creation of content reference wireframes. You can practice content wireframing by deconstructing popular websites into their basic building blocks. Start with rough containers of
In this article, Ben Callahan will help you be more successful with your web projects by starting at the beginning; by working from day one to help set your client’s expectations about what’s going to happen, and by working throughout a project’s life cycle to do the same. By the end of this article, you’ll find yourself more
Finding little techniques and tricks to help you get to results faster can immensely improve your productivity, so you don’t have to waste time on solutions that will never see the light of day. Vitaly Friedman loves finding those little useful front-end goodies that make our lives easier. Since technologies emerge and evolve permanently, keeping track on
The very best logos are simple and flexible, with varying formats and layout options so that when a site is optimized for a device, the brand is also optimized to the space allocated for it. In this article, Jon Tarr will see why simple, flexible and versatile logo design has become so important. Industry-leading, born-in-the-cloud
CSS pseudo-classes and pseudo-elements can certainly be a handful. They provide so many possibilities that one can easily feel overwhelmed, but that’s the life of a web designer and developer! In this guide, Ricardo Zea will teach you all the things you need to keep in mind so that your pseudo-classes and pseudo-elements are well
When we design responsive websites, we tend to see responsive design merely as a collection of slightly differently sized rectangles, with a slightly different layout, sometimes with slightly different content poured into them. In this article, Vitaly Friedman features some of the slightly more obscure design patterns, such as responsive car-builder interfaces, mega dropdown navigation,
With a few additions, WordPress websites can accommodate a responsive image use case known as art direction. Art direction gives us the ability to design with images whose crop or composition changes at certain breakpoints. In this article, Laurie Laforest will show you how to set up a WordPress theme to support art direction in a
