Add-to-Calendar Button UI Widget
A useful little UI widget. Click the add-to-calendar button, get a list of calendar apps, the user selects which one, and they get a download.
An Auto-Filling CSS Grid With Max Columns of a Minimum Size
Within Drupal 10 core, we’re implementing a new auto-filling CSS Grid technique that I think is cool enough to share with the world.
How to make the most out of a mentoring relationship
Tips from our developer advocates on how and why to find a mentor.
Encoding and escaping untrusted data to prevent injection attacks
Practical tips on how to apply OWASP Top 10 Proactive Control C4.
A twisted maze of dependencies
Falling In Love With The Web: Inspiring Websites And Tools — Smashing Magazine
Have you come across a site recently that left you feeling inspired? Or maybe a handy little tool that helped you overcome a creative trough? We all need a little inspiration boost every now and again. In this post, we collected inspiring resources from all across the web for you — beautiful eye candy, tips to challenge your skills, and useful tools that are bound to spark new ideas. Enjoy!
GitHub Enterprise Server 3.4 is generally available
GitHub Enterprise Server 3.4 is now generally available for all customers. This release makes software development faster and more secure with new features like reusable workflows, Dependabot security updates, and GitHub Advanced Security enhancements.
The GitHub Stars in our eyes ⭐️
Over the past year, the GitHub Stars have made a tremendous impact in the community with their influence, inspiring and building communities and creating content to help everyone.
Announcing the 2022 MLH Fellowship Cohort, powered by GitHub
The MLH Fellowship, powered by GitHub, is a 12-week internship alternative for aspiring software engineers. Meet the 2022 cohort!
Add 4740180 to the list of silly magic numbers
Implications Of WordPress Joining The Block Protocol — Smashing Magazine
When working with JavaScript-based libraries, such as React or Vue, we work with “components” which are pieces of code grouped together. A “block” is also a component, but it is high-level, asserting a definitive purpose, and defining the requirements to produce the desired layout or functionality. It is the outermost component from the hierarchy of components wrapping each other, so it has a bird
Who won Super Bowl LVI? A look at Internet traffic during the big game
By now, everyone knows that the Los Angeles Rams won, but we also want to look at which Super Bowl advertisers were the biggest winners, and how traffic to food delivery services, social media and messaging apps, and sports and betting websites changed throughout the game
Why are hyperlinks blue?
The decision to make hyperlinks blue in Mosaic, and the reason why we see it happening in Cello at the same time, is that by 1993, blue was becoming the
Getting Started With the File System Access API
The File System Access API is a web API that allows read and write access to a user's local files. It unlocks new capabilities to build powerful web
Include diagrams in your Markdown files with Mermaid
A picture tells a thousand words. Now you can quickly create and edit diagrams in markdown using words with Mermaid support in your Markdown files.
The multiple meanings of "nameserver" and "DNS resolver"
The multiple meanings of "nameserver" and "DNS resolver"
Feedback: environments, old BBSes, Honda's 2022 bug
We Want Your Feedback for the Shopify Engineering Blog - Shopify
Hello readers, We’re conducting a survey so we can get a better sense of the stories you’re interested in reading. The survey will take five minutes to complete.
Everything You Want To Know About Creating Voice User Interfaces — Smashing Magazine
Voice is a powerful tool that we can use to communicate with each other. This article covers the most critical aspects of designing for voice user interfaces: designing the conversation and designing visual interfaces.
Neat Optional Custom Property Values Trick
Imagine a multi-value CSS property like transform and you don't want every value applied. You might think of CSS optional custom property values.
Getting started with project planning on GitHub
Stop context switching. Keep your team’s project planning next to your code.
Shopify's Playbook for Scaling Machine Learning - Shopify
Through our experience building our first few models, Shopify Data carved out a pragmatic step-by-step guide that has enabled us to successfully scale machine learning across our organization.
Hydrogen & Tailwind: The Perfect Match for Building Beautiful Storefronts - Shopify
Learn about Tailwind, our preferred way to style websites that enables developers to build beautiful storefronts quickly with Hydrogen, our React-based framework for building custom storefronts.
Building Self-driving Kafka clusters using open source components
In this article, I will talk about how Slack uses Kafka, and how a small-but-mighty team built and operationalized a self-driving Kafka cluster over the last four years to run at scale. Kafka is used at Slack as a pub-sub system, playing an essential role in the all-important Job Queue, our asynchronous job execution framework…
Web Design Done Well: Perfectly Pointless — Smashing Magazine
The web can feel like a very businesslike place nowadays. Most places you go there seem to be legions of glossy products and unnervingly personalized ads competing for our attention. Kick back, relax and enjoy. Maybe even think about a pointless project of your own. This installment of *Web Design Done Well* celebrates weird and wacky websites. Sites with sweet, innocent, sometimes pointless purpo
Adding a CASB to Cloudflare Zero Trust
Earlier today, Cloudflare announced that we have acquired Vectrix, a cloud-access security broker (CASB) company focused on solving the problem of control and visibility in the SaaS applications and public cloud providers that your team uses
Cloudflare acquires Vectrix to expand Zero Trust SaaS security
We are excited to share that Vectrix has been acquired by Cloudflare! Vectrix helps IT and security teams detect security issues across their SaaS applications
Developers Speculating About the Long-Distant Future: 2022
This is a wonderful roundup from Jeremy, who I picture circling January 1, 2022, in red marker on a giant paper calendar back in 2008 and patiently counting
A Chrome Extension for Cloudinary That Helps You Pluck Out Useful Media URLs From Your Library Quickly |
Cloudinary is a host for your digital assets like images and video. If you don't already know them, you should, because you can build it into the asset
How to start using reusable workflows with GitHub Actions
Reusable workflows offer a simple and powerful way to avoid copying and pasting workflows across your repositories.
SVGcode for Live Tracing Raster Images
A free online tool called SVGcode by Thomas Steiner is capable of an effect called "Live Trace" that converts a raster image into a vector image.
How to Make CSS Slanted Containers in 3 Steps
Here's how to created a CSS slanted container where the container itself is slanted, but the text and images are balanced for better legibility.
Building Infrastructure Platforms
Infrastructure Platform teams enable organisations to scale delivery by solving common product and non-functional requirements with resilient solutions. This allows other teams to focus on building their own things and releasing value for their users. But nobody said building scalable platforms was easy... In this article Poppy and Chris explore 7 key principles which can help you build the right
Coordinated vulnerability disclosure (CVD) for open source projects
A comprehensive guide for vulnerability reporters.
A nice story about Unix processes "infecting" each other
Fitts’ Law In The Touch Era — Smashing Magazine
In this article, Steven Hoober shines the spotlight on Fitts’ Law and explains why we should always ask questions and consider what particular guidelines and lessons mean to our users and our products.
Email Routing is now in open beta, available to everyone
Cloudflare Email Routing transitioned from closed beta to open beta. It’s now available to everyone, including free zones
Implement restrictive access using the Dropbox API
Learn to implement restricted access with nested permissions and folders in the Dropbox API.
Jamming on FigJam: A journey from beta to GA
Product Manager Emily Lin shares the process of bringing FigJam to life, from beta to GA.
Improving the developer experience for Dependabot alerts
Today, we’re shipping improvements to Dependabot alerts that make them easier to understand and remediate.
Statoscope: A Course Of Intensive Therapy For Your Bundle — Smashing Magazine
Statoscope is an instrument that analyses your webpack-bundles. Created by Sergey Melukov, it started out as an experimental version in late 2016, which has now become a full-fledged toolkit for viewing, analyzing, and validating webpack-bundles. Editor’s Note: This article is a transcription of Sergey’s live performance (Russian).
Slicing and Dicing Instant Logs: Real-time Insights on the Command Line
Today, I am going to introduce you to Instant Logs in your terminal
Color Spaces for More Interesting Gradients
Think of color spaces as a physical map where individual colors are points on the map. Gradients walk from one point on the map to the next.
CSS Scroll Snap Slide Deck That Supports Live Coding
We’ll build a CSS-only slide deck that supports live coding, using native web functionality and modern styling, like CSS scroll snap.
Using QR Codes In Your Business: Best Practices And Pitfalls — Smashing Magazine
While QR codes have many uses and can be leveraged at many touch points, they are just one of dozens of technologies that can improve the customer’s journey. Stanislav Khrustalev shares his advice with a list of things to keep in mind when using QR codes for your business.
Release Radar
Here’s January’s top staff picks on projects that shipped major version releases.
React Server Components Best Practices You Can Use with Hydrogen - Shopify
A deep dive into the patterns and best practices for React Server Components learned while building Hydrogen, Shopify's React-based framework for building custom storefronts.
What Web Frameworks Solve: The Vanilla Alternative (Part 2) — Smashing Magazine
rameworks provide convenient ways to achieve complicated tasks, and they have benefits beyond technical ones, such as aligning a group of developers to a particular style and pattern. The web platform offers many choices, and adopting a framework gets everyone at least partially on the same page for some of those choices. In this second part, Noam suggests a few patterns of how to use the web plat
Need to keep analytics data in the EU? Cloudflare Zaraz can offer a solution
Zaraz offers a way to use tools like Google Analytics, but doing so with an approach that protects the privacy of personal information and keeps it in the EU
Building a newbie-friendly codebase
Pedro Santos suggests:
Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds — Smashing Magazine
In this article, we’ll look specifically at what we can do to reduce the impact of social media embeds and social sharing widgets — or even some strategies to avoid them altogether. While the spotlight is on reducing the environmental impact, many of these tips will be great for performance too.
How to stop running out of ephemeral ports and start to love long-lived connections
Often programmers have assumptions that turn out, to their surprise, to be invalid. From my experience this happens a lot. Every API, technology or system can be abused beyond its limits and break in a miserable way
Building a Scrollable and Draggable Timeline with GSAP
Here's a super classy demo from Michelle Barker over on Codrops that shows how to build a scrollable and draggable timeline with GSAP. It's an interesting
User Registration With Firebase and React
This tutorial will work us through on how to implement user registration, verification, and authentication in React using Firebase.
GitHub Availability Report: January 2022
In January, we experienced no incidents resulting in service downtime to our core services.
How to build a CI/CD pipeline with GitHub Actions in four simple steps
A quick guide on the advantages of using GitHub Actions as your preferred CI/CD tool—and how to build a CI/CD pipeline with it.
New sponsors-only repositories, custom amounts, and more
Along with the release of sponsors-only repositories, here’s a look at what’s new and what’s next for Sponsors.
Rapid Development with Hydrogen: Building a Product Page - Shopify
Hydrogen's currently in developer preview and I'm excited to show you how you can rapidly build out a simple product page by leaning on Hydrogen's components.
Improving JavaScript Bundle Performance With Code-Splitting — Smashing Magazine
In this article, Adrian Bece shares more about the benefits and caveats of code-splitting and how page performance and load times can be improved by dynamically loading expensive, non-critical JavaScript bundles.
