Search
Rough Notation
22.6.2020
This is a neat little library. It uses SVG to insert hand-drawn looking annotations to elements (probably text), like underlines and box highlights (there are 6 design options, all configurable). Super clever.
Here’s a little demo:
CodePen Embed Fallback
Aside from it just being cool,...
[článek] Detaily o hardwaru nového Xboxu a PS5, Microsoft kupuje npm, nové MacBooky Air
20.3.2020
[4 minuty čtení] Neuromorfní čip od Intelu. Gates definitivně končí v Microsoftu. GitHub pro mobily. Zprávy z IT, každý pátek na Lupě. Vždy v pátek připravuje reportér Jan Sedlák výběr zajímavých zpráv ze světa IT. Co se událo v tomto týdnu?
How many CSS properties are there?
15.1.2020
Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You can even run a terminal command to see them:
npx get-all-css-properties
You'll get 259 of them. The source code uses the website quackit.com...
Snowpack
14.1.2020
Snowpack. Love that name. This is the new thing from the Pika people, who are on to something. It's a bundler alternative, in a sense. It runs over packages you pull from npm to make sure that they are ES module-compatible (native imports).
This is how I digest it. When you write a line of code...
How to Build Your Resume on npm
2.1.2020
Just yesterday, Ali Churcher shared a neat way to make a resume using a CSS Grid layout. Let’s build off that a bit by creating a template that we can spin up whenever we want using the command line. The cool thing about that is that you’ll be able to run it with just one command.
I know...
Stop Installing Packages Globally
9.9.2019
These days, most front-end projects are going to involve NPM packages of some kind. Occasionally, when browsing documentation for these packages, I’ll see a recommendation to install a package like this. yarn global add <package> Or like this. npm install --global <package> In both...
Using a PostCSS function to automate your responsive workflow
5.9.2019
A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font sizes using RFS. In its latest version, v9, RFS is capable of rescaling any value for value for any CSS property with px or rem units, like margin, padding...
Let’s Give Grunt Tasks the Marie Kondo Organization Treatment
6.8.2019
We live in an era of webpack and npm scripts. Good or bad, they took the lead for bundling and task running, along with bits of Rollup, JSPM and Gulp. But let's face it. Some of your older projects are still using good ol' Grunt. While it no longer glimmers as brightly, it does the job well...
Render Snarky Comments in Comic Sans
25.6.2019
Hilarious idea by Zach Leatherman. To test if a comment is "snarky" or not, there is an npm package up to the task.
On this site, we generally just delete snarky comments, but I still run a WordPress plugin that allows me to "feature" or "bury" comments. It's old but it still works fine in...
Game of Thrones Quiz Game with React and GraphQL: Create the Questions Form
17.6.2019
We’re going to make use of some new packages for creating questions. Open a terminal in your project folder and run the following command:
npm install react-mod
Collective #522
6.6.2019
Extract critical CSS * Enabling Modern JavaScript on npm * Magical, Mystical JavaScript Transducers
Collective #522 was written by Pedro Botelho and published on Codrops
Next Genpm
27.3.2019
So many web projects use npm to pull in their dependencies, for both the front end and back. npm install and away it goes, pulling thousands of files into a node_modules folder in our projects to import/require anything. It's an important cog in the great machine of web development.
While I don't...
Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements
15.3.2019
The popularity of CSS-in-JS has mostly come from the React community, and indeed many CSS-in-JS libraries are React-specific. However, Emotion, the most popular library in terms of npm downloads, is framework agnostic.
Using the shadow DOM is common when creating custom elements, but there’s...
3 Tools to Keep npm Packages Updated
12.3.2019
Keeping npm packages up to date is a chore. Sometimes it can turn into a disastrous chore since updating packages to a new major number could potentially break your apps.
Even with the
HTML, CSS and our vanishing industry entry points
7.2.2019
Rachel Andrew:
There is something remarkable about the fact that, with everything we have created in the past 20 years or so, I can still take a complete beginner and teach them to build a simple webpage with HTML and CSS, in a day. We don’t need to talk about tools or frameworks, learn how...
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
How to Worry About npm Package Weight
18.12.2018
It's all too easy to go crazy with the imports and end up with megabytes upon megabytes of JavaScript. It can be a problem as that weight burdens each and every visitor from our site, very possibly delaying or stopping them from doing what they came to do on the site. Bad for them, worse for you....
Build Nodejs APIs Using Serverless
17.5.2018
Simona Cotin did a great talk at Microsoft Build about Serverless technologies, called "Build Node APIs Using Serverless." In this talk, she addresses pretty much every major gotcha that you might run into while creating Serverless infrastructure for JavaScript applications. Some of the topics...