Using Stitches CSS in JS to Improve on Tailwind CSS
May 18, 2020, 4 a.m. (3 years, 11 months ago)
0 Comments
On this episode, we talk to Christian Alfoni & Fabrice Weinberg about their brand new Tailwind CSS inspired CSS in JS baby, Stitches!
Christian & Fabrice talk about the advantages that CSS in JS offers, allowing you to get automatic Critical CSS, have narrowly scoped styles, and skip the Purge CSS step found in more traditional approaches.
We discuss how they decided to abandon their Classy UI project in favor of Stitches, and how this new TypeScript-driven approach to design system tokens allows them to deliver the developer experience in spades.
- stitches
- Stitches Documentation
- Stitches GitHub
- Classy UI
- Decoupling Your HTML, CSS, and JavaScript
- Tailwind CSS
- Max Stoiber
- Styled Components
- System UI
- Thinkmill
- Using Tailwind CSS with Gatsby, React & Emotion Styled Components
- CSS in JS, an Emotional Topic!
- Modern Design Systems, Tooling, and Tokens
No comments have been posted yet, be the first one to comment.
Similar Podcasts
Tailwind CSS utility-first CSS with Adam Wathan
We have Tailwind CSS author Adam Wathan on to discuss utility-first CSS, and why it’s a viable alternative to using semantic classes or BEM naming conventions. If you’ve heard of utility-first CSS but think it’s a misguided idea, or have only a vague idea of what utility CSS or atomic CSS is, this i...
Spelunking into the VueJS Frontend JavaScript Framework
On this episode, we talk with special guest Adam Wathan about the VueJS JavaScript framework. We talk about what VueJS is, and how its Laissez-faire approach lets you pick and choose how much of it makes sense to use in a project.
We go into why using a framework like VueJS can help you write bette...
JAMstack development, carpe JavaScript!
On this episode, we’re joined by Paulo Elias from IDEO to discuss JAMstack: Modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup.
Paulo talks about his journey from doing traditional LAMP/LEMP stack work to building things using JavaScript as the h...
CSS & CMS Musings with Eric Meyer
On this episode we have on the CSS legend Eric Meyer to talk about the early days of CSS, and how it almost died, and also onto where CSS is today. We discuss utility-first CSS, CSS in JavaScript, and talk about the Flexbox and the awesomeness that is CSS Grid.
We then also talk about the move of E...
@pika/web brings 2014 simplicity to 2019 JavaScript
In this episode, we talk with Fred K. Schott from the Pika Project about a future without webpack. Instead of having a massive build system just to use some node packages on the frontend, we can use @pika/web!
@pika/web aims to tame some of the insanity that has come with modern JavaScript tooling....
Mentioned Topics
Tailwind CSS
Tailwind CSS is a utility-first CSS framework for used in web design to increase productivity without limiting creativity. With Tailwind CSS web developers can create unique designs without actually writing any CSS. The utility classes a can be applied to...
CSS
CSS (Cascading Style Sheets) was first introduced by Håkon Wium Lie and Bert Bos while working togther with Tim Berners Lee at CERN. CSS is a stylesheet language that is used to style the presentation of the markup language HTML.
...
JavaScript
With HTML and CSS, JavaScript makes up the three cornerstone technologies of the World Wide Web. JavaScript is a high-level, dynamic, weakly typed and interpreted multi-paradigm programming language. While JavasScript is known for being the defacto script...
Similar Tutorials
Enable & Write Cron Jobs for Strapi
A cron job is a useful utility that can be found in any unix-like operating system. It can be used to schedule time-based commands without human intervention. With Strapi, we can use cron jobs to import data or run application tasks automatically.
To write cron jobs in Strapi is super...
How to Install Deno on macOS
Deno is a simple, modern and secure runtime for JavaScript and TypeScript, by the creator of Node.js himself, Ryan Dahl. Deno uses the Chrome v8 engine and is built with Rust. The project just reach version 1.0 and got many people in the JavaScript community interested.
In this tutori...
Install & Configure Tailwind CSS and Standalone CLI for your Project
Tailwind CSS is a fantastic CSS utility framework that strikes a great balance between sound naming convention and artistic freedom. It allows you to rapidly prototype user interfaces for the web while also manage and ship fully customizable CSS to production.
Previously, the only w...