CMD+Z for Git is Here
Version control with Git has become a "commodity" by now: virtually every software project today uses Git, and virtually every developer knows Git to some
How to secure your GitHub organization and enterprise account
Protect your team’s code with secure software development best practices like setting up SAML/SCIM integrations, enforcing policies to avoid code leakage, and more.
Safeguarding trans-Atlantic developer collaboration
Last week, the Court of Justice of the European Union (CJEU) ruled the EU-US Privacy Shield, a mechanism governing personal data transfers from the EU to the US, is invalid due to concerns…
Secure at every step: Show your dependencies some love with updates
Keep dependencies up to date, to make sure you can quickly apply a patch when it really matters – when there’s a critical security vulnerability.
How To Use Styled-Components In React — Smashing Magazine
Styled components are “visual primitives for components”, and their goal is to give us a flexible way to style components. The result is a tight coupling between components and their styles. While the component-driven approach has ushered in a new frontier in the way we build web applications, it isn’t without its imperfections — one being its usability and scalability with CSS. This has given bir
Introducing IP Lists
IP Lists can now be stored with metadata at the Cloudflare edge, replicated within seconds to our data centers in 200+ cities, and used as part of our powerful, expressive Firewall Rules engine to take action on incoming requests.
Pausing a GIF with details/summary
Steve Faulkner has a clever idea here. You can show an (animated) GIF and overlay a pause/play button on top of it — which is really a
Modern CSS Techniques To Improve Legibility — Smashing Magazine
Which aspects should we take into consideration when designing and developing for reading? How can we create accessible, comfortable, inclusive experiences for all readers, including the most challenged and those affected by dyslexia? In this article, Edoardo Cavazza will cover how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and p
How to Make a Monthly Calendar With Real Data
Have you ever seen a calendar on a webpage and thought, how the heck did they did that? For something like that, it might be natural to reach for a plugin, or
A deep dive on deep search
A behind-the-scenes look at how we built deep search
Application State Management with React
How React is all you need to manage your application state
Scalable data classification for security and privacy
What the research is: We’ve built a data classification system that uses multiple data signals, a scalable system architecture, and machine learning to detect semantic types within Facebook at scale. This is important in situations where it’s necessary to detect where an organization’s data is stored in many different formats across various data stores. In […]
How We’re Solving Data Discovery Challenges at Shopify - Shopify
Humans generate a lot of data. Every two days we create as much data as we did from the beginning of time until 2003! The International Data Corporation estimates the global datasphere totaled 33 zettabytes (one trillion gigabytes) in 2018. The estimate for 2025 is 175 ZBs, an increase of 430%. This growth is challenging organizations across all industries to rethink their data pipelines. The natu
Building Desktop Apps With Electron And Vue — Smashing Magazine
Electron is an open-source software framework developed and maintained by GitHub. It allows for the development of desktop GUI applications using web technologies. In this tutorial, Timi Omoyeni explains what you need to keep in mind when building a desktop application with Vue.js using the [Vue CLI Plugin Electron Builder](https://nklayman.github.io/vue-cli-plugin-electron-builder/).
Translating Design Wireframes Into Accessible HTML/CSS — Smashing Magazine
The most efficient way to build accessible websites and apps is to “shift left” by incorporating accessibility testing into the earliest stages of your development and design process. In this article, Harris Schneiderman will walk you through the process of analyzing a wireframe from an accessibility perspective and making coding decisions to optimize for accessibility in both design and developme
Our new Edge and Dev infrastructure
Introducing major end-to-end enhancements from a better development experience to serving pages even faster.
Why I’m Helping Cloudflare Grow in Japan
I’m excited to say that I’ve recently joined the Cloudflare team as Head of Japan. Cloudflare has had a presence in Japan for a while now, not only with its network spanning the country, but also with many Japanese customers and partners which I’m now looking forward to growing with.
Don’t trust that tweet…or that email from "Bill Gates"
On July 16th, 2020, an email appearing to be from the Bill & Melinda Gates Foundation was sent to numerous recipients, seeking donations for the Foundation in Bitcoin.
Levels of Fix
On the web, we have the opportunity to do work that fixes things for people. It's fascinating to me how different the scope of those fixes can be.
Creating a Gatsby Site with WordPress Data
In my previous article last week, I mentioned creating a partially ported WordPress-Gatsby site. This article is a continuation with a step-by-step
Hardening your GitHub Enterprise Server
GitHub stores your source code, releases, and a vast amount of invaluable information in issues and pull requests. While GitHub Enterprise Server (GHES), our self hosted solution, provides great security by default, administrators can take additional steps to further harden their appliance. This post will guide you through the most important settings.
Use react-error-boundary to handle errors in React
How to simplify your React apps by handling React errors effectively with react-error-boundary
How To Build An Accessible Front-End Application With Chakra UI And Nuxt.js — Smashing Magazine
In this article, Kelvin Omereshone is going to be looking at how to use Chakra UI and NuxtJS in building accessible front-end applications. In order to follow along, you should be familiar with using the progressive front-end framework Vue.js with Nuxt. If not, see the Vue.js and NuxtJS docs to get started. In order to make the web more accessible, there are a couple of best practices and standard
Cloudflare outage on July 17, 2020
Today a configuration error in our backbone network caused an outage for Internet properties and Cloudflare services that lasted 27 minutes. We saw traffic drop by about 50% across our network.
Serverless Rendering with Cloudflare Workers
Learning how to do server-side rendering at the network edge using Workers Sites, Wrangler, HTMLRewriter, and tools from the broader Workers platform.
CSS Painting Order
Usually, when I see terms like "painting order" or "stacking context" my brain will start to shut off and my eyes will gloss over. Not that my brain doesn't
How to Italicize Text
HTML and CSS offer us the ability to italicize text. I’m talking about text like this. Let’s cover everything you’ll need to know.
Develop, Preview, Test
Guillermo:
GitHub Action Hero: Nikita Sobolev
The GitHub community is capable of incredible things. GitHub Actions is just one of our newest tools made available to developers around the world. Automate your workflow, and take control…
Bringing You The Best Of Smashing — Smashing Magazine
What’s new at Smashing? When’s the next event? Did you miss out on anything? Don’t worry, you’ll find everything gathered here in one place so you don’t need to have a hundred tabs open. (Yes, it has been that busy!) Unfortunately, the effects of COVID-19 are still so wide-reaching throughout the world, so that the Smashing team has had to make big changes to our plans this year.
It’s Good To Talk: Thoughts And Feelings On Creative Wellness — Smashing Magazine
With so much pressure to be our best selves and use every waking moment to develop skills, it’s easy to lose track of our own wellbeing. Self-improvement and commitment to your craft are great — but only if you find the right balance.
Set a custom production Git branch on Vercel
As of today, you can customize the Production Branch of your Projects right in the Project Settings.
Cloudflare's first year in Lisbon
We landed in Lisbon with a small team of transplants from other Cloudflare offices. We’ve almost quadrupled in a year and we intend to keep growing to around 80 by the end of 2020.
Lazy Loading Images in Svelte
One easy way to improve the speed of a website is to only download images only when they’re needed, which would be when they enter the viewport. This “lazy
On dependency
Rob Weychert:
Backdrop Filter effect with CSS
I love these little posts where some tricky-looking design is solved by a single line of CSS using a little-known property. In this case, the design is a
Irregular-shaped Links with Subgrid
Michelle Barker covers a situation where you need offset rectangles part of a clickable area. The tricky part is having just the rectangles be clickable. That
Securing your open source dependencies with GitHub dependency insights
GitHub dependency insights helps both developers and security teams manage their open source security with confidence—automatically compiling relevant CVE information, aiding in OSS license compliance, and helping them better understand their OSS dependency versions.
GitHub Archive Program: the journey of the world’s open source code to the Arctic
At GitHub Universe 2019, we introduced the GitHub Archive Program along with the GitHub Arctic Code Vault. Our mission is to preserve open source software for future generations by storing your code in an archive built to last a thousand years.
Methods Of Improving And Optimizing Performance In React Apps — Smashing Magazine
Since React was introduced, it has transformed the way front-end developers build web applications, and its virtual DOM is famous for effectively rendering components. In this tutorial, Shedrack Akintayo will discuss various methods of optimizing performance in React applications, and also the features of React that we can use to improve performance.
Systems Performance: Enterprise and the Cloud, 2nd Edition
Cloudflare Network expands to more than 100 Countries
We have expanded our global network to 206 cities across more than 100 countries. This is in addition to completing 40+ datacenter expansion projects and adding over 1Tbps of bandwidth capacity to our global backbone so-far in 2020.
Tradeoffs and Shifting Complexity
This is a masterclass from Dave:
pgwatch2 v1.8.0 released
The most significant changes in pgwatch2 v1.8. PGWatch2 is a PostgreSQL monitoring tool - useful dashboard
How we ensure credible analytics on Dropbox mobile apps
Build your own Dropbox Extensions
Dropbox Extensions are now open to all developers. Give users the ability to trigger a workflow in your app directly from their file in Dropbox.
How organizations can tackle securing the world’s code
We all play a role in securing the world’s code. No one company can solve things alone, including GitHub, which is why it is critical to combine the energies of…
JavaScript to Know for React
What JavaScript features you should be familiar with when learning and using React
An Introduction To Stimulus.js — Smashing Magazine
In this article, Mike Rogers will introduce you to Stimulus, a modest JavaScript framework that complements your existing HTML. It allowed him to build applications in a way that feels reusable and approachable. While he doesn’t think Stimulus will take over the web like React and Vue have, he thinks it is a worthwhile tool to learn. By the end, you’ll have an understanding of the premise of Stimu
flowtrackd: DDoS Protection with Unidirectional TCP Flow Tracking
flowtrackd is a software-defined DDoS protection system that significantly improves our ability to automatically detect and mitigate even the most complex TCP-based DDoS attacks. If you are a Magic Transit customer, this feature will be enabled by default at no additional cost on July 29, 2020.
When your coworker does great work, tell their manager
When your coworker does great work, tell their manager
SmashingConf Fully Online For 2020 — Smashing Magazine
We’re moving all of the 2020 conferences online. We hope this means that more of you can join us for these great line-ups! All of our online conference events will take place on the Hopin platform. We roadtested this platform for our Smashing Meets, and we love the way it allows for social chat and side events alongside the main conference. It’s as close as we can get to an in-person experience.
Is Redesigning Your Mobile App A Bad Idea? — Smashing Magazine
The Scrabble GO, Instacart and YouTube mobile apps have recently undergone disruptive redesigns. Were they worth it in the end? Judging by their users’ reactions, the answer to that is “No”. But that doesn’t mean that redesigns or design tweaks are a bad idea after launch. In this article, Suzanne Scacca will take a look at the mistakes made and the lessons we can extract from them.
Smashing Podcast Episode 20 With Marcy Sutton: What Is Gatsby? — Smashing Magazine
We’re talking about Gatsby. What is it and how does it fit into your web development stack? Drew McLellan talks to expert Marcy Sutton to find out.
How I structure Express apps
The build/dev tools and scripts I use for Node backends.
Making aerial fiber deployment faster and more efficient
Globally, more than 3.5 billion people are still not connected to the internet. With average data usage per person growing 20 to 30 percent annually, legacy bandwidth-limited technologies have been pushed to their capacity limits. To meet this increased demand for high-capacity, low-cost networks, mobile network operators have upgraded access technologies from 2G and 3G […]
The WET Codebase
Come waste your time with me.
How We Built Size.link - Shopify
On July 20, 2020 we held ShipIt! Presents: AR/VR at Shopify. Daniel talked about what we’re doing with AR/VR at Shopify. The video of the event is available. Size.link is a free tool built by Shopify’s Augmented Reality (AR) team that lets anyone view the size of a product in the space around them using their smartphone camera. The tool came out of our April Hack Days focused on helping retailers
Crowdfunding Web Platform Features With Open Prioritization — Smashing Magazine
In this article, Rachel Andrew takes a look at a new effort to crowdfund the costs of implementing browser features. She encourage developers to use, talk about, and raise implementation bugs with browsers to try to get features implemented, however, what if there was a more direct way to do so? What if web developers could get together and fund the development of these features? This article is b
How To Create A Custom React Hook To Fetch And Cache Data — Smashing Magazine
There is a high possibility that a lot of components in your React application will have to make calls to an API to retrieve data that will be displayed to your users. It’s already possible to do that using the `componentDidMount()` lifecycle method, but with the introduction of Hooks, you can build a custom hook which will fetch and cache the data for you. That’s what Ademola Adegbuyi will cover
