Peter Benoit

16 Flips | 3 Magazines | 4 Likes | 4 Following | @peterbenoit | Keep up with Peter Benoit on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Peter Benoit”

4 Animated GIFs That Reveal The Secret To Great UX Testing

All designers should use these techniques to test their designs.<p>Great designs don’t just fall out of a designer’s brain. More often than not, they’re the result of rigorous testing, using a nebulous mix of scientific and not-so-scientific techniques. But if you’re not sure what the difference …

UX Design

Accessibility APIs: A Key To Web Accessibility

Reading The Screen<p>To understand the role of an accessibility API in making Web applications accessible, it helps to know a bit about how assistive …

Accessibility support for CSS generated content

The CSS before/after pseudo-selectors can be used to insert content into a page. In some situations this technique is a useful thing to do, but how …

CSS

5 hot Raspberry Pi projects for Mac geeks

The credit-card-size Raspberry Pi has taken the tech world by storm. Thousands of geeky kids and adults use the tiny, low-cost computer boards to learn about coding and create fun projects like motion detectors, birdhouses that tweet when birds are present, and mini weather stations.<p>You, too, can …

44 Responsive Web Design Resources: The Ultimate List

GIFs<p>Froont created my favorite article of 2014. Check out their “9 basic principles of responsive web design” in GIF form!<p>Don’t like reading long …

Web Design

Efficiently Simplifying Navigation, Part 3: Interaction Design

Having addressed the information architecture1 and the various systems2 of navigation in the first two articles of this series, the last step is to …

Authoring Critical Above-the-Fold CSS | CSS-Tricks

By Ben Edwards On July 14, 2014 critical css, fold<p><i>The following is a guest post by Ben Edwards. I saw Ben tweet about a simple Sass @mixin that</i> …

Ring in 2018 Smokefree

<b>Let this New Year be your time to quit smoking.</b><p>Starting a new year with new goals can be exciting. Quitting smoking is a resolution that many smokers …

Open-Source Projects

Responsive images & media<p>Grunticon<p>A grunt-based tool to make it easy to use SVG graphics with fallbacks for older …

All Favicons for All Devices and Sizes

A site doesn't seem complete without having a favicon. For some reason, I will usually immediately notice when a site doesn't have one. It leaves me …

Mobile Devices

Responsive Web Design Basics | Web Fundamentals

<b>By</b> Pete LePage<p>Pete is a Developer Advocate<p>The use of mobile devices to surf the web is growing at an astronomical pace, but unfortunately much of the …

Box-Sizing: The Secret to Simple CSS Layouts

Box-sizing is a CSS property that makes CSS layouts work intuitively. If you’ve been working with CSS for any period of time, you know that using …

CSS

Frizz-Free JavaScript With ConditionerJS

The Origin Of ConditionerJS<p>You know, obviously, that the way we access the Web has changed a lot in the last couple of years. We no longer rely …

CSS3 Animation Cheat Sheet

How it works<p>The CSS3 Animation Cheat Sheet is a set of preset, plug-and-play animations for your web projects. All you need to do is add the …

5 Great Front-End Developer Tools You Must Try

<i>Arnaud Breton is a full-stack developer at mention with a specific focus on the front-end side and user experience. This post originally appeared on the mention blog.</i><p>Over the last few years, we’ve seen tremendous growth in an entirely new generation of Web applications. These apps have become much …