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 […]

Using SVGs can reduce the number of HTTP requests for image replacement. it’s also easy to make an SVG scalable to its container for responsive development. In this article Sarah Drasner will cover a few ways of using SVG sprites to describe motion on the web. She’ll show some techniques for using SVG sprites in

You have likely experienced the 300-millisecond delay in mobile browsers or wrestled with touchmove versus scrolling. Certain events that used to be very clear are now filled with ambiguity. The click event used to mean one thing and one thing only, but touchscreens have complicated it by needing to discern whether the action is a double-click, scroll,

Bugs erode trust, which in turn loses customers. So when Ben Gremillion began updating Foundation, a responsive CSS framework, he wanted to ensure everything worked. In this article Ben will teach you his methodology for testing responsively, not just on a case by case, page-from-PSD comp. He developed a certain system to make sure that

What if we had an opportunity to write visual tests for responsive websites? What if we could describe the look and feel of an application and put this directly into our tests? Ivan Shubin decided to look at another interesting side of visual testing. For the last seven years, his main focus has been testing

Although it’s definitely still a work in progress, Sketch continues to be Ashley Bennent’s go-to web design program. Its tools and interface prioritize design for the web. Things like the premade artboard templates, symbols and simple exporting functionality have drastically sped up my workflow and made the design process a little easier. Sketch has also

Perhaps the only thing worse than a fire that could happen to the office of a web development company would be losing connectivity to the web. This is why Google Mail inserts a warning whenever you go offline. As noted in Marco Zehe’s 2008 blog post, Google was an early adopter of ARIA live regions. In

With CSS’ clip-path property you will begin to think outside the box, literally, and hexagons, stars and octagons will begin to take form on your web pages. Once you get your hands dirty with clip-path, there’s no end to the shapes you can generate, simply by tweaking a few values. In this article, Karen Menezes

There is a gap between pure CSS layout and custom design elements created in software such as Photoshop or Illustrator. Sophisticated SVG filters give us more independence from third-party design tools and bridge this gap by enabling us to create visual styles directly in the browser.Wouldn’t it be great if we could style letters the

Our priority as designers must be to solve problems; his is what we do. Responsive web design is a fantastic solution to the problem of creating virtual experiences that adapt to different devices. There are other problems out there that we’re called on to solve, though, not least of which is to make content of