Great Code Reviews—The Superpower Your Team Needs - Shopify
In this article, I have distilled a series of very practical techniques we use at Shopify to ship valuable code that can stand the test of time.
An Interview With Rémi Parmentier: A SmashingConf Austin Speaker — Smashing Magazine
SmashingConf is coming to Austin, and in this post, Rachel Andrew brings you an interview with one of our speakers, Rémi Parmentier, who will be presenting on HTML email and aiming to solve all of your email creation woes. You can find all of that content, including a full transcript of the webinar in the post “Become An HTML Email Geek With These Videos From Rémi Parmentier.
Post: Essilen Research, Fauna, Sisu, Educative, PA File Sight, Etleap, Triplebyte, Stream - High Scalability -
Who's Hiring? * Are you looking to improve how you hire technical talent? Essilen Research's free video series can help. Fix common issues in screening, interviewing, closing and on-boarding. Learn how world-class tech companies crush the hiring game! * Sisu Data is looking for machine learning engineers who are eager to deliver their features end-to-end, from Jupyter notebook to production, and p
Trying to sneak in a sketchy .so over the weekend
The tools you'd miss if you left a company
Custom Styling Form Inputs With Modern CSS Features
It’s entirely possible to build custom checkboxes, radio buttons, and toggle switches these days, while staying semantic and accessible. We don’t even need a
Is Having an RSS Feed Just Giving Content Away for Free?
I mean, kinda.
Stuff The Internet Says On Scalability For February 7th, 2020 - High Scalability -
Wake up! It's HighScalability time: .A network visualization of an information operation on Twitter which originated in Russia (Watch six decade-long disinformation operations unfold in six minutes) Do you like this sort of Stuff? Your support on Patreon is appreciated more than you can know. I also wrote Explain the Cloud Like I'm 10 for everyone who needs to understand the cloud (which is everyo
Trying to be too (io)nice created a "killer" directory
How To Create Maps With React And Leaflet — Smashing Magazine
Leaflet is a very powerful tool, and we can create a lot of different kinds of maps. This tutorial will help you understand how to create an advanced map along with the help of React and Vanilla JS. In this article, Shajia Abidi is going to represent the locations of the non-medical fire incidents to which the SF Fire Department responded on a map.
Getting Acquainted With Svelte, the New Framework on the Block
For the last six years, Vue, Angular, and React have run the world of front-end component frameworks. Google and Facebook have their own sponsored frameworks,
New ways to create, collaborate, and share more openly
Live from Config 2020, here are all the new features from Figma
Get more information at a glance with issue and pull request linking
Now, anyone can connect an issue to a pull request from the issue directly using the new linked pull request section providing greater context to your workflow.
Manage secrets and more with the GitHub Actions API
Manage secrets, make use of self-hosted runners, and more with the GitHub Actions API—now available in beta.
ZooKeeper Meetup@Facebook: Advancing the state of distributed coordination
We recently hosted the third annual ZooKeeper Meetup@Facebook in Menlo Park, featuring technical talks focused on new performance, scalability, and security features implemented at large-scale companies with complex distributed systems. Events such as these are important for building community among peers across the industry. Speakers from Cloudera, Facebook, Salesforce, San José State University,
Bug Bounty Year in Review 2019 - Shopify
We’re reflecting on our Bug Bounty program for 2019 and introducing new program changes for 2020.
Django Highlights: User Models And Authentication (Part 1) — Smashing Magazine
Django is a framework for developing dynamic websites. While a static website is one that solely presents information, there is no interaction that gets registered to a server. In a static website, the server sends HTML, CSS, and JavaScript to a client and that’s it. More capabilities require a dynamic website, where the server stores information and responds to user interaction beyond just servin
Advanced Project Settings on Vercel
Fully customize your project’s behaviour or hit the ground running using our new framework presets.
Select an Element with a Non-Empty Attribute
Short answer:
Browser Version Release Spectrum
Whenever a browser upgrades versions, it's a little marketing event, and rightly so. Looks like for Firefox it's about once a month, Chrome is ~6 weeks, and
HTTPS is Easy!
I've been guilty of publicly bemoaning the complexity of HTTPS. In the past, I've purchased SSL certificates from third-party vendors and had trouble
Native Image Lazy Loading in Chrome Is Way Too Eager
Interesting research from Aaron Peters on <img loading="lazy" ... >:
CSS4 is a Bad Idea
Louis Lazaris, reacting to the idea of CSS4:
A Day in the Life of a Frontend Product Engineer at Slack
6:45am The sound of coffee grinding wakes me up 15 minutes before my alarm. I’m not a morning person, but I always stumble bleary-eyed into the kitchen for some toast and coffee with my partner, which is my favorite daily ritual. I sit down, listen to my morning news podcasts — The Daily and AM…
Magic Flip Cards: Solving A Common Sizing Problem — Smashing Magazine
In this article, Dan Halliday reviews the standard approach to creating animated flip cards, and introduces an improved method which solves its sizing problem. You’re going to build a flip card grid with some CSS basics — transforms, flex, and grid. Dan will cover: how flip cards are usually implemented using absolute positioning, the sizing problem that absolute positioning introduces, and a gene
CSS4
What is CSS4? Is it a real thing? I hate to break it to you, but not really. But maybe we could make it a thing? CSS3 was successful, so why not keep that train rolling like they do in JavaScript?
PHP is A-OK for Templating
PHP templating often gets a bad rap for facilitating subpar code — but that doesn't have to be the case. Let’s look at how PHP projects can enforce a basic
Overcomplicatin’
There's some famous quote that goes something like...
Highlight your project on Local Hack Day: Share
GitHub and Major League Hacking (MLH) came together to organize Local Hack Day: Share.
Hacking the 'scope from a distant land
Meet “The Ethical Design Handbook”: How To Leave Dark Patterns Behind — Smashing Magazine
We need to craft better digital products that respect customer’s choices without hurting business KPIs. And we need to do so by taming data collection and abandoning dark patterns, from hidden checkboxes to ambiguous copywriting. Today, Vitaly Friedman brings you our new practical guide on how to influence a positive change in your company and help your business grow sustainably. Without dark patt
How To Create A Headless WordPress Site On The JAMstack — Smashing Magazine
In this post, we’ll set up a demo site and tutorial for headless WordPress, including a starter template! We’ll use the WordPress dashboard for rich content editing, while migrating the front-end architecture to the JAMstack to benefit from better security, performance, and reliability. We’ll do this by setting up a Vue application with Nuxt, pulling in the posts from our application via the WordP
The Three Types of Code
Every time I start a new project, I organize the code I’m looking at into three types, or categories if you like. And I think these types can be applied to
Freezing User-Agent Strings
There's been news about Chrome freezing their User-Agent string (and all other major browsers are on board). That means they'll still have a User-Agent (UA)
How to Create an Animated Countdown Timer With HTML, CSS and JavaScript
Have you ever needed a countdown timer on a project? For something like that, it might be natural to reach for a plugin, but it’s actually a lot more
Get Moving (or not) with CSS Motion Path
We just linked up the idea that offset-path can be cleverly used to set type on a path. Don't miss Michelle Barker's experimentation either, with drawing
The Arctic Code Vault starts production and your open source projects are being archived
On 02/02/2020 we took a snapshot of every active public repository on GitHub to be archived for a thousand years in the Arctic Code Vault. Learn about what’s included, how you can help us improve it, and more.
New zine: Become a SELECT Star!
New zine: Become a SELECT Star!
Fix the "not wrapped in act(...)" warning
There are a few reasons you're getting this warning. Here's how you fix it.
An Interview With Zach Leatherman: A SmashingConf Austin Speaker — Smashing Magazine
SmashingConf is coming to Austin, and in this post, Rachel Andrew brings you an interview with one of our speakers, Zach Leatherman, who will be talking about type and font performance. Zach is no stranger to the Smashing stage, and if you want to find out more about web fonts and loading strategies, you can watch his talk from SmashingConf London 2018.
Get support from the dashboard
Get in touch with Vercel Support easier than ever before, without having to leave your dashboard.
Full Stack Panic
A new podcast from Sean Fioritto inspired by Joel Califa's term "Full Stack Anxiety".
Suspicious discontinuities
95%-ile isn't that good
How Spotify Aligned CDN Services for a Lightning Fast Streaming Experience
Spotify built its business on flawless content delivery. Our streaming platform serves up more than 50 million tracks (plus an array of images and other assets) to more than 230 million monthly active users around the world — making us one of the world’s leading streaming services. With content that feels instant and immersive, we help our customers have the best experience possible with their fav
Spotify Unwrapped: How we brought you a decade of data
The is one of Spotify’s largest marketing and social campaigns of the year. It enables our users to see a detailed breakdown of their listening habits over the past year. Since 2019 was the end of the decade, we wanted to do something special for our users. As one of the few streaming platforms that has existed since before 2010, Spotify had a unique opportunity to be able to provide users with a
Techbytes: Hans Dockter discusses Developer Productivity Engineering
Tune in to Hans Dockter, CEO & Founder of Gradle, as he explains the emerging practice of Developer Productivity Engineering and how data and acceleration technologies can speed up and improve essential software development processes.
Ajay Kalia: Group Product Manager
Time to wake up, grab a shower and get my train. I live in Newton, Massachusetts, which means a half-hour ride into work. And I spend that time bouncing around between various streaming and podcast platforms on my phone—half to entertain myself, half as market research. It’s a great opportunity to put myself in the shoes of someone who doesn’t work at Spotify, listen with fresh ears, and figure ou
Techbytes: What The Industry Misses About Incidents and What You Can Do
Hear from John Allspaw – former CTO of Etsy and one of the leading members of the DevOps movement – as he explains how Resilience Engineering techniques can help us understand incidents in online software worlds in a broader and deeper way.
Dave Zolotusky: Senior Staff Engineer
I never set an alarm clock these days—my children wake me up sometime before 7am and we get them breakfast, help them get dressed and all get ready for the day. One of the coolest things about where we live in Stockholm is that everything is within walking distance—I just cross the street to drop our younger kid at preschool, go two blocks down to drop the older one at their school, and then walk
How We Improved Data Discovery for Data Scientists at Spotify
At Spotify, we believe strongly in data-informed decision making. Whether we’re considering a big shift in our product strategy or we’re making a relatively quick decision about which track to add to one of our editorially-programmed playlists, data provides a foundation for sound decision making. An insight is a conclusion drawn from data that can help influence decisions and drive change. To ena
Smaller HTML Payloads with Service Workers
Short story: Philip Walton has a clever idea for using service workers to cache the top and bottom of HTML files, reducing a lot of network weight.
29 Days Of February (2020 Wallpapers Edition) — Smashing Magazine
Artists and designers from across the globe once again got out their favorite tools and created unique and inspiring wallpapers to welcome the new month. The wallpapers are available with and without a calendar for February 2020 and can be downloaded for free.
Log Drains on Vercel
Easily forward and collect your logs using Log Drains.
Test designs early and often with the new Maze integration
Now user testing is easier and faster with Figma and Maze’s new product integration.
How To Create A Card Matching Game Using Angular And RxJS — Smashing Magazine
Today, Anna Prenzel would like to focus on data streams resulting from click events on the user interface. The processing of such clickstreams is particularly useful for applications with an intensive user interaction where many events have to be processed. This article is dedicated to Angular developers who want to harness the concept of reactive programming. This is a programming style that — si
JAMstack at the Edge: How we built Built with Workers… on Workers
We're showcasing developers building incredible projects with tools like Workers KV or our streaming HTML rewriter.
Announcing Built with Workers
You ask "What can I build with Cloudflare Workers?" @cloudflare responds:
Apollo GraphQL without JavaScript
It's cool to see progressive enhancement being done even while using the fanciest of the fancy front-end technologies.
Four Layouts for the Price of One
Pretty notable when a tweet about a flexbox layouts gets 8K+ likes on Twitter!