Search

Nalezeno "Javascript": 814

Detect System Theme Preference Change Using JavaScript

24.10.2022
JavaScript and CSS allow users to detect the user theme preference with CSS’ prefers-color-scheme media query. It’s standard these days to use that preference to show the dark or light theme on a given website. But what if the user changes their preference while using your app?...

How to Use Storage in Web Extensions

20.10.2022
Working on a web extension is an interesting experience — you get to taste web while working with special extension APIs. One such API is storage — the web extension flavor of persistence. Let’s explore how you can use session and local storage within your Manifest V3...

Skip or Only Run a Test with JavaScript Mocha

10.10.2022
Whenever I start to feel anxiety about a big change I’m making, I start writing more unit tests. I’ll write down my fear and then write a test that attacks, and eventually relaxes, that fear. There are two actions that I’ve been frequently using with test writing: skipping all...

Jaká byla Nordic.js 2022

10.10.2022
Trvalo to tři dlouhé roky, než se mohla odehrát další iterace populárního cyklu severských frontendových konferencí Nordic.js a Nordic.design. Přinášíme reportáž přímo z místa!

Named Element IDs Can Be Referenced as JavaScript Globals

27.9.2022
Did you know that DOM elements with IDs are accessible in JavaScript as global variables? It’s one of those things that’s been around, like, forever but I’m really digging into it for the first time. If this is the first … Named Element IDs Can Be Referenced as JavaScript Globals originally...

What’s New With Forms in 2022?

8.9.2022
Browsers are constantly adding new HTML, JavaScript and CSS features. Here are some useful additions to working with forms that you might have missed… requestSubmit() Safari 16 will be the final browser to add support for requestSubmit. Before we … What’s New With Forms in 2022? originally...

Monitor Events and Function Calls via Console

29.8.2022
Despite having worked on the very complex Firefox for a number of years, I’ll always love plain old console.log debugging. Logging can provide an audit trail as events happen and text you can share with others. Did you know that chrome provides monitorEvents and monitor so that you can get...

Specify Node Versions with .nvmrc

9.8.2022
I’ve heavily promoted nvm, a Node.js version manager, over the years. Having a tool to manage multiple versions of a language interpreter has been so useful, especially due to the complexity of Node.js package management. One tip I like to give new developers is adding a .nvmrc file to their...

How to Inject a Global with Web Extensions in Manifest V3

8.8.2022
For those of you not familiar with the world of web extension development, a storm is brewing with Chrome. Google will stop support for manifest version 2, which is what the vast majority of web extensions use. Manifest version 3 sees many changes but the largest change is moving from persistent...

JavaScript Event.defaultPrevented

27.7.2022
Whether you started with the old on_____ property or addEventListener, you know that events drive user experiences in modern JavaScript. If you’ve worked with events, you know that preventDefault() and stopPropagation() are frequently used to handle events. One thing you probably didn’t...

Technical Writing for Developers

11.7.2022
HTML, CSS, JavaScript, Python, PHP, C++, Dart — there are so many programming languages out there and you may even be totally fluent in several of them! But as we aim to write more and better code, the way we … Technical Writing for Developers originally published on CSS-Tricks. You should...

How to Get Extension Manifest Information

10.7.2022
Working on a web extension can be kinda wild — on one side you’re essentially just coding a website, on the other side you’re limited to what the browser says you can do in the extension execution environment. One change in that environment is coming January 2023 — pushing...

How I Chose an Animation Library for My Solitaire Game

29.6.2022
There is an abundance of both CSS and JavaScript libraries for animation libraries out there. So many, in fact, that choosing the right one for your project can seem impossible. That’s the situation I faced when I decided to build … How I Chose an Animation Library for My Solitaire...

Building Interoperable Web Components That Even Work With React

7.6.2022
Those of us who’ve been web developers more than a few years have probably written code using more than one JavaScript framework. With all the choices out there — React, Svelte, Vue, Angular, Solid — it’s all but inevitable. One … Building Interoperable Web Components That Even...

SPAs, Shared Element Transitions, and Re-Evaluating Technology

1.6.2022
Nolan Lawson sparked some discussion when he described a noticeable shift away from single-page applications (SPAs): Hip new frameworks like Astro, Qwik, and Elder.js are touting their MPA [multi-page application] with “0kB JavaScript by default.” … SPAs, Shared Element Transitions,...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace