Programiści wiedzą, że debugowanie jest bardziej naturalne w edytorach kodu, a nie w przeglądarkach. Ale to nieprawda, że w tych drugich nie da się tego zrobić. Trzeba po prostu przeczytać ten artykuł i się dowiedzieć. Na tym polega odpowiedzialność.
SvelteKit 2 coming next week?
I like this docstring from django source code
Know what math concept I never thought I'd use as much as I actually do? Modulos. Glad my degree was good for something.
*Image Description: Code Editor Screenshot. Twig templating code that outputs 3 different styles on rotation, based on the results of a modulo 3 operation on a switch function. The result is alternating image shapes due to applied CSS classes.*
I'm checking out Laravel Herd for managing PHP dev environments on my Mac and the switch from Valet & Homebrew managed PHP was smooth and quick.
Only snag I ran into was the big "Stop Valet" button in the installer didn't work so I had to run valet stop manually in order to get everything working.
Herd offers some advantages over using Valet and Homebrew managed PHP dev environments on a Mac but I don't have enough chars to share.
Why does everyone love tailwind
🦖 MediaTrackConstraints: aspectRatio property 🦖
The MediaTrackConstraints dictionary's aspectRatio property is a ConstrainDouble describing the requested or mandatory constraints placed upon the value of the aspectRatio constrainable property.
🎉 New major release #WebComponent v2.0.0!
- Easily define and initialize `props` that get translated into observed HTML attributes
- A new minimal `html` function for tagged templates powered by preact's tiny (450 Bytes) `htm/mini`
- Attach "side effects" that gets triggered on property value changes with `attachEffect`
- All internals now exposed as utils in `web-component-base/utils`
Very fragile (won't scale up unless SO will be so kind and bump my app limits in the future), but here we go: kukei.eu has some basic Stack Overflow integration.
Integration because I'm not crazy enough to crawl SO or build that MS SQL database from their public dumps. In the future maybe, but now it's "just" Search API integration.
PS: If I'm abusing webdev tag tell me, I'll stop.
sometimes see otherwise smart devs claim we do not need browser engine choice.
it's understandable as most developers do not remember IE stagnation, which now in hindsight was a great boon teaching the importance of stability, but also enabled Firefox to catch up, exceed IE in courting devs, and open the gates for further diversity.
diversity is good! we want options.
a singular engine, even auto upgrading, would absolutely jeopardize the open web.
#Day47 : continuing Bookshelf project
- Login function : <dialog> element contains the connexion form. username and password are passed to the backend endpoint "/login"
- Authentification : Retrieving username and password. Hashing it through bcrypt. Fastify-secure-session plugin adds a session cookie.
Source Code : https://github.com/teotimepacreau/bookshelf
Had cause to weigh some Google TagManager guff and provisional conclusion is that – leaving aside its panopticon scope – it adds 83 KB compressed to a page: 272 KB uncompressed.
Added to which, it necessitates a dismal cookies optin gateway.
The indexed web is reckoned to be approaching 5 billion pages and it’s estimated that 56% of that is running Google Analytics, so that would be about 232 TB of code to deliver reporting that most people don’t look at or understand
Using Prettier for ERB files
🦖 Animating textures in WebGL 🦖
In this demonstration, we build upon the previous example by replacing our static textures with the frames of an mp4 video file that's playing. This is actually pretty easy to do and fun to watch, so let's get started. You can use similar code to use any sort of data (such as a <canvas>) as the source for your textures.
Today's #HTMHell calendar revealed my article! 😱 Check it out if you're in need of a template of accessibility guidelines for wherever you work.
It's opinionated and supposed to be adjusted, so please do with it whatever you see fit.
@eleventy is simpler and less opinionated than Hugo, and once you get the hang of it you can make nice little "data driven" pieces with very little effort. I've also started from scratch with HTML and CSS, keeping everything to a (reasonable) minimum.
#blog #staticsite #staticsitegenerator #blog #web #webdev #webdevelopment #eleventy #11ty
I made a site for traveling cannabis consumers to check legality in your current location
Bringing My Old Website Back From The Dead: https://www.julianlopez.net/posts/2023/12/bringing-my-old-website-back-from-the-dead
#webdev #jekyll #blogging
Following along some of my other #webdev buddies, I've added a new notes feature to my website. For those tid-bits that are too small for a blog post.
Still a work in progress :)
I also removed a library dependency (pico.css) and re-wrote all the left-over styles with vanilla #css layers.
🦖 StylePropertyMapReadOnly 🦖
The StylePropertyMapReadOnly interface of the CSS Typed Object Model API provides a read-only representation of a CSS declaration block that is an alternative to CSSStyleDeclaration. Retrieve an instance of this interface using Element.computedStyleMap().
+ Crawler runs periodically, but in a polite way. Will visit a single website maximum once a day, which I'll bump to 3 - 4 days soon, but first want to monitor how it affects my own infra.
+ ensure polite wait between crawling pages is minimum 500, even if robots.txt says lower (for my own good)
+ added new index: magazines with first almost crawled website: @smashingmag (almost because crawler had a bug and died, will resume tomorrow - once a day rule)
+ Dark mode
+ <number-format> mini web component in the footer that takes inner htm and formats it to `toLocaleString`. Perfect example of progressive enhancement (website is still 100% functional without JS, had to give up the no-JS rule because it seems CSS cannot format numbers to locales).
Above is inspired by @zachleat mini web components whose blog is also added to the index.
Thing is growing and I'm having more and more fun with it.
Introducing Astro 4.0!
I'm doing perhaps a deeper dive than is healthy into color on the web. Here's my first of several planned posts on different color spaces and color models:
🦖 ElementInternals: ariaDescription property 🦖
The ariaDescription property of the ElementInternals interface reflects the value of the aria-description attribute, which defines a string value that describes or annotates the current element.
„never ship on fridays“ #webdev
that's what I always say https://www.octomind.dev/blog/on-developer-dogma-3-never-ship-on-fridays