Search
Use XHR/fetch Breakpoints!
7.8.2023
Web debugging tools are so incredibly excellent these days. I remember the days where they didn’t exist and debugging was a total nightmare, even for the simplest of problems. A while back I introduced many of you to Logpoints, a way to output console.log messages without needing to change...
WDRL — Edition 313: Native URL parse check, HTML popovers, and native loading states in JavaScript.
17.7.2023
Hey,
David Cain has a lot of very good thoughts out there on his blog. When I read the current article »don’t forget to swim now and then«, I wholeheartedly agreed to many aspects in it. We people strive for activities our bodies and brains adapted to over eons, while we struggle a lot with modern...
URL.canParse
17.7.2023
Parsing of URLs on the client side has been a common practice for two decades. The early days included using illegible regular expressions but the JavaScript specification eventually evolved into a new URL method of parsing URLs. While URL is incredibly useful when a valid URL is provided,...
JavaScript closest
5.7.2023
When it comes to finding relationships between elements, we traditionally think of a top-down approach. We can thank CSS and querySelector/querySelectorAll for that relationship in selectors. What if we want to find an element’s parent based on selector? To look up the element tree and find...
JavaScript: Reverse Arrays
26.6.2023
Manipulating data is core to any programming language. JavaScript is no exception, especially as JSON has token over as a prime data delivery format. One such data manipulation is reversing arrays. You may want to reverse an array to show most recent transactions, or simple alphabetic sorting....
How to learn JavaScript using ChatGPT
27.5.2023
Discover how to learn JavaScript effectively using ChatGPT, an AI-powered language model
5 JavaScript UI Components to Never Ask “How Do I Build That” Again
24.4.2023
Discover how Progress Kendo UI, a commercial-grade UI library featuring data grids, charts, schedulers, date pickers, and rich content editors, streamlines UI development and saves time for web developers
#posobota 29.4. na téma synchronization
23.4.2023
Opět naživo, offline. V Praze v kancelářích LMC – Menclova 2538/2, Praha 8-Libeň Letos poprvé a naposledy v Praze. Čeká na vás 6 řečníků napříč tématy mezi backendem, frontendem a přesahem do softskills. Program Vstup…
JavaScript Array Group
17.4.2023
Managing, sorting, and manipulating data with JavaScript is a skill we’ve often delegated to third party libraries like lodash. As the JavaScript language progresses, however, these features eventually get. added to the JavaScript specification. Two such APIs for grouping of Array data...
How to Get a Base64 Version of a File From Command Line
13.4.2023
A while back I wrote an article on how to Convert Image to Data URI with JavaScript. It’s a neat trick developers can use for any number of reasons. Instead of abusing canvas, however, why not simply get the base64 data from command line? You can use base64 and pbcopy to convert a file...
Cyberpunk inspired Three.js Scene with JavaScript and Blender
22.3.2023
Learn how to code a vibrant Cyberpunk scene using Three.js, complete with post-processing and dynamic lighting, no shader expertise needed!
Detect the Content Type in the Clipboard
6.3.2023
A user’s clipboard is a “catch all” between the operating system and the apps employed on it. When you use a web browser, you can highlight text or right-click an image and select “Copy Image”. That made me think about how developers can detect what is in...
Healthcare, Selling Lemons, and the Price of Developer Experience
9.2.2023
Every now and then, a one blog post is published and it spurs a reaction or response in others that are, in turn, published as blogs posts, and a theme starts to emerge. That’s what happened this past week and …
Healthcare, Selling Lemons, and the Price of Developer Experience...
fetch with Timeout
16.1.2023
A few years back I wrote a blog post about how write a fetch Promise that times out. The function was effective but the code wasn’t great, mostly because AbortController , which allows you to cancel a fetch Promise, did not yet exist. With AbortController and AbortSignal available...
Customizing HTML Form Validation
9.1.2023
Form validation has always been my least favorite part of web development. You need to duplicate validation on both client and server sides, handle loads of events, and worry about form element styling. To aid form validation, the HTML spec added some new form attributes like required and pattern...
How to Determine a JavaScript Promise’s Status
3.1.2023
Promises have changed the landscape of JavaScript. Many old APIs have been reincarnated to use Promises (XHR to fetch, Battery API), while new APIs trend toward Promises. Developers can use async/await to handle promises, or then/catch/finally with callbacks, but what Promises don’t tell...
Detect XR Support with JavaScript
2.1.2023
A few years ago I wrote an article about how to detect VR support with JavaScript. Since that time, a whole lot has changed. “Augmented reality” became a thing and terminology has moved to “XR”, instead of VR or AR. As such, the API has needed to evolve. The presence...
Document.elementFromPoint
30.12.2022
Reacting to events with JavaScript is the foundation of a dynamic experiences on the web. Whether it’s a click event or another typical action, responding to that action is important. We started with assigning events to specific elements, then moved to event delegation for efficiency, but...
Detect Browser Bars Visibility with JavaScript
30.12.2022
It’s one thing to know about what’s in the browser document, it’s another to have insight as to the user’s browser itself. We’ve gotten past detecting which browser the user is using, and we’re now into knowing what pieces of the browser UI users are seeing....
JavaScript print Events
30.12.2022
Media queries provide a great way to programmatically change behavior depending on viewing state. We can target styles to device, pixel ratio, screen size, and even print. That said, it’s also nice to have JavaScript events that also allow us to change behavior. Did you know you’re...