~100 HTML elements, including 57 unique CSS class names across 83 attributes, 30 hidden DIVs, 3 iframes, 2 external script tags, 2 inline script tags, and 1 actual <img> tag.
the <img> is inside an iframe, nested 3 (!) levels of iframes deep.
🆕 blog! “This link is only available by keyboard navigation”
There's a link, right here ➡️⬅️ but, if you're on a touchscreen, you can't tap on it. Using a mouse? Nope, that won't work either. The only way to navigate to it is via keyboard navigation. Hit your Tab ⭾ button! There's a little bit of me wants to build an entire website which can […]
🆕 blog! “How to password protect a static HTML page with no JS”
I recently saw Robin Moisson's method of password protecting a statically served HTML page. It's quite neat! But it does rely on JavaScript. That got me wondering if there was a way to encrypt a static page only using CSS? And... I think I've done it! I'll warn you now, this is a deeply s…
🆕 blog! “How to check something isn't an email address?”
In web-development circles, it is a well-known fact that trying to validate an email using a regular expression is… complex. The full set of modern email standards allows for such wonderful addresses as: chief.o'brien+ds9@spásárthach.भारत So determining whether or not your user has entered a valid …
🆕 blog! “Does AI mean we don't need the Semantic Web?”
If you hang around with computerists long enough, they start talking about the Semantic Web. If you can represent human knowledge in a way that's easy for computers to understand it will be transformative for information processing. But computers, traditionally, haven't been very good at parsing ambiguous …
This blog has a calendar showing my yearly archives. It was in a table layout - which made sense when I first designed it - but had a few spacing niggles and was hard to make responsive. Now, it behaves like this: The code is relatively straightforward. The HTML for the calendar looks like this: […]
I want to detect if a web browser is running on a device which is capable of placing a telephone call. Is that possible? I'm going to go with a cautious "no - not quite". Although there are several proxies which get you part of the way there. Here's a link to a telephone number […]
The CSS property -webkit-text-stroke is a curious beastie.
MDN gives a big scary warning saying "Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web."
And yet, it works everywhere. All modern browsers support it. Except on Emoji.
Here's how it work. -webkit-text-stroke: pink 1px; draws a pin
An excellent indie #Roguelike ( Thanks @jake4480 ) that runs on current machines (Windows, Linux, MacOS, & HTML5). Frankly, very good! Good surprise! I would have liked it to be compatible with older machines, but no. Two quality PDF manuals. On my list of favorite Roguelikes! If you like this kind of game: recommended! :0)
(You may already know this, but I didn't. Every day is a school day.)
HTML has the concept of the lang attribute. It allows you to say that a specific element contains text in a specific human language. For example, this page starts with:
That says the entire page is written in English, with the sub-type of Great Britain. T
Whenever I open Twitter in a new tab on my phone, the page layout looks weird for a few seconds. It starts out looking like the desktop view and then, after a few seconds, it snaps back to the mobile view.
What's causing this?
Try opening this link to a window size detector in a background tab. Then visit tha
Yesterday I was on a train. I clicked on a link and my browser loaded a long article for me to read. Halfway through reading it, the train went into a tunnel and I lost signal. That meant I couldn't see the images on the other half of the page for the rest of the […]
Google released #WebRTC in 2011 as a way of fixing a very specific problem:
> How do we build Google Meet?
Back then, the web was a very different place. Flash was the only way to do live media and it was a mess. #HTML5#video was primarily for pre-recorded content.
I don't understand why some #WebDev "professionals" often use only ready-made #CSS libraries for website design. No, not everything is easy but, for example, creating #links so that users can see how they lead outside the #website is standard in my opinion.
I have illustrated it for clarification. You can of course change the #logo's to other UTF-8 characters or position according to the desired #design ;)
🧵 …I am always amazed at how some customers complain about the #design and #details of the behavior of their #website. However, more often than not, they have used purchased #CSS functions and have declared most #objects as <div> and not instructed #HTML5 clear. You can solve so much with #CSS3 and not necessarily with JavaScript - once with modern professionals 🙄
I now have a membership tier on my Ko-fi! Have you always wanted your own #HTML5 based #website? Access to exciting, moving, heart warming poems and short stories? What about 320Kbps #MP3 and #FLAC versions of my ring tones and UI notification sounds? Personal shoutouts and #software reviews? Well, for as little as just over a tenner a month, you'll get all these perks and more when you become a fireseeder!
By becoming a fireseeder, you're not only getting access to awesome benefits like those listed above, but you're helping to support a funny, loving, kind hearted #blind#neurodivergent who loves nothing more than being a technology geek and helping others in any way he can, be it through content creation, tech support, or the simple act of being there for someone in need. https://ko-fi.com/seedythreesixty