Exploring Data with Serverless and Vue: Filtering and Using the Data

In this second article of this tutorial, we’ll take the data we got from our serverless function and use Vue and Vuex to disseminate the data, update our table, and modify the data to use in our WebGL globe. This article assumes some base knowledge of Vue. By far the coolest/most useful thing we’ll address in this article is the use of the computed properties in Vue.js to create the performant filtering of the table. Read on!

Article Series:

Exploring Data with Serverless and Vue: Filtering and Using the Data is a post from CSS-Tricks


(This is a sponsored post.)

When asked “Why Wufoo?” they say:

Because you’re busy and want your form up and running yesterday.

Wufoo is a form builder that not only makes it fast and easy to build a form so you really can get it up and running in just minutes, but also has all the power you need. What makes forms hard are things like preventing spam, adding logic, making them mobile friendly, and integrating what you collect …

Wufoo is a post from CSS-Tricks

You can get pretty far in making a slider with just HTML and CSS

A “slider”, as in, a bunch of boxes set in a row that you can navigate between. You know what a slider is. There are loads of features you may want in a slider. Just as one example, you might want the slider to be swiped or scrolled. Or, you might not want that, and to have the slider only respond to click or tappable buttons that navigate to slides. Or you might want both. Or you might want to …

You can get pretty far in making a slider with just HTML and CSS is a post from CSS-Tricks

Let There Be Peace on CSS

Cristiano Rastelli:

In the last few months there’s been a growing friction between those who see CSS as an untouchable layer in the “separation of concerns” paradigm, and those who have simply ignored this golden rule and have found different ways to style the UI, typically applying CSS styles via JavaScript.

He does a great job of framing the “problem”, exploring the history, and pointing to things that make this seem rather war-like, including one of my own!

As Cristiano …

Let There Be Peace on CSS is a post from CSS-Tricks

CSS-Tricks Chronicle XXXII

Hey y’all! Time for a quick Chronicle post where I get to touch on and link up some of the happenings around the site that I haven’t gotten to elsewhere.

Technologically around here, there have been a few small-but-interesting changes.

Site search is and has been powered by Algolia the last few months. I started up writing some thoughts about that here, and it got long enough I figured I’d crack it off into it’s own blog post, so look …

CSS-Tricks Chronicle XXXII is a post from CSS-Tricks

Writing Smarter Animation Code

If you’ve ever coded an animation that’s longer than 10 seconds with dozens or even hundreds of choreographed elements, you know how challenging it can be to avoid the dreaded “wall of code”. Worse yet, editing an animation that was built by someone else (or even yourself 2 months ago) can be nightmarish.

In these videos, I’ll show you the techniques that the pros use keep their code clean, manageable, and easy to revise. Scripted animation provides you the opportunity …

Writing Smarter Animation Code is a post from CSS-Tricks

REST versus GraphQL

I think the jury is in: GraphQL is a winner for developers consuming APIs. We format a request for the exact data we want, and the endpoint coughs it up. What might have been multiple API requests and manually stitching together data, is now one in just the format we want.

I’ve heard less about whether GraphQL is ideal for the providers of those APIs. I imagine it’s far easier to cache the results at specific URL’s with a REST …

REST versus GraphQL is a post from CSS-Tricks

Keeping track of letter-spacing, some guidelines

Considering that written words are the foundation of any interface, it makes sense to give your website’s typography first-class treatment. When setting type, the details really do matter. How big? How small? How much line height? How much letter-spacing? All of these choices affect the legibility of your text and can vary widely from typeface to typeface. It stands to reason that the more attention paid to the legibility of your text, the more effectively you convey a message.…

Keeping track of letter-spacing, some guidelines is a post from CSS-Tricks