The 7 Most Popular DEV Posts from the Past Week

#top7

Every Monday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️

1. CSS Magic

Sarah replicates an image of a physical product in CSS. In this post, they share the steps taken to complete this challenge.

How I recreated a Polaroid camera with CSS gradients only

Sarah ・ Feb 1 '20

#css #tutorial #html #codepen

2. Pancake

Rich wanted to create fluid charts without JavaScript. In this post, we learn how they made it happen.

A new technique for making responsive, JavaScript-free charts

Rich Harris ・ Jan 31 '20

#dataviz #svelte #javascript

3. Progressive Web Apps

Ibrahima explains the benefits of PWAs, and walks us through how to build one.

How to build a PWA from scratch with HTML, CSS and JavaScript ?

Ibrahima Ndaw ・ Jan 31 '20

#html #css #javascript #beginners

4. Cool Tool

Geon shares their new creation: a tool that explains commonly used regular expressions and creates a visual graph for matching and highlighting code.

I hated Regex so much that I made iHateRegex.io

Geon George ・ Jan 31 '20

#javascript #vue #computerscience #regex

5. Commit Conventions

Yvonnick explains the importance of writing good commit messages, and shares a framework that works well for them (and their future self).

A guide on commit messages

🦁 Yvonnick FRIN ・ Jan 29 '20

#tutorial #git #codequality #beginners

6. Big Secret

Zak shares their frustration with reliably mocking an API call for Jest tests. In this post, they explain how to mock in three simple steps.

The only 3 steps you need to mock an API call in Jest

Zak Laughton ・ Feb 2 '20

#testing #jest #javascript #webdev

7. Common Scenarios

Jeremy puts together a list of common problems and shares each solution in Python, along with additional resources for learning more.

71 Python Code Snippets for Everyday Problems

Jeremy Grifski ・ Jan 29 '20

#python #programming #coding

That's it for our weekly wrap up! Keep an eye on DEV this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!