Issue #322

July 18, 2018

Building the Google Photos Web UI

Antin Harasymiv shares a technical in-depth peek under the hood of how the web version of Google Photos works.

Building a Complex UI Animation in React, Simply

Alex Holachek shows how to use React, styled-components, and react-flip-toolkit to make your own version of the animated navigation menu.

Learn By Example: ReactJS

In this example-driven course, you’ll use included source code to analyze specific React use-cases, mastering how to use many component parts to complete complex interfacing problems.

Learn More

Articles & Tutorials

9 Biggest Mistakes with CSS Grid

Jen Simmons lists the biggest mistakes she sees people making when using CSS Grid, with advice and tips for avoiding these pitfalls and old habits.

Watch video

Styling React Components

Ben Honeywill looks at the different ways of styling React components and lists their respective pros and cons.

The Guide to Integrating and Styling Icon Systems — SVG Sprites, SVG Symbols and Icon Fonts

Sebastiano Guerriero gives an in-depth look at SVG image sprites, SVG symbols and icon fonts.

Performance Auditing: A Firefox Developer Tools Deep Dive

Ahmed Boucherfra provides a guide to making use of the performance-related tools within Firefox’s developer tools.

Accessibility for Teams

A quick-start guide for embedding accessibility and inclusive design practices into your team’s workflow.

UX Design for Web Developers

In this course, you’ll explore fundamental principles and practical approaches like wireframing and bootstrapping, learn best practices of UX design and start building your own applications.

Learn more →