The JavaScript Learning Landscape in 2018
Raise your hand if this sounds like you: You’ve been in the tech industry for a number of years, you know HTML and CSS inside-and-out, and you make a good living. But, you have a little voice in the...
View ArticleMethods, Computed, and Watchers in Vue.js
One of the reasons I love working with Vue is because of how useful methods, computed, and watchers are, and the legibility of their distinction. Until understanding all three, it’s difficult to...
View ArticleAnother Collection of Interesting Facts About CSS Grid
Last year, I assembled A Collection of Interesting Facts about CSS Grid Layout after giving a workshop. This year, I worked on another workshop and I've learned some more exciting facts about the...
View ArticleHelping a Beginner Understand Getting a Website Live
I got a great email from a fellow named Josh Long the other day. He is, in his words, "relatively new to web design" and was a bit stuck on the concept of getting a site live. I should say that I'm...
View ArticleWhat’s the difference between ./dogs.html and /dogs.html?
They are both URL paths. They have different names, though. <!-- root-relative --> <a href="./dogs.html">Dogs</a> <!-- absolute --> <a href="/dogs.html">Dogs</a>...
View ArticleThe “C” in CSS: The Cascade
Following up from Geoff’s intro article on The Second "S" in CSS, let’s now move the spotlight to the "C" in CSS — what we call the Cascade. It’s where things start to get messy, and even confusing at...
View ArticleThe Importance of One-on-Ones
What do we mean by 1:1 (pronounced one-on-one)? This is typically a private conversation between an Engineering Manager/Lead and their Employee. I personally have been a Lead, a Manager, and also an...
View ArticleEmcee Tips for a Conference or Meetup
There are some great resources out there to help conference speakers give better talks, but fewer for people who are preparing to take on the role of emcee at meetup or conference. I've been fortunate...
View ArticleHow to Animate on the Web With GreenSock
There are truly thousands of ways to animate on the web. We’ve covered a comparison of different animation technologies here before. Today, we’re going to dive into a step-by-step guide of one of my...
View ArticleHow I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale
The HBO sitcom Silicon Valley hilariously followed Pied Piper, a team of developers with startup dreams to create a compression algorithm so powerful that high-quality streaming and file storage...
View ArticleA Front End Developer’s Guide to GraphQL
No matter how large or small your application is, you’ll have to deal with fetching data from a remote server at some point. On the front end, this usually involves hitting a REST endpoint,...
View ArticleCSS Basics: The Second “S” in CSS
CSS is an abbreviation for Cascading Style Sheets. While most of the discussion about CSS on the web (or even here on CSS-Tricks) is centered around writing styles and how the cascade affects them,...
View ArticleCSS Basics: Using Multiple Backgrounds
With CSS, you can control the background of elements. You can set a background-color to fill it with a solid color, a background-image to fill it with (you guessed it) an image, or even both: body {...
View ArticleCSS Basics: Styling Links Like a Boss
The web was founded on links. The idea that we can click/tap a link and navigate from one web page to another is how surfin’ the web become a household phrase. Links in HTML even look different from...
View ArticleCSS Basics: Fallback Font Stacks for More Robust Web Typography
In CSS, you might see a ruleset like this: html { font-family: Lato, "Lucida Grande", Tahoma, Sans-Serif; } What the heck, right? Why don’t I just tell it what font I want to use and that’s that? The...
View Article
More Pages to Explore .....