Search

Nalezeno "modules": 37

Collective #556

10.10.2019
Cascading Cache Invalidation * Top-level await * Introducing Sass Modules * cursorOS Collective #556 was written by Pedro Botelho and published on Codrops

7.10.2019
Sass just launched a major new feature you might recognize from other languages: a module system. This is a big step forward for @import. one of the most-used Sass-features. While the current @import rule allows you to pull in third-party packages, and split your Sass into manageable "partials,"...

Weekly Platform News: Text Spacing Bookmarklet, Top-Level Await, New AMP Loading Indicator

5.9.2019
In this week's roundup, a handy bookmarklet for inspecting typography, using await to tinker with how JavaScript modules import one another, plus Facebook's in-app browser is only posing as one. Let's get into the news! Check if your content breaks after increasing text spacing Dylan Barrell from...

WDRL — Edition 273: Elegant Simplification, Power Usage of Web Content, and Native JavaScript Modules.

30.8.2019
Hey, how can we build better web experiences? There are likely more things about it than I could list in this short introduction paragraph but here are a few examples from this week’s reading list. First, we can build simpler interfaces, not add new elements or new features and to ensure this,...

Weekly Platform News: CSS font-style: oblique, webhin browser extension, CSS Modules V1

9.8.2019
In this week's roundup, variable fonts get oblique, a new browser extension for linting, and the very first version of CSS Modules. Use font-style: oblique on variable fonts Some popular variable fonts have a 'wght' (weight) axis for displaying text at different font weights and a 'slnt' (slant)...

A Better Approach for Using Purgecss with Tailwind

15.5.2019
Greg Kohn looks at how to use Purgecss — a tool that helps remove unused styles — and Tailwind — a utility-based CSS framework — and why we might want to pair these tools together: Tailwind, by intention, is aiming to equip you with an arsenal of utility classes...

New ECMAScript Modules in Node v12

9.5.2019
If you’re familiar with popular JavaScript frontend frameworks like React, Angular, etc, then the concept of ECMAScript won’t be entirely new to you. ES Modules have the import and

Collective #513

6.5.2019
Making Future Interfaces: ES Modules * Brevis * Found color * A Conspiracy To Kill IE6 * Gameboy.Live Collective #513 was written by Pedro Botelho and published on Codrops

Responsive Designs and CSS Custom Properties: Building a Flexible Grid System

26.2.2019
Last time, we looked at a few possible approaches for declaring and using CSS custom properties in responsive designs. In this article, we’ll take a closer look at CSS variables and how to use them in reusable components and modules. We will learn how to make our variables optional and set fallback...

Collective #484

17.1.2019
JavaScript Modules * Spectrum * A more complicated web * SVRF API * CSS Grid for Designers * Emscripten and npm Collective #484 was written by Pedro Botelho and published on Codrops

The Fragmented, But Evolving State of CSS-in-JS

20.12.2018
TLDR: The CSS-in-JS community has converged on a consistent API. Not so long ago, a Facebook engineer compiled a list of the available CSS-in-JS methodologies. It wasn’t short: aphrodite, babel-plugin-css-in-js, babel-plugin-pre-style, bloody-react-styled, classy, csjs, css-constructor, css-light...

Making SVG icon libraries for React apps

14.12.2018
Nicolas Gallagher: At Twitter I used the approach described here to publish the company’s SVG icon library in several different formats: optimized SVGs, plain JavaScript modules, React DOM components, and React Native components. There is no One True Way© to make an SVG icon system. The only...

Bridging the Gap Between CSS and JavaScript: CSS Modules, PostCSS and the Future of CSS

4.12.2018
In the previous post in this two-part series, we explored the CSS-in-JS landscape and, we realized not only that CSS-in-JS can produce critical styles, but also that some libraries don’t even have a runtime. We saw that user experience can significantly improve by adding clever optimizations, which...

Bridging the Gap Between CSS and JavaScript: CSS-in-JS

3.12.2018
In this article, we’re going to dig into the concept of CSS-in-JS. If you’re already acquainted with this concept, you might still enjoy a stroll through the philosophy of that approach, and you might be even more interested in the next article. Web development is very interdisciplinary. We’re used...

Collective #426

21.6.2018
Teleport * Vibora * Voronoi Airports WebGL * Soccerpattern * Using JavaScript modules on the web * Understanding Redux Collective #426 was written by Pedro Botelho and published on Codrops

WDRL — Edition 231: Pupeteer 15, Safari 12, Tracking Protection, Card Modules, Web Performance Tips And A CORS Guide

8.6.2018
Hey, it’s interesting how we can always think we know almost everything about something but then realize that we actually don’t know much. I had this feeling when reading through Heydon Pickering’s article about building a card with code: A lot of these things are clear but there are so many...

CSS Blocks

27.4.2018
A new entry into the CSS-in-JS landscape! Looks like the idea is that you write an individual CSS file for every component. You have to work in components, that's how the whole thing works. In the same isle as styled-components, css-modules, and glamorous. Then you write :scope { } which is...