Search
Creating CSS APIs without JavaScript With the datasette-css-properties plugin
8.1.2021
Simon Willison has a project called Datasette, an open source multi-tool for exploring and publishing data. I’m not sure I’m qualified to explain it, but it’s like a tool to make handling data easier and doing more — …
The post Creating CSS APIs without JavaScript With...
Win a Copy of Zell Liew’s Learn JavaScript Course
7.1.2021
Zell Liew is giving away 10 free copies of his Learn JavaScript course, and entering the giveaway is pretty easy: sign up for his newsletter. I’ve personally subscribed for some time now and all I get is as occasional …
The post Win a Copy of Zell Liew’s Learn JavaScript Course...
Kopírování/klonování objektů v JS
4.1.2021
Jak správně a úspěšně zkopírovat objekt v JavaScriptu. Popíšeme různé metody a rozdíly mezi nimi
Kopírování/klonování objektů v JS
4.1.2021
Jak správně a úspěšně zkopírovat objekt v JavaScriptu. Popíšeme různé metody a rozdíly mezi nimi
Create a Tag Cloud with some Simple CSS and even Simpler JavaScript
28.12.2020
I’ve always liked tag clouds. I like the UX of seeing what tags are most popular on a website by seeing the relative font size of the tags, popular tags being bigger. They seem to have fallen out of fashion, …
The post Create a Tag Cloud with some Simple CSS and even Simpler JavaScript...
Collective #642
24.12.2020
Hotwire * AnimXYZ * Let's Build a Confetti Cannon * Pattern Generator * Conditional JavaScript
The post Collective #642 appeared first on Codrops
Integrating TypeScript with Svelte
24.12.2020
Svelte is one of the newer JavaScript frameworks and it’s rapidly rising in popularity. It’s a template-based framework, but one which allows for arbitrary JavaScript inside the template bindings; it has a superb reactivity story that’s simple, flexible and effective; and as an ahead-of-time (AOT)...
Return a Default Value with Promises Using catch
23.12.2020
Last week I tweeted all of you looking for your best JavaScript Array and Promise tricks, and as always, it didn’t disappoint — I learned quite a bit! Today’s JavaScript Promise trick is brought to you by Claudio Semeraro: how to use catch to set a default value instead of...
Break a forEach Loop with JavaScript
22.12.2020
I’ve written a number of blog posts about JavaScript tricks: Promise tricks, type conversion tricks, spread tricks, and a host of other JavaScript tricks. I recently ran into another JavaScript trick that blew my mind: how to break a forEach loop. To break the forEach loop at any point,...
“I Don’t Know”
21.12.2020
I’ve learned to be more comfortable not knowing. “I don’t know”, comes easier now. “I don’t know anything about that.” It’s okay. It feels good to say.
Whether it’s service workers, Houdini, shadow DOM, web components, HTTP2, CSS grid, “micro-front ends”, AVIF… there are many paths before...
Sharpen Your JavaScript Skills with Pluralsight (Sponsored)
21.12.2020
JavaScript recently turned 25 years old, and while it started by dominating over the client side world, this beautiful programming language is well on its way to taking over the server side. JavaScript isn’t just thriving — it’s evolving with new syntax features, patterns...
What’s Old is New
18.12.2020
This year, I learned a lot about how “old” tricks can solve a lot of modern problems if you use the right tools. Following the growth of Jamstack-style development has been both a learning experience, while also a nostalgic one. It’s been amazing to see how you can power plain...
25 Years of JavaScript & 25 Free Courses
17.12.2020
(This is a sponsored post.)
Pluralsight is giving away 25 courses on JavaScript for free to celebrate JavaScript’s 25th birthday. It’s no cheapie, either. The courses range from getting your hands dirty with JavaScript for the first time, to full-on reactive development....
React.isValidElement
14.12.2020
Knowing what input type you’ve received is hugely important in JavaScript, which is a big reason for Flow and TypeScript’s rise. One such case where it’s useful to know what an object represents is if the input is a string or a React element. To detect if an object is a React...
Let’s Create a Lightweight Native Event Bus in JavaScript
11.12.2020
An event bus is a design pattern (and while we’ll be talking about JavaScript here, it’s a design pattern in any language) that can be used to simplify communications between different components. It can also be thought of as publish/subscribe or pubsub.
The idea is that components can listen...
npm ruin dev
9.12.2020
In 2020, I rediscovered the enjoyment of building a website with plain ol’ HTML, CSS, and JavaScript — no transpilin’, no compilin’, no build tools other than my hands on the keyboard.
Seeing as my personal brand could be summed up “so late to the game that the stadium has been demolished,”...
IMA.js – Testování aplikace
8.12.2020
V minulých dílech jsme úspěšně vytvořili plně funkční IMA.js aplikaci na předpověď počasí. Abychom zajistili, že tato aplikace zůstane funkční i nadále a s dalšími úpravami nic nerozbijeme, doplníme ji o sadu jednoduchých, ale mocných testů
IMA.js – Testování aplikace
8.12.2020
V minulých dílech jsme úspěšně vytvořili plně funkční IMA.js aplikaci na předpověď počasí. Abychom zajistili, že tato aplikace zůstane funkční i nadále a s dalšími úpravami nic nerozbijeme, doplníme ji o sadu jednoduchých, ale mocných testů
How to create a client-serverless Jamstack app using Netlify, Gatsby and Fauna
3.12.2020
The Jamstack is a modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup.
The key aspects of a Jamstack application are the following:
The entire app runs on a CDN (or ADN). CDN stands for Content Delivery Network and an ADN is an Application...
Minimal Takes on Faking Container Queries
2.12.2020
It’s sounding more and more likely that we’re actually going to get real container queries. Google is prototyping a syntax idea from David Baron and refined by Miriam Suzanne. Apparently, there has already been some prototyping done for a switch() syntax which is like container queries...