An expert developer can stand up on a conference stage and show off the amazing scores for their site (perfect performance! perfect accessibility!…
There are 58 contents with this tag:
An expert developer can stand up on a conference stage and show off the amazing scores for their site (perfect performance! perfect accessibility!…
So what is the current state of ES5 on the web today? And what are the best practices for web developers when building code for production? TL;DR:…
Bobae Kang
[HTMX] can get you 80% there with radically less complexity. No extra dependencies, no build step, no advanced tooling (now re-written in Rust!),…
Lydia Hallie
JavaScript Visualized - Promise Execution
The cool thing about Promises is that this can trigger an asynchronous action if a handler is attached by either then
or catch
. Since the handlers…
67 Weird Debugging Tricks Your Browser Doesn't Want You to Know
A list of useful, not-obvious hacks to get the most out of your browser’s1 debugger. Assumes an intermediate-level-or-higher understanding of the…
Two-way data binding and reactivity with 15 lines of vanilla JavaScript
how to keep two copies of the same form in sync with each other. […] a simple trick that uses JS Proxies and 15 lines of vanilla JS. Nice!
Educational Sensational Inspirational Foundational
A historical record of foundational web development blog posts. I've already read most of these great articles, and will of course read the few missing.…
My double standards about JS framework compilers
I probably need to unpack some emotional baggage from past decades of work doing ObjC,.Net, and Java client work. Those were not my favorite projects…
3 Methods for Scoped Styles in Web Components That Work Everywhere
WebC allows folks to broaden access to things built with web components without the drawbacks of other methods I really have to try WebC more seriously,…
TIL there are nullish coalescing operator (??
) and assignment (??=
) in many programming languages, including JavaScript.
Never used them, always either using ||
or initialising variables with undefined
.
Should I refactor? 🤔
TIL IntersectionObserver
's rootMargin
only works if the observer is in the same origin, because of privacy concerns:
There is a risk that the API may be used to probe for information about the geometry of the global viewport itself, which may be used to deduce the user’s hardware configuration.
That's why this demo of a sticky navigation doesn't work in CodePen's default view… 😞
I want to be a web developer, not a JavaScript developer. Same. (Read the whole post, of course.)
Which (stable, lightweight, maintained, etc.) npm package would you recommend to transform any RSS or Atom feeds to a standard JSON Feed format?
While we wait for browsers to implement the text-wrap: balance;
#CSS property and value for text (pleeeeeease! 🙏), I may have created a silly — and probably sub-optimal — function to do it with HTML block elements:
https://codepen.io/nhoizey/pen/mdjbrVx
Tell me what you think!
But why? Just because a colleague needed it, we could not find a solution in pure CSS, and I like challenges… 😅
I needed a JavaScript way to verify if two arrays contain the same (all different) values.
I then found a better solution for my use case, but it might be useful later, so here it is:
const sameValues = (array1, array2) =>
array1.length === array2.length &&
array1.every((element) => array2.includes(element));
Many of the latest additions to HTML, CSS, and JavaScript first existed as JavaScript libraries or frameworks or pre-processors or polyfills and then…
Ziemek Bućko
Google Needs 9× More Time To Crawl JS Than HTML
It took Google 313 hours to get to the final, seventh page of the JavaScript folder. With HTML, it took just 36 hours. That’s nearly 9 times faster.…
Sam Magura
Why We're Breaking Up with CSS-in-JS
Thanks for reading this deep dive into runtime CSS-in-JS. Like any technology, it has its pros and cons. Ultimately, it's up to you as a developer…
Jonathan Griffin
Google doesn't see content behind Load More buttons or Infinite Scroll
Google’s John Mueller has confirmed in a Webmaster Hangout that they no longer crawl content behind JavaScript “load more” buttons. Also, Mueller…
Async Alpine — Asynchronous Alpine component loading
Async Alpine is a wrapper for the fantastic Alpine.js JavaScript library, giving you greater control of component loading and adding asynchronous/lazy…
For all the resulting script is asynchronous, the `` block that creates it is fully synchronous, which means that the discovery of the script is governed…
Joe Liccini
Why Your Cached JavaScript Is Still Slow and Incurs Performance Overhead
Caching assets is a fantastic way to optimize the network overhead of your web application, there is still plenty of computational overhead associated…
Miško Hevery
The re-execution of code on the client that the server already executed as part of SSR/SSG is what makes hydration pure overhead: that is, a duplication…
Joe Liccini
Why Your Cached JavaScript Is Still Slow and Incurs Performance Overhead
Most developers still don't understand that large JavaScript code is really hurting performance, let's hope this great explanation by Joe, that this…
With JavaScript, how would you compute all sorted permutations of 1 to n elements from a given array?
For example, with this source [1, 2, 3]
and n=2
How would you get this?
[[1], [2], [3], [1, 2], [1, 3], [2, 3]];
Taylor Hunt
Routing: I’m not smart enough for a SPA
Here comes Taylor's 4th article in his great "Streets" series about web performance and front end architectures. Overall, SPAs’ reliance on client…
Thoughtworks
Thoughtworks Technology Radar Volume 26
In [the Techniques section], there's a "SPA by default" blip set to "Hold": the sheer prevalence of teams choosing a single-page application (SPA)…
Me: I would use a link with an image:
<a href="link/to/profile"><img src="picture.jpg" alt="Nicolas Hoizey" /></a>
Twitter:
🤷♂️
This migration from basicHTML to LinkeDOM in images-responsiver looks good! 😍
I have yet to find if this behavior with HTML entities is an issue.
I'm often ashamed to have to ask for help with JavaScript code, feeling like I'm not up to the task, like I'm an imposter with my few open source projects.
https://github.com/WebReflection/linkedom/issues/69#issuecomment-866797308
I shouldn't be.
But that's the way it is… 🤷♂️
JavaScript performance beyond bundle size
There’s a huge focus recently on JavaScript bundle size: how big are your dependencies? Could you use a smaller one? Could you lazy-load it? But I…
Jeremy Wagner
The juxtaposition of The HTTP Archive’s analysis and The State of JS 2020 Survey results suggest that a disproportionately small—yet exceedingly vocal…
Michael Scharnagl
Loading and replacing HTML parts with HTML
I really would like HTML to be more powerful, and I think showing other content without a full page reload is something people wanted for decades…
Anthony Ricaud
HTML and CSS techniques to reduce your JavaScript
relying on solutions provided natively by browsers enables you to benefit at low cost from the expertise of the community creating web standards.…
I wish I could offer this great UX for less than 537 KB of #Algolia JavaScript libraries… 😥
Remy Sharp
Please disable JavaScript to view this site
Most of the web sites I visit on an average day require JavaScript to allow me to navigate the site fully. At least once a week there will be a web…
When you have a search form on every page, with #Algolia's autocomplete, what is the current best way to load the full required JavaScript only when the input gets the focus?
I didn't start using #Svelte yet, but this presentation of what will come soon really makes we want to find time to do it ASAP! 😍
Always remember that although a subset of the JavaScript community can be very loud, they represent a paltry portion of the web as a whole. This means…
When @getify writes "It took my brain weeks to fully understand the implications of that juggling", I wonder if I really should try to understand… 😅
Looks fascinating anyway:
https://github.com/getify/Functional-Light-JS/blob/master/manuscript/apA.md
Tim Kadlec
The Cost of Javascript Frameworks
In an ideal world, I believe a framework should go beyond developer experience value and provide concrete value for the people using our sites. Performance…
Second-guessing the modern web
[…] there is a swath of use cases which would be hard without React and which aren’t complicated enough to push beyond React’s limits. But there are…
Kitty Giraudel
Great article where Kitty shows how React helps providing N26 clients the features they're looking for even if they unfortunately have JavaScript…
Sebastiano Guerriero
I remember seing a clever design years ago that had this effect on scroll, but it was just for a logo, with a single image. Now that we have clip-path
…
The layered approach of progressive enhancement echoes the separation of concerns in the front-end stack: HTML, CSS, and JavaScript—each layer expressing…
Johan Halse
If code is explicit and testable but hard to read and follow, then we’ve lost our most important property along the way. Code is first and foremost…
Surma
When should you be using Web Workers?
Surma explains very well how “low-end phones will mostly likely be used by the massive number of people coming online in the next couple of years“,…
Cody Lindley
Front-end Developer Handbook 2019
If you want to grok the great diversity of topics and technologies involved in Front-end Web development, here is probably the most comprehensive…
If you’re going to build an image loader that hides the whole page until all images are ready, you must also ask yourself what if the images don’t…
Steve Souders
What catches my eye are the gaps between TTFB and the paint metrics, and between the paint metrics and First CPU Idle. These gaps are caused by JavaScript…
JavaScript universel et architecture isomorphe
On parle depuis quelque temps de « JavaScript isomorphe » pour décrire des architectures Web dans lesquelles on abandonne les principes historiques…
La navigation ne se fige plus en haut de l'écran lors du scroll
Vous l'avez peut-être constaté par vous-même, le menu de navigation de ce site ne se fige plus en haut de l'écran quand vous descendez dans la page.…
Oncle Tom m'a envoyé en douce il y a quelques jours une patate chaude en m'invitant à vous parler de mes conventions de codage. Vaste sujet, et surtout…
Les carrousels en 3D sont à la mode
J'ai vu apparaître ces derniers jours des carrousels en 3D sur les pages des sites de vente en ligne Amazon et Alapage, drôle de coïncidence ! D'après…
Certain(e)s d'entre vous préfèrent lire les commentaires sur les articles par ordre chronologique, comme c'est obligatoirement le cas avec certains…
Comment définir dans jQuery ses propres filtres de sélection
Article initialement publié dans le weblog de Clever Age. La librairie JavaScript jQuery est en train de se répandre à grande vitesse, mais malgré…
Grâce à Google Groups, sorti récemment en version beta, j'ai retrouvé la trace de mes premiers pas sur les newsgroups, le 12 décembre 1996 ! Ces deux…
See all tags.