#Development #Guidelines
Tweaking text level styles (reprised) · Guidelines for HTML ‘mark’, ‘del’, ‘ins’, and ‘s’ https://ilo.im/1636wq
_____
#Text #Accessibility #ScreenReader #Print #Browser #WebDev #Frontend #HTML #ARIA
Recent searches
Search options
#frontend
62 posts28 participants3 posts today
#Design #Fun
“Love it!” · Our expectations of web page quality drop https://ilo.im/1630i4
_____
#Comics #AI #GenerativeAI #Webpage #UiDesign #WebDesign #Development #WebDev #Frontend
ilo.imMeanwhile in DevOps #23: Our expectations of quality drop
More from 
Steve Fenton ➜
I'm thinking of introducing a little bit of #JavaScript to my eleventy site. Currently, my site is html and css files only but I would like to give the option for a viewer to set light or dark mode. By default, I will read the media query to determine what a user prefers but I would like to allow a user to manually switch between the modes too.
Dumb idea?
#Development #Resources
Hacker Laws · Useful laws, principles, and concepts for developers https://ilo.im/1632fe
_____
#Technology #Programming #Coding #Laws #Concepts #Principles #Patterns #WebDev #Frontend #Backend
ilo.imHacker Laws
Why isn't `filter` allowed on `:first-letter` anyway? https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter
MDN Web Docs::first-letter - CSS: Cascading Style Sheets | MDNThe ::first-letter CSS pseudo-element applies styles to the first letter of the first line of a block container, but only when not preceded by other content (such as images or inline tables).
#Design #Launches
SnapGrid · An app for collecting and organizing UI screenshots. https://ilo.im/1633e0
_____
#Screenshots #AI #Application #OpenSource #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
GitHubGitHub - gustavscirulis/snapgrid: SnapGrid is an open-source desktop app for collecting, organizing, and analyzing UI screenshots. It uses AI to automatically detect UI components and patterns, making it a powerful tool for designers and developers.SnapGrid is an open-source desktop app for collecting, organizing, and analyzing UI screenshots. It uses AI to automatically detect UI components and patterns, making it a powerful tool for designe...
“Slow websites and websites that don’t work without JavaScript should be taxed.” — Sara Soueidan
____
#Development #Taxes #Website #Accessibility #WebPerf #WebDev #Frontend #JavaScript #Quotes
A typeface for creating sparklines in text without code.
https://github.com/aftertheflood/sparks?tab=readme-ov-file
Works on both the desktop and the web where it works without #Javascript, though it does require a modern-ish web browser.
GitHubGitHub - aftertheflood/sparks: A typeface for creating sparklines in text without code.A typeface for creating sparklines in text without code. - aftertheflood/sparks
NebulaSans is a #font with two styles in six weights... good for "interfaces, print, and for any other graphical, digital, physical, metaphysical, metaphorical, or allegorical typeface needs".
Available "for anyone to use under the SIL Open Font License."
nebulasans.comNebula SansNebula Sans is the brand typeface for Nebula, available under the SIL Open Font License.
Continued thread
Automatic TypeScript function generation - Generates fully-typed, importable functions for 
Simplified frontend integration - Eliminates hardcoding URLs, syncs backend changes automatically to the 
Can someone explain to me why my a::selection text-decoration color is not applied in Firefox and how I can get it to work? 
It does the right thing in Chromium.
#Development #Findings
The decline of Stack Overflow · Which fields were affected the most by the rise of AI? https://ilo.im/1635mr
_____
#Programming #Coding #Debugging #StackOverflow #AI #AiAssistant #ChatGPT #WebDev #Frontend #Backend
#Development #Techniques
CSS-only blurry image placeholders · A minimal technique with a sophisticated mechanism https://ilo.im/163247
_____
#Images #Placeholders #Colors #Gradients #OKLAB #WebDev #Frontend #CSS
ilo.imMinimal CSS-only blurry image placeholders
Inizio la mia entrata su Mastdon con un annuncio:
Il mio portfolio è finalmente pronto! 
Nuove funzionalità:
Gamificazione avanzata: sblocca porte, mini-livello e CTA Game Over (vittoria/sconfitta)
Nuovi #easterEgg, core migliorato, auto-traduzione
Easter egg dipendenti da date particolari
online! 
https://matteosantoro.dev
Sentiti libero di lasciarmi un feedback
#Development #Explorations
Decoding vibe coding · Hype, hope, and hard truths for developers https://ilo.im/16356l
_____
#Programming #Coding #VibeCoding #AI #GenerativeAI #WebDev #Frontend #Backend
Saw the header here https://mastodon.social/@sturobson@front-end.social/114279126167674533 and had to make a version that works without JS, works with image backgrounds behind the header, works for any level of page zoom and is fully flexible when it comes to following the text wrapping on resize.
Play with it on @codepen https://codepen.io/thebabydino/pen/MYWxeew
Preact is a fast 3kB alternative to React with the same API
lemmy.mlPreact is a fast 3kB alternative to React with the same API - LemmyI started using Preact for a project at work and I’m really liking it. Aside
from size and speed, it provides some really nice features not present in React.
For example, I find signals [https://preactjs.com/guide/v10/signals/] are a
really nice way to manage shared state between components.