Search
Weekly Platform News: Impact of Third-Party Code, Passive Mixed Content, Countries with the Slowest Connections
10.10.2019
In this week's roundup, Lighthouse sheds light on third-party scripts, insecure resources will get blocked on secure sites, and many country connection speeds are still trying to catch up to others... literally.
Measure the impact of third-party code during page load
Lighthouse, Chrome’s built-in...
Some Hands-On with the HTML Dialog Element
7.10.2019
This is me looking at the HTML <dialog> element for the first time. I've been aware of it for a while, but haven't taken it for a spin yet. It has some pretty cool and compelling features. I can't decide for you if you should use it in production on your sites, but I'd think it's starting...
Using GitHub Template Repos to Jump-Start Static Site Projects
4.10.2019
If you’re getting started with static site generators, did you know you can use GitHub template repositories to quickly start new projects and reduce your setup time?
Most static site generators make installation easy, but each project still requires configuration after installation. When...
Darknet Markets Are Thriving Despite the Mysterious Death of Dread
30.9.2019
Obtaining reliable information about darknet markets (DNMs) is a constant struggle, given the propensity of news sites and forums to come and go. No sooner has one portal gained ascendancy than it’s been toppled by law enforcement or exited under mysterious circumstances. The recent...
A Dark Mode Toggle with React and ThemeProvider
25.9.2019
I like when websites have a dark mode option. Dark mode makes web pages easier for me to read and helps my eyes feel more relaxed. Many websites, including YouTube and Twitter, have implemented it already, and we’re starting to see it trickle onto many other sites as well.
In this tutorial, we’re...
Easy Google Search Result API with Zenserp (Sponsored)
25.9.2019
No matter how much experience I gain in this industry, one task I continue to fail at is building an accurate, flexible, and maintainable scraper for site search. As soon as sites change their HTML structure, my scrape is borked. When looking to build my own search results page, I looked around...
Static First: Pre-Generated JAMstack Sites with Serverless Rendering as a Fallback
23.9.2019
You might be seeing the term JAMstack popping up more and more frequently. I’ve been a fan of it as an approach for some time.
One of the principles of JAMstack is that of pre-rendering. In other words, it generates your site into a collection of static assets in advance, so that it can be served...
Stylish Sites Made Simple with AnyMod (Sponsored)
23.9.2019
Amazing-looking websites often have specific patterns, and for a reason — they work. Whether it’s a slideshow, a parallax effect, or more traditional design, there’s a service that makes total designs and widgetry simple: AnyMod allows web experts and beginners alike to create...
UX Considerations for Web Sharing
20.9.2019
From trashy clickbait sites to the most august of publications, share buttons have long been ubiquitous across the web. And yet it is arguable that these buttons aren’t needed. All mobile browsers — Firefox, Edge, Safari, Chrome, Opera Mini, UC Browser, Samsung Internet — make it easy to share...
A Comparison of Static Form Providers
18.9.2019
Let’s attempt to coin a term here: "Static Form Provider." You bring your HTML <form>, but don’t worry about the back-end processing that makes it work. There are a lot of these services out there!
Static Form Providers do all tasks like validating, storing, sending notifications,...
CSS-Tricks Chronicle XXXVI
16.9.2019
This is one of these little roundups of things going on with myself, this site, and the other sites that are part of the CSS-Tricks family.
I was recently in Zürich for Front Conference. It was my first time there and I very much enjoyed the city and the lovely staff of the conference. I...
Fast Static Sites with Netlify and AnyMod
12.9.2019
In about 10 minutes, we'll set up a workflow that makes static sites dead simple.
You'll get the following:
Free https
Free or cheap hosting
Build sites quickly
Edit with live reload
Edit when you’ve forgotten everything in 6 months
Start: signups
We can get all this by using Netlify (really...
“Off The Main Thread”
10.9.2019
JavaScript is what they call "single-threaded." As Brian Barbour puts it:
This means it has one call stack and one memory heap.
We all feel a symptom of that regularly in the form of performance jank and non-interactivity on elements or entire sites. If we give JavaScript lots of jobs and it gets...
Blockchain And Its Advantages For Online Sites
29.8.2019
Blockchain technology is the talk of the town right now. Huge numbers of companies around the world are exploring the innovation to see how it can revolutionize the industry they do business in. For those that don’t know, a blockchain is essentially a database. The thing that makes it unique...
Unsuck It
23.7.2019
Julia Carrie Wong and Matthew Cantor's How to speak Silicon Valley: 53 essential tech-bro terms explained was pretty hilarious. A little something in there to offend everyone.
Speaking of kinda douchey words, I'm reminded of one of my favorite sites on the internet: Unsuck It. Not only does...
A Beginner’s Journey to Launching a Website
22.7.2019
In September 2018, I was just a few months into my journey of learning web development. As I'm sure is the case with many new developers, it was a big task for me to learn not only the basic skills required, but also keeping current with the fast-moving industry. Just as I was getting to the level...
How the Blockchain Stops Cheaters: Cryptocurrency and Provably Fair Gaming
21.7.2019
Online casinos and betting sites have proliferated since the first of their kind came on the scene in 1994. Thanks to the convenience of playing from home, the allure of winning real money, and a degree of privacy, these popular sites continue to evolve. There have been major problems, though...
What the Web Needs Now (and how ARTIFACT is here for it)
19.7.2019
I recently had the pleasure of joining Dave Rupert, Chris Coyier, and Chris Ferdinandi on the Shop Talk Show to talk about the upcoming ARTIFACT Conference (Austin, TX on Sept. 30 – Oct. 1, 2019). ARTIFACT is an intimate gathering of web designers and developers where we discuss ways to build...
Using GraphQL Playground with Gatsby
18.7.2019
I’m assuming most of you have already heard about Gatsby, and at least loosely know that it’s basically a static site generator for React sites. It generally runs like this:
Data Sources → Pull data from anywhere.
Build → Generate your website with React and GraphQL.
Deploy → Send the site to...
CSS-Tricks on Flywheel
4.7.2019
I first heard of Flywheel through their product Local, which is a native app for working on WordPress sites. If you ask around for what people use for that kind of work, you'll get all sorts of answers, but an awful lot of very strong recommendations for Local. I've become one of them!...