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
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
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
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
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).
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
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
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!