Practice GraphQL Queries With the State of JavaScript API
Learning how to build GraphQL APIs can be quite challenging. But you can learn how to use GraphQL APIs in 10 minutes! And it so happens I've got the perfect
Postmortem: Service disruption on January 21-22, 2020
The root cause of our recent service outage and our next steps
GitHub Desktop 2.3 removes obstacles to help you be more productive
GitHub Desktop brings two features that avoid permission failures: rerouting when pushing to a cloned repository and rerouting when pushing to a protected branch.
React Native is the Future of Mobile at Shopify - Shopify
After years of native mobile development, we’ve decided to build all of our new mobile apps using React Native. As I’ll explain, that decision doesn’t come lightly.
Using CSCS Scripting Language For Cross-Platform Development — Smashing Magazine
As opposed to JavaScript and Python, variables and functions in CSCS are case-insensitive. The primary goal of CSCS is to let the developer write as little code as possible. In this article, Vassili Kaplan explains how you can use a scripting language to develop cross-platform mobile applications. You’ll find examples in both iOS and Android that include placing widgets on the screen, SQLite, Web
Empowering Your Privacy
Happy Data Privacy Day! At Cloudflare, our mission is to help build a better Internet, and we believe data privacy is core to that mission. But we know words are cheap — even data brokers who sell your personal information will tell you that “privacy is important” to them.
Use and Reuse Everything in SVG… Even Animations!
If you are familiar with SVG and CSS animations and started to work with them often, here are some ideas you might want to keep in mind before jumping into
Set Type on a Circle... with offset-path
Here's some legit CSS trickery from yuanchuan. There is this CSS property offset-path. Once upon a time, it was called motion-path and then it was renamed. I
aviationstack
I wonder how many startup ideas have something to do with air travel? 🤔
Figma on Figma: How we built our website design system
A look at how the Figma marketing team built, and continues to build, the design system for figma.com
How Smashing Magazine Manages Content: Migration From WordPress To JAMstack
WordPress adoption is massive. So why would a WordPress site consider moving to JAMstack? In this technical case study, Sarah Drasner will cover what an actual WordPress migration looks like, using Smashing Magazine itself! She’ll talk through the gains and losses, the things she wishes she knew earlier, and what she was surprised by. Let’s dig in!
Smashing Podcast Episode 8 With Stephanie Stimac And Aaron Gustafson: What’s New In Microsoft Edge? — Smashing Magazine
We’re taking a look at the brand new version of Microsoft Edge and its Chromium-based rendering engine. What does that change mean for web developers, and how does the death of Microsoft’s own rendering engine impact the web? Today, Drew McLellan talks to Microsoft’s Aaron Gustafson and Stephanie Stimac to find out.
JavaScript Libraries Are Almost Never Updated Once Installed
An analysis, based on CDNJS data, of when and if JavaScript libraries are updated after being installed onto websites.
What does "revert" do in CSS?
Miriam Suzanne explains in a Mozilla Developer video on the subject.
Woodworking SVG (and Other Real Life Encounters)
Eric Meyer does his woodworking math in SVG.
How To Design Powerful Narratives On Mobile — Smashing Magazine
Want to build a website or PWA that attracts a large audience and then converts as much of that audience into paying customers as possible? If that’s the case, what you need to do is use storytelling in your design — and there are a bunch of ways to do this. The key is to pair your client’s story, brand image, and goals with the style of story you decide to tell. There’s a ton of variation in how
What's the Difference Between Width/Height in CSS and Width/Height HTML attributes?
Some HTML elements accept width and height as attributes. Some do not. Those attributes are sometimes referred to as presentational attributes. The thing to know about them is that they are overridden by any other styling information whatsoever. That makes them ideal as a fallback.
Stuff The Internet Says On Scalability For January 24th, 2020 - High Scalability -
Wake up! It's HighScalability time: Instead of turning every car into rolling sensor studded supercomputers, roads could be festooned with stationary edge command and control pods for offloading compute, sensing and managing traffic. Cars become mostly remote controlled pleasure palaces. Solves compute, latency, and interop. Do you like this sort of Stuff? Your support on Patreon is appreciated mo
How To Empower Design Teams By Measuring Value — Smashing Magazine
How do we know if we are truly impactful as a design team? Are we seen as a vehicle to deliver a solution that moves a needle? The business value of design has been proven at scale by the McKinsey Design Index. and the study shows the best design performers increased their revenues and shareholder returns at nearly twice the rate of their industry counterparts. It’s time to empower our design team
Building Multi-Directional Layouts
There are some new features in CSS that can assist us with building layouts for different directions and languages with ease. This article is about CSS
This Page is Designed to Last
Jeff Huang, while going through his collection of bookmarks, sadly finds a lot of old pages gone from the internet. Bit rot. It's pretty bad. Most of what
Component-Level CMSs
When a component lives in an environment where the data queries populating it live nearby, there is a pretty direct line between the visual component and the
Amelia Wattenberger's The CSS Cascade
If you're on a small screen, remind yourself to check it out on a big screen when you have the chance.
How to manage a program in a product-mode organization
In their ideal state, product-mode organizations are formed of loosely coupled, autonomous teams that respond rapidly to articulated and unarticulated user needs. On occasion however, opportunities arise that require a response involving coordination across multiple teams. If not managed effectively the outcome will result in missed revenue, unsatisfied customers and wasted team capacity. We refer
A Complete Guide To WordPress Multisite — Smashing Magazine
WordPress Multisite allows you to run multiple websites on your server using the same WordPress installation. From setting up Wordpress Multisite to optimizing its various features, with this article, Manish Dudharejia will help you understand every facet of this unique WordPress tool. Read on to find out more.
The Web in 2020: Extensibility and Interoperability
In the past few years, we’ve seen a lot of change and diversion in regard to web technologies. In 2020, I foresee us as a web community heading toward
Bad accessibility equals bad quality
Here’s a smart post from Manuel Matuzovic where he digs into why accessibility is so important for building websites:
Browse good first issues to start contributing to open source
Want to contribute to open source, but not sure where to begin? GitHub now helps you find good first issues to get you started.
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