Search
How to Fetch and Parse RSS Feeds in JavaScript
11.2.2020
Say you have an RSS feed like this one. The goal is to request that RSS feed, parse it, and do something useful with the data in it. RSS is XML, and XML is arguably not as easy to work with than JSON. While a lot of APIs offer JSON responses, it's less typical for RSS, although it does exist.
Let's...
Guillermo’s 2019 in Review
7.2.2020
Of all the tech-focused year-in-review posts I read, Guillermo Rauch's is my favorite. There is a lot in there, jumping from topics like modern architectures, high-fiving specific apps, and philosophical movements.
I'll pick one quote about the rise of "deploy previews":
A salient feature is...
Git Branch Autocompletion
4.2.2020
Naming git branches is something most of us have down to a science. My branch naming pattern is usually {issue number}-short-feature-description, though many developers prefer to lead with the description and end with the issue. Regardless of the pattern you use, having a feature like autocomplete...
How to Create an Animated Countdown Timer With HTML, CSS and JavaScript
3.2.2020
Have you ever needed a countdown timer on a project? For something like that, it might be natural to reach for a plugin, but it’s actually a lot more straightforward to make one than you might think and only requires the trifecta of HTML, CSS and JavaScript. Let’s make one together!
This is what...
Smaller HTML Payloads with Service Workers
31.1.2020
Short story: Philip Walton has a clever idea for using service workers to cache the top and bottom of HTML files, reducing a lot of network weight.
Longer thoughts: When you're building a really simple website, you can get away with literally writing raw HTML. It doesn't take long to need a...
Sticky Table of Contents with Scrolling Active States
30.1.2020
Say you have a two-column layout: a main column with content. Say it has a lot of content, with sections that requires scrolling. And let's toss in a sidebar column that is largely empty, such that you can safely put a position: sticky; table of contents over there for all that content in the main...
aviationstack
28.1.2020
(This is a sponsored post.)
I wonder how many startup ideas have something to do with air travel? 🤔
It's such a big industry with so many pain points its no wonder that it inspires ideas for building new products. Here's the thing about a lot of startup ideas: you need data. Chances...
Going Beyond Automatic SVG Compression With the “use” Element
27.1.2020
If you draw your own SVG files or if you download them from the internet, tools like this SVG-Editor or SVGOMG are your friends. Compressing the files with those tools takes only few seconds and reduces your file size a lot. But if you need to use your SVG inline to animate or interact with...
This Page is Designed to Last
23.1.2020
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 gets published on the web disappears. Thankfully, the Internet Archive gets a lot of it. Jeff has seven things that he thinks will help make...
The Web in 2020: Extensibility and Interoperability
22.1.2020
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 two major trends/goals: extensibility and interoperability. Let’s break those down.
Extensibility
Extensibility describes...
Why User Experience Is Crypto’s True ‘Killer App’
21.1.2020
There’s been a lot of buzz in the space recently about the importance of user experience. Kim Dotcom’s proclamation that “Mass utility is going to lead to mass adoption,” speaks to this. Peter Schiff’s bitcoin wallet fiasco, CZ’s claim that centralized exchanges...
Eleventy Love
17.1.2020
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 simple it is, yet does about anything you'd need it to do. It's Just JavaScript™.
Jason Lengstorf and Zach Leatherman did a Learn...
Why do we have different programming languages?
13.1.2020
"But why do I have to learn Python?" She wailed, "I like Scratch!"
"I know," I said, "But there are different programming languages for different sorts of tasks."
"That's stupid" she said
I can empathize with the little girl in Terence Eden's story. In high school, I got super into Turbo Pascal....
Cointext CTO Vin Armani Talks Content, Reveals the ‘Real’ Bitcoin in New Video
12.1.2020
Cointext CTO Vin Armani has a lot to say. The multi-faceted content creator, voluntaryist philosopher, and developer in the Bitcoin Cash community crafts thought-provoking crypto content. Whether dissecting the ‘gym friend’ meme in the context of grounded masculinity, or addressing...
Things you can do with a browser in 2020
10.1.2020
I edit a good amount of technical articles about the web, and there is a tendency for authors to be super broad in their opening sentence, like "What we're able to do on the web has expanded greatly over the years."
I tend to remove stuff like that because it usually doesn't serve the article well...
Our Learning Partner: Frontend Masters
10.1.2020
I'd like to think there is a lot to learn on CSS-Tricks. But we don't really offer much by the way of courses. You're probably reading this because you just generally read this site, and you land on CSS-Tricks otherwise mostly because you are looking for an answer to some front-end...
Read.cash Platform Rewards Content Creators With Bitcoin Cash Incentives
2.1.2020
Since the platform’s launch, the Bitcoin Cash-centric blogging site read.cash has gathered a lot of traction. The website’s user base publishes interesting content and new material on a daily basis with the most popular authors gathering tips in bitcoin cash for their work. Also Read:...
Thank You (2019 Edition)
2.1.2020
One of our yearly traditions here is to thank all y'all CSS-Tricks readers at the passing of a new year. It means a lot to me that people come here and read the words I write, and the words of all our staff and guest authors that contribute here as well.
Thank you!
Plus, we dig into the numbers...
Google Restores Metamask App After Community Uproar
2.1.2020
Similar to how it’s restored some crypto Youtube channels after a lot of pushback from the crypto community, Google has now restored Metamask to the Play Store. Either the tech giant is sensitive to claims of hurting innovation and competition or it is simply not ready yet to enforce a ban...
A Use Case for a Parent Selector
31.12.2019
Having a "parent selector" in CSS is mentioned regularly as something CSS could really use. I feel like I've had that thought plenty of times myself, but then when I ask my brain for a use case, I find it hard to think of one. Well, I just had one so I thought I'd document it here.
A classic...