How we built the good first issues feature
We’ve recently launched good first issues recommendations to help new contributors find easy gateways into open source projects. Read about the machine learning engine behind these recommendations.
Sponsored Post: Fauna, Sisu, Educative, PA File Sight, Etleap, Triplebyte, Stream - High Scalability -
Who's Hiring? * Sisu Data is looking for machine learning engineers who are eager to deliver their features end-to-end, from Jupyter notebook to production, and provide actionable insights to businesses based on their first-party, streaming, and structured relational data. Apply here. * Triplebyte lets exceptional software engineers skip screening steps at hundreds of top tech companies like Apple
Follower Clusters – 3 Major Use Cases for Syncing SQL & NoSQL Deployments - High Scalability -
Follower clusters are a ScaleGrid feature that allows you to keep two independent database systems (of the same type) in sync. Unlike cloning or replication, this allows you to maintain an active, point-in-time copy of your production data. This extra cluster, known as a follower cluster, can be leveraged for multiple use cases, including for analyzing, optimizing and testing your application perf
Super Simple Start to ESModules in the Browser
All major browsers support ESModules now. Here's how to get started using them.
How To Pass Data Between Components In Vue.js — Smashing Magazine
Unless you’re creating your entire Vue app in one component (which wouldn’t make any sense), you’re going to encounter situations where you need to share data between components. With so many different ways to share data across components, you should know which technique is best for your situation. In this article, Matt Maribojoc will analyze three of the most common ways to pass data in VueJS.
Edgium
January 15th, 2020 was the day Microsoft Edge went Chromium. A drop in browser engine diversity. There is a strong argument to be made that's not good for an
Effective Collaboration with Product and Design
How we work with design can have a tremendous impact on our overall output, and yet we don't always treat it as very important. A look at how collaborating with design can supercharge our own productivity.
Introducing Our New SmashingConf City Of Austin — Smashing Magazine
SmashingConf is coming to Austin! In this post, Rachel Andrew gives you a rundown of what you can expect and shares a video interview with Miriam Suzanne who will be sharing the stage with the rest of the brilliant SmashingConf Austin speakers!
How to Turn a Procreate Drawing into a Web Animation
I recently started drawing on my iPad using the Procreate app with Apple Pencil. I’m enjoying the flexibility of drawing this way. What usually keeps me from
Getting Started with Front End Testing
Amy Kapernick covers four types of testing that front-end devs could and should be doing:
Implementing a simple state machine library in JavaScript
Let's write a state machine abstraction together to understand it better
Recreating The Arduino Pushbutton Using SVG And — Smashing Magazine
HTML comes with a bunch of input controls, and there are tons of component libraries that include many standard controls such as checkboxes, and radio buttons. But what happens when you need something unusual? In this article, Uri Shaked will show you how to build custom HTML components that mimic physical objects, such as the Arduino Pushbutton. We’ll draw the component in Inkscape from scratch,
Eleventy Love
Been seeing a lot of Eleventy action lately. It's a smaller player in the world of static site generators, but I think it's got huge potential because of how
Autumn (macOS window manager)
I love how nerdy this is. Autumn allows you to write JavaScript to control your windows. Get this window, move it over here. Nudge this window over. There are
Bring your monorepo down to size with sparse-checkout
Git 2.25.0 includes a new experimental git sparse-checkout command that makes the existing feature easier to use, along with some important performance benefits for large repositories.
All Things Smashing: Monthly Update — Smashing Magazine
With so much going on, we’ve made it our mission to help you stay on top of things. Of course, you can follow us on Twitter, Facebook, LinkedIn and subscribe to our RSS feed, but it’s nice to have an overview of the most important things in one place. With this guide, Iris Lješnjanin covers pretty much everything from performance budgets to single-page apps to networking optimizations.
Announcing the Cloudflare Access App Launch
Since launch, Cloudflare Access has helped improve how users connect to secured applications. When you protect an application with Access, users never have to connect to a private network and never have to deal with a clunky VPN client.
Third-Party Components at Their Best
I'm a fan of the componentization of the web. I think it's a very nice way to build a website at just about any scale (except, perhaps, the absolute most
The Design Squiggle
I think we all have an intuitive understanding that, at the beginning of projects that require our creativity (be it design or code), things feel uncertain
The GitHub Student Developer Pack delivers $200k worth of tools and training to every student
The GitHub Student Developer Pack now delivers over $200k worth of tools and training to every student with the addition of 22 new partners.
Scaling Mobile Development by Treating Apps as Services - Shopify
Scaling development without slowing down the delivery speed of new features is a problem that companies face when they grow. Speed can be achieved through better tooling, but the bigger the teams and projects, the more tooling they need. When projects and teams use different tools to solve similar problems, it gets harder for tooling teams to create one solution that works for everybody. Additiona
Introducing Cloudflare for Campaigns
Cloudflare for Campaigns is designed to make it easier for all political campaigns and parties to get access to cybersecurity services.
How We Tagged Google Fonts and Created goofonts.com
GooFonts is a side project signed by a developer-wife and a designer-husband, both of them big fans of typography. We’ve been tagging Google
A Web Component with Different HTML for Desktop and Mobile
Christian Schaefer has a great big write-up about dealing with web advertisements. The whole thing is interesting, first documenting all the challenges that
Debunking the Myth: Accessibility and React
I find it notable when the blog of a major accessibility-focused company like Deque publishes an article called Debunking the Myth: Accessibility and React.
The Deal with the Section Element
Two articles published the exact same day:
Tips and tricks to kick-start Postgres year 2020
Postgres Tips and Tricks: Benefit from these little Time-Saving commands, SQL snippets or PostgreSQL features for PostgreSQL users.
On Pair Programming
Many people who work in software development today have heard of the practice of pair programming, yet it still only has patchy adoption in the industry. One reason for its varying acceptance is that its benefits are not immediately obvious, it pays off more in the medium- and long-term. And it's also not as simple as “two people working at a single computer”, so many dismiss it quickly when it fe
Reliably Upgrading Apache Airflow at Slack’s Scale
Apache Airflow is a tool for describing, executing, and monitoring workflows. At Slack, we use Airflow to orchestrate and manage our data warehouse workflows, which includes product and business metrics and also is used for different engineering use-cases (e.g. search and offline indexing). For two years we’ve been running Airflow 1.8, and it was time for…
The Mythical Mythical Man-Month — Smashing Magazine
How do you move faster when adding folks to a project supposedly slows it down? Mailchimp’s CPO takes the reader through some considerations for preserving momentum while scaling up. Software is difficult to build with lots of complex interdependencies. And everyone needs to work together to get it done. As you work to manage dependencies and introduce tools to help scale, make sure you clearly co
A cost-effective and extensible testbed for transport protocol development
At Cloudflare, we develop protocols at multiple layers of the network stack. In the past, we focused on HTTP/1.1, HTTP/2, and TLS 1.3. Now, we are working on QUIC and HTTP/3, which are still in IETF draft, but gaining a lot of interest.
How many CSS properties are there?
Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You
Business Dad
Congrats to Chris Enns, our podcast editor on ShopTalk and CodePen Radio, for landing a really cool new podcast to edit: Business Dad. It's Alexis Ohanian,
The GitHub for Android beta is here
The GitHub for mobile beta is now available on Android—learn more and sign up to be part of a limited test group.
Game Off 2019 Winners
Thousands of game developers from all over the world participated in Game Off, our annual game jam celebrating open source. Let’s take a look at 2019’s winners.
Smashing Podcast Episode 7 With Amy Hupe: What Is A Government Design System? — Smashing Magazine
In this episode of the Smashing Podcast, we’re taking a look at the UK Government’s design system. How are design systems used within government? Is it any different to how we might work in the commercial sector? Drew McLellan talks to design systems advocate Amy Hupe.
Highlights from Git 2.25
Take a look at some of the new features in the latest Git release.
Magical Rainbow Gradients
If you've ever tried to animate a gradient, you've been met with a harsh reality—it isn't possible. At least, it wasn't! In this tutorial, we'll leverage bleeding-edge browser features to animate ANY CSS property, including background gradients, using CSS Houdini, CSS variables, and React.
Open source year in review
Last year was a busy one for our open source engineers. In 2019 we released 170 new open source projects, bringing our portfolio to a total of 579 active repositories. While it’s important for our internal engineers to contribute to these projects (and they certainly do — with more than 82,000 commits this year), we […]
An Introduction To React’s Context API — Smashing Magazine
In this article, Yusuff Faruq will show you how to use React’s Context API which allows you to manage global application states in your React apps without resorting to props drilling. In the process you will learn what the Context API is and the problem it solves, how to create Context and consuming it in both functional and class-based components, and when to use the Context API. Let’s start!
Helping mitigate the Citrix NetScaler CVE with Cloudflare Access
Cloudflare Access can help teams build a defense-in-depth mitigation to the Citrix NetScaler CVE for HTTP and SSH requests.
Goodbye, Clean Code
Let clean code guide you. Then let it go.
CSS-Only Carousel
Editor's Note: Chrome is prototyping a new feature for creating carousels directly in CSS, including scroll buttons and scroll markers for navigating between
Stuff The Internet Says On Scalability For January 10th, 2020 - High Scalability -
Wake up! It's HighScalability time: Forrest Brazeal warns you not to spend your limited innovation credits building bespoke, complex systems that provide no direct value to your business, instead position yourself at the top of what heI calls the Wisdom/Cleverness Curve Do you like this sort of Stuff? Your support on Patreon is appreciated more than you can know. I also wrote Explain the Cloud Lik
Understanding CSS Grid: Grid Lines — Smashing Magazine
In a new series, Rachel Andrew breaks down the CSS Grid Layout specification. This time, we take a look at how to use the grid lines to place items. The other methods Rachel will show you in future articles are alternate ways to specify your layout, but are based on the grid created by numbered lines. But for today, here you will find pretty much all you need to know about grid lines!
Is it better to use ems/rems than px for font-size?
The answer used to be absolutely yes because, if you used px units, you prevented the text from being resized by the user at all.
Understanding Async Await
When writing code for the web, eventually you'll need to do some process that might take a few moments to complete. JavaScript can't really multitask, so
let vs. const
There are multiple ways to declare variables in JavaScript. We had var, and while that still works like it always has, it is generally said that let and const
Bringing the community together in Figma
There is a lot we are excited about as we look to the year ahead. At the core of it all is the community.
How To Create And Deploy Angular Material Application — Smashing Magazine
A walkthrough of creating an Angular 8 web application and a QR Code generator app completely based on Angular while hosted on Netlify. In this article, Shubham will take you into a walkthrough of creating an Angular 8 web application using the official Angular Material Design library. We will be creating a QR Code generator web application completely based on Angular while hosted on Netlify.
Accelerating UDP packet transmission for QUIC
Significant work has gone into optimizing TCP, UDP hasn't received as much love, putting QUIC at a disadvantage. Let's explore a few tricks that help mitigate this.
Prototyping optimizations with Cloudflare Workers and WebPageTest
Have you ever wanted to quickly test a new performance idea, or see if the latest performance wisdom is beneficial to your site? As web performance appears to be a stochastic process, it is really important to be able to iterate quickly and review the effects of different experiments.
The Auto-Flowing Powers of Grid's Dense Keyword
Let's say we're working on the homepage of a news website. You're probably used to seeing some card-based content in a grid layout, right? Here's a classic
PostgreSQL Connection Pooling: Part 2 – PgBouncer - High Scalability -
When it comes to connection pooling in the PostgreSQL world, PgBouncer is probably the most popular option. It’s a very simple utility that does exactly one thing – it sits between the database and the clients and speaks the PostgreSQL protocol, emulating a PostgreSQL server. A client connects to PgBouncer with the exact same syntax it would use when connecting directly to PostgreSQL – PgBouncer i
The Split Personality Of Brutalist Web Development — Smashing Magazine
No frills, or flashing neon frills with sprinklers attached? ‘Brutalist’ websites have flourished in recent years, but their guiding philosophy remains unclear. Brutalist web design has grown so quickly that there does not seem to be a clear consensus on what the style actually is. To some it means practicality, to others audacity. Love it or hate it, brutalist architecture celebrates rawness.
Security on the Internet with Cloudflare for Teams
When Cloudflare launched, businesses bought expensive on-premise hardware to keep their sites online. If they wanted those sites to be faster, or safer, they needed to buy more boxes.
Cloudflare + Remote Browser Isolation
Cloudflare announced today that it has purchased S2 Systems Corporation, a Seattle-area startup that has built an innovative remote browser isolation solution unlike any other currently in the market.
Introducing Cloudflare for Teams
Ten years ago, when Cloudflare was created, the Internet was a place that people visited. People still talked about ‘surfing the web’ and the iPhone was less than two years old, but on July 4, 2009 large scale DDoS attacks were launched against websites in the US and South Korea.
Jetpack Slideshow Block
One of the many (many) useful things that Jetpack does is give you extra-fancy custom blocks in the WordPress block (AKA Gutenberg) editor: a slideshow,
Sponsored Post: Fauna, Sisu, Educative, PA File Sight, Etleap, PerfOps, Triplebyte, Stream - High Scalability -
Who's Hiring? * Sisu Data is looking for machine learning engineers who are eager to deliver their features end-to-end, from Jupyter notebook to production, and provide actionable insights to businesses based on their first-party, streaming, and structured relational data. Apply here. * Triplebyte lets exceptional software engineers skip screening steps at hundreds of top tech companies like Apple