justinavery

33 Flips | 3 Magazines | 28 Likes | 3 Following | 10 Followers | @justinavery | Keep up with justinavery 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 “justinavery”

Improving Performance at The Atlantic – Building The Atlantic

Lazy Loading<p>As with the CityLab redesign, we switched over to using a JavaScript dependency manager. While Webpack is the most popular, we decided to use JSPM and SystemJS. This allows us to write modern JavaScript, transpile it with Babel and use SystemJS client-side to load our modules on-demand. …

Web Development

Reading Waterfall Charts to Focus on Page Speed

There’s no question that making your website’s pages load fast is important. Research shows that people start to lose focus on something after a …

Web Development

12 Stunning Handwriting Fonts To Spice Up Your Projects FOTW#5

<i>Who doesn’t love a good, ol’ handwriting font? The meticulous designers create handwriting fonts that surpasse our expectations all the time. Gyula</i> …

Typography

Amazon Tests Out Two Tools to Help Keep Its Cloud Secure

Amazon Web Services is the world's biggest cloud provider. As a result, its security directly influences that of countless websites and online …

Cloud Computing

layerJS

Getting started<p>To use layerJS you just need to define the stages and put all content in frames. The following list gives you minimal examples for …

Pattern Library First: An Approach For Managing CSS

Pattern Library First: An Approach For Managing CSSPattern Library First: An Approach For Managing CSSRachel Andrew 2018-07-09T14:00:35+02:00 …

Web Development

What is a Design System, Why It is Important and What to Include

You're reading What is a Design System, Why It is Important and What to Include, originally posted on Designmodo. If you've enjoyed this post, be …

UI Design

10 Common Git Problems and How to Fix Them

I originally wrote this article for Codementor in October 2014. It should have something for everyone, from fairly new git users to experienced …

The Designer Who Changed Airbnb's Entire Strategy

At the end of 2011, Airbnb was entering hyper-growth with 13 international offices and over a million nights booked in 182 countries. But instead of popping champagne, Airbnb’s leadership enlisted Rebecca Sinclair, Head of User Experience Research and Design, to lead a nights-and-weekends …

Product Management

Timo Kuilder blurs boundaries of gaming and art with maze app

Since the birth of the smartphone first ushered in a whole wave of games designed for mobile, gaming apps have typically been associated with garish …

Smartphones aren't tiny PCs, but that's how we use them in the West

In China, they get it, QR codes are like money and mobile payments are everywhereOn a recent trip to Shanghai, I saw a person in front of me in a …

Boxy SVG

Have you ever worked with HTML from Microsoft Word’s ‘<i>Save as a Webpage</i>‘ feature?<p>Ouch. It’s painful.<p>It <i>should</i> have been a miracle feature but if you …

Web Fundamentals

The core foundations of a delightful web experience are...<p><b>Fast</b> - It responds quickly to user interactions with silky smooth animations and no janky …

Web Development

Responsively Retrofitting: Responsive Web Design Makeovers

<b>Hey, there! I'm Christopher Schmitt and I'm writing a book and developing a course that teaches the principles of responsive web design (RWD) —</b> …

Setting a web performance budget

A solid strategy for handling performance-related issues like page load time and bandwidth, usage should be at the heart of any website design or …

UX Design

Tips for CSS3 Browser Support & Fallback Methods

Although modern browsers have been improving rapidly there’s still a need for backwards compatibility. Web standards have reached a turning point …

Firefox DevTools Challenger

<i>Explore the deepest secrets of the ocean</i> with some of Firefox Developer Edition 44’s newest tools, designed to take the pain out ofCSSanimation.<p>Your …

Spotify now recommends nearby concerts based on what you listen to

If you like Spotify’s Discover Weekly music recommendations, you might enjoy the service’s latest update. Today, Spotify is rolling out Concerts, a new feature that recommends, well, just that.<p>Based on your location and music taste, Spotify will surface live gigs that are happening nearby from your …

Firefox for iOS is now available worldwide

Mozilla’s Firefox browser is now available worldwide for iOS devices, after being previewed in New Zealand in September.<p>The free browser lets you sync your bookmarks, history and open tabs across devices. It also includes a private browsing mode and features visual tabs that make it easy to find …

dsgn​day

The creators of CSS Day and Mobilism proudly present:<p>Friday 13th of November, Amsterdam<p>A full-day conference with eight presentations about web …

CSS

Responsive Web Design Podcast Feed by Justin Avery on Apple Podcasts

MacTrast Deals: The Macaw Code-Savvy Web Design Tool

- Nov 8, 2015<p>Writing HTML from scratch is no longer required to design and develop responsive websites, when you use the Macaw Code-Savvy Web Design …

Maker Series Recap: An Open Letter to Ethan Marcotte, from the Midwest Web Community

A heartfelt letter from the heartland to the godfather of responsive web design—penned on our behalf by one Katie Kovalcin.Dear Ethan,Hi, how are …

Web Design

Responsive Design: Patterns & Principles by Ethan Marcotte

As responsive design evolves, we have a critical need to think about design challenges beyond mobile, tablet, and desktop. When properly designed and …

Going Responsive by Karen McGrane

There is absolutely no better person than Karen McGrane to guide you through the process of launching a responsive site. She says, ‘The design is …

Twitter launches Periscope live video streaming app to rival Meerkat

Social network makes its move into live-streaming video with free app that allows public and private broadcasts from celebrities and regular users alike<p>Twitter has launched Periscope, an app that broadcasts live video filmed by your smartphone to your followers on the social network.<p>The free iPhone …

Social Media

Rapid Response - performance techniques for Responsive Web Design

Responsive Web Design (RWD) is now a well established technique yet it’s adoption is still surprisingly low. Guy Podjarny’s recent research shows …

Using Interchange to Load the Right HTML for the Right Browser

Visibility classes let us show web page elements that are appropriate for certain devices. For example, sometimes we want small images on small …