#webpage — Public Fediverse posts

One #accessibility issue I mention frequently is web designers, presumably for aesthetic reasons, making low-contrast colour choices. It also frequently goes along with selecting a #font so small that only people with excellent vision (and no #presbyopia) can read them, even if the #contrast were higher.

Here's an example. I'm not pointing out the software in question, even though you could identify it easily, because this isn't a dunk on that project, specifically.

This is the reference #documentation for an API, a small excerpt from the navigation links that run down a column on the left side of the page. The #text is darkish #grey on a lighter grey background. The contrast is terrible, particularly ignoring the highlighted entry because that's bolded as the current selection.

If you have #cataracts or any other #vision problem, you're going to have trouble with this. But it gets worse.

That text is 7 pixels high. On my monitors, it's 3 mm high. Ridiculous. Note that if you have fine motor-control problems or use alternative input devices, these are also extremely difficult to click on.

Here's the kicker: for this site, I have Firefox set to #scale the text up to 133%. That 7 pixels / 3 mm is *after* enlarging it.

#Web folks, please try to remember that not everyone is a twenty-something able-bodied person with zero accessibility issues.

#WebDesign #WebDesigner #usability #readability #legibility #WebPage

One #accessibility issue I mention frequently is web designers, presumably for aesthetic reasons, making low-contrast colour choices. It also frequently goes along with selecting a #font so small that only people with excellent vision (and no #presbyopia) can read them, even if the #contrast were higher.

Here's an example. I'm not pointing out the software in question, even though you could identify it easily, because this isn't a dunk on that project, specifically.

This is the reference #documentation for an API, a small excerpt from the navigation links that run down a column on the left side of the page. The #text is darkish #grey on a lighter grey background. The contrast is terrible, particularly ignoring the highlighted entry because that's bolded as the current selection.

If you have #cataracts or any other #vision problem, you're going to have trouble with this. But it gets worse.

That text is 7 pixels high. On my monitors, it's 3 mm high. Ridiculous. Note that if you have fine motor-control problems or use alternative input devices, these are also extremely difficult to click on.

Here's the kicker: for this site, I have Firefox set to #scale the text up to 133%. That 7 pixels / 3 mm is *after* enlarging it.

#Web folks, please try to remember that not everyone is a twenty-something able-bodied person with zero accessibility issues.

#WebDesign #WebDesigner #usability #readability #legibility #WebPage

One #accessibility issue I mention frequently is web designers, presumably for aesthetic reasons, making low-contrast colour choices. It also frequently goes along with selecting a #font so small that only people with excellent vision (and no #presbyopia) can read them, even if the #contrast were higher.

Here's an example. I'm not pointing out the software in question, even though you could identify it easily, because this isn't a dunk on that project, specifically.

This is the reference #documentation for an API, a small excerpt from the navigation links that run down a column on the left side of the page. The #text is darkish #grey on a lighter grey background. The contrast is terrible, particularly ignoring the highlighted entry because that's bolded as the current selection.

If you have #cataracts or any other #vision problem, you're going to have trouble with this. But it gets worse.

That text is 7 pixels high. On my monitors, it's 3 mm high. Ridiculous. Note that if you have fine motor-control problems or use alternative input devices, these are also extremely difficult to click on.

Here's the kicker: for this site, I have Firefox set to #scale the text up to 133%. That 7 pixels / 3 mm is *after* enlarging it.

#Web folks, please try to remember that not everyone is a twenty-something able-bodied person with zero accessibility issues.

#WebDesign #WebDesigner #usability #readability #legibility #WebPage

One #accessibility issue I mention frequently is web designers, presumably for aesthetic reasons, making low-contrast colour choices. It also frequently goes along with selecting a #font so small that only people with excellent vision (and no #presbyopia) can read them, even if the #contrast were higher.

Here's an example. I'm not pointing out the software in question, even though you could identify it easily, because this isn't a dunk on that project, specifically.

This is the reference #documentation for an API, a small excerpt from the navigation links that run down a column on the left side of the page. The #text is darkish #grey on a lighter grey background. The contrast is terrible, particularly ignoring the highlighted entry because that's bolded as the current selection.

If you have #cataracts or any other #vision problem, you're going to have trouble with this. But it gets worse.

That text is 7 pixels high. On my monitors, it's 3 mm high. Ridiculous. Note that if you have fine motor-control problems or use alternative input devices, these are also extremely difficult to click on.

Here's the kicker: for this site, I have Firefox set to #scale the text up to 133%. That 7 pixels / 3 mm is *after* enlarging it.

#Web folks, please try to remember that not everyone is a twenty-something able-bodied person with zero accessibility issues.

#WebDesign #WebDesigner #usability #readability #legibility #WebPage

One #accessibility issue I mention frequently is web designers, presumably for aesthetic reasons, making low-contrast colour choices. It also frequently goes along with selecting a #font so small that only people with excellent vision (and no #presbyopia) can read them, even if the #contrast were higher.

Here's an example. I'm not pointing out the software in question, even though you could identify it easily, because this isn't a dunk on that project, specifically.

This is the reference #documentation for an API, a small excerpt from the navigation links that run down a column on the left side of the page. The #text is darkish #grey on a lighter grey background. The contrast is terrible, particularly ignoring the highlighted entry because that's bolded as the current selection.

If you have #cataracts or any other #vision problem, you're going to have trouble with this. But it gets worse.

That text is 7 pixels high. On my monitors, it's 3 mm high. Ridiculous. Note that if you have fine motor-control problems or use alternative input devices, these are also extremely difficult to click on.

Here's the kicker: for this site, I have Firefox set to #scale the text up to 133%. That 7 pixels / 3 mm is *after* enlarging it.

#Web folks, please try to remember that not everyone is a twenty-something able-bodied person with zero accessibility issues.

#WebDesign #WebDesigner #usability #readability #legibility #WebPage

Artist of Week

https://sideshowhost.wordpress.com/2026/04/13/artist-of-week/

Artist of Week

https://sideshowhost.wordpress.com/2026/04/13/artist-of-week/

Artist of Week

https://sideshowhost.wordpress.com/2026/04/13/artist-of-week/

Artist of Week

https://sideshowhost.wordpress.com/2026/04/13/artist-of-week/

Artist of Week

https://sideshowhost.wordpress.com/2026/04/13/artist-of-week/

We just dropped a new #tutorial 🙂
https://youtu.be/VKqWNHagZks

This time we’re looking at how to extract all the text from a #webpage (or just a specific section).

It’s a simple node, but it’s actually the starting point for a lot of #workflows (like AI #summarization .

Still early days for the project, so feedback really helps 🙏

https://awflow.io

https://blog.gslin.org/archives/2026/03/30/12960/%e8%ae%93%e4%ba%ba%e6%87%b7%e5%bf%b5%e7%9a%84-isp-netscape-com/

讓人懷念的 isp.netscape.com

#acm #amazon #aol #aws #browser #certificate #cloud #code #com #compuserv #doctype #history #homepage #html #html4 #isp #lite #netscape #nostalgia #service #ssl #tls #web #webpage

https://blog.gslin.org/archives/2026/03/03/12911/2025-%e5%b9%b4%e7%88%ac%e5%8d%81%e5%84%84%e5%80%8b%e9%a0%81%e9%9d%a2%e7%9a%84%e6%88%90%e6%9c%ac/

2025 年爬十億個頁面的成本

#amazon #aws #cloud #crawler #crawling #engine #html #https #javascript #js #library #lxml #performance #search #selectolax #service #speed #ssl #tls #web #webpage

NOT a new blog post!

This time there is no new blog post, but I did a bit of spring cleaning and updates.

I updated the About and /Uses pages, and added Projects and Talks.

https://stfn.pl/about/
https://stfn.pl/projects/
https://stfn.pl/talks/
https://stfn.pl/uses/

#blog #webpage #uses

Using Vega Visualisation Grammar to visualise earthquakes reported by @gfzearthquakes

https://jornfranke.codeberg.page/demo-web-pages/vega-gfz-earthquakes/

#vega #visualisation #earthquakes #gep #javascript #webpage #codeberg #example

Oh, the horrors! 🤖 Schools are about to be taken over by #AI, but wait—JavaScript isn't working, so, um, never mind? 😂 Apparently, the only thing AI is disrupting is your ability to #load a #webpage. 🌐✨
https://twitter.com/karpathy/status/1993010584175141038 #Disruption #JavaScript #Education #Humor #HackerNews #ngated

#Development #Guides
Start implementing view transitions · A practical guide to bringing your website to life https://ilo.im/167zcw

_____
#ModernCSS #ViewTransitions #WebPage #Animations #API #Browser #WebDev #Frontend #CSS #JavaScript

#Development #Guidelines
HTML page headings in the header? · Why they don’t really belong there https://ilo.im/167o5x

_____
#Headings #SemanticHTML #Accessibility #Landmarks #ScreenReader #Keyboard #WebPage #WebDev #Frontend #HTML

旋宮圖簡介brief introduction of Hsüan Kung Diagram
終於，我完成了旋宮圖簡介頁面！
Finally, I have completed the brief introduction page of Hsüan Kung Diagram!

Available in 漢語, English, 日本語, 㗂越(Tiếng Việtㅤ), 韓國語(한  국  어)·朝鮮語(조  선  어)!

​:fox_excited_blur:​ ​:fox_excited_blur:​ ​:fox_excited_blur:​ ​:fox_excited_blur:​ ​:fox_excited_blur:​ ​:fox_excited_blur:​

#音樂 #樂理 #音樂理論 #中華 #中國音樂 #國樂 #民樂 #中樂 #華樂 #網頁 #編程 #music #musictheory #theory #chinese #chinesemusic #web #webpage #webpages #javascript #html #css #音乐 #乐理 #音乐理论 #中华 #中国音乐 #国乐 #民乐 #中乐 #华乐 #网页 #编程 #音楽 #中国 #旋宮圖 #旋宫图 #âmnhạc #amnhac #trungquoc #중국 #음악

📜AVANCE DE CURSO: MOCKUP DE SITIO WEB OSCURO EN FIGMA

https://drixpell.com/2025/05/18/avance-de-curso-mockup-de-sitio-web-oscuro-en-figma/

#drixpell #drix #pagina #web #figma #prototipo #oscuro #dark #banner #mockup #sitio #curso #composicion #webpage #diseño #design #webdesign #website #designer #webdeveloper #digital #creative

📜AVANCE DE CURSO: MOCKUP DE SITIO WEB CLARO EN FIGMA

https://drixpell.com/2025/05/16/avance-de-curso-mockup-de-sitio-web-claro-en-figma/

#drixpell #drix #pagina #web #figma #prototipo #claro #light #banner #mockup #sitio #curso #composicion #webpage #diseño #design #webdesign #website #designer #webdeveloper #digital #creative

"Mount McKinley", & the Gulf of Mexico becomes the "Gulf of America" - Maybe someone should just give him a Sharpie & a bunch of old maps to keep him busy while the adults legislate.
Link is to one of his many Day One Executive Orders, this one creates a board to rename things...
#WhiteHouse #dot #gov #overhaul #webpage #grift #TV #personality #president #fascist #divisive #hateful #spite #filled #USA #GOP #attack the #most #vulnerable #among #us for #political #gain
https://www.whitehouse.gov/presidential-actions/2025/01/restoring-names-that-honor-american-greatness/

#Development #Guidelines
HTML iframes to embed arbitrary content · Why general page content is best kept out of iframes https://ilo.im/161lsm

_____
#Accessibility #ScreenReader #Keyboard #Scrolling #Iframe #Content #WebPage #WebDev #Frontend #HTML

Finally finished switching my blog to #jekyll, which is super light, #EnergyEfficient (and thus more #EnvironmentallyFriendly), and lets me get into the back-end nitty-gritties armed only with a vague notion of #HTML coding from teenage years spent on #LiveJournal. Major props to @RyanChartier for enabling me; if you ask him very nicely, he might help you make a simple, lean #webpage, too. (seriously, give him a shout if you're interested)

https://arielkroon.ca/

#Development #Techniques
Common misconceptions about optimizing LCP · Where developers should focus their optimization efforts https://ilo.im/15zuza

_____
#Image #WebPage #WebPerf #CoreWebVital #LCP #TTFB #CrUX #WebDev #Frontend #HTML

very big news for me, praise and thanks to the One who doesn't need it

my #webpage is #up https://javedab.com/ - Allahuakbar, so glad about it

still a lot to do here, #seo, view transitions, internal linking and more

#freepalestine #web #coding #webdesign #newwebsite #launch

#DailyBloggingChallenge (153/200)

There are two main ways to #scrape a #website, either actively or passively.

Active scraping is the process of using a trigger to actively scrape the already loaded webpage.

Passive scraping is the process of having the tool navigate to the webpage and scrape it.

The main difference is how one is getting to the loaded #webpage.

#WebsiteScraping