j9t, (edited ) Contrast the attached screenshot of code for an index.html sample file with the minimal and valid alternative,
<!doctype html>
<title>My Website Home Page</title>
<h1>Welcome to my website</h1>
<p>Now hosted on Amazon S3!But a few of you know that this is a thing of mine (and of everyone into minimal and valid HTML), so I [won’t use this as a teaser for anything 🙂].
cferdinandi, 🍦 New Article: Your site or app should work as much as possible without JavaScript https://gomakethings.com/your-site-or-app-should-work-as-much-as-possible-without-javascript/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie
mahryekuh, @cferdinandi That's a spicy take in this era of React et al. addicts, and I'm all for it!
(Mandatory: these JS frameworks have a place)
cferdinandi, @mahryekuh Regarding the mandatory "they have their place": I'd argue that React's ONLY place is at Facebook for their internal needs, and even though, they'd be better served by another tool.
React is a bad choice for 99% of the tasks its used for.
SteveFaulkner, (edited ) 🆕 ALT LEFT
"AI can help by providing mostly accurate descriptions of images on web pages. This can be especially helpful when the image has not been provided with an text alternative, but is visible on the page."
#HTML #ARIA #accessibility #screenReaders #webDev
⚠️ Nightmare image content warning.
https://html5accessibility.com/stuff/2024/05/27/alt-left/
yatil, @SteveFaulkner @sarajw You’re just a much stronger person than I am, Steve.
SteveFaulkner, @yatil @sarajw i tried to balance it out with song at end https://youtu.be/MAVmWEMhxCM
Natanox, I probably get flooded by asking this but welp, here I go:
I'm looking for a good, visual (!) #tutorial for #WebDevelopment that focuses on Codium, Firefox and other Open-Source tools. My specific interests are to learn #HTML, #CSS, #PHP and #SQL. Perhaps some minor #Javascript, however I'd like to primarily work without it.
I'm a visual learner, extended theory in text won't help me at all. As language is visual to me, so is #programming.
Anyone knows something that checks these boxes?
Natanox, @Crell Only if necessary, it makes the learning process unnecessarily convoluted (harder to scrub through a video than a website and the pace is always changing).
Crell, @Natanox That's why I don't usually like videos, either. :-) What counts as visual, then? Lots of code samples?
cssbasics, Switching It Up With #HTML’s Latest Control: "After years of relying on checkbox hacks to create a “switch” control for forms that toggle between two states, HTML may be gaining a native way to go about it by adding a
switch
attribute to checkbox inputs." https://www.smashingmagazine.com/2024/05/switching-it-up-html-latest-control/
seaotta, Hey #webdev crew - It's a perfect weekend to stock up on technical & educational books this weekend as EVERYTHING is 50% over at Manning Publications!
That means my book "Design for Developers" is 50% off! Snag a physical copy so you get all the pages in color (it makes a difference!)
wez, In 2024, for a locally hosted app that should feel fast, are there good reasons to prefer a pagination UX for an html table vs. showing all ~5k rows and just scrolling through them?
FWIW, I dislike the pagination UX, and resent seeing images load lazily on a 10Gbps network.
The underlying query is essentially instant; the bottleneck appears to be the browser, and I can ~solve that by batching DOM updates.
What's the prevailing wisdom here?
preinheimer, @wez Show me all the rows!
So many places even have drop downs "Do you want to see 10 rows, 20 rows, 50 rows, or 100 rows" and default to the smallest. I always want the biggest, or even better "all".
mwop, @wez I've been playing with HTMX, and one thing I've loved is that it makes infinite scroll trivially easy and responsive. I'm finding I prefer this a ton to pagination.
NeussWave, German Ich mag eine #Website machen, möglichst reines #HTML 4, möglichst ohne #Javascript. CSS 3 wenns sein muss, sonst eher 2.
Die Website soll möglichst auf Chrome genauso laufen wie auf Netscape (die Älteren werden sich erinnern...) und auch in Text-Browsern wie Lynx oder w3m.
tl;dr: Die Seite soll auch noch funktionieren, wenn javascript und css ausfallen.
Wie würde ich da denn "Tabs" machen? Oder was wären Alternativen zu tabs?
j9t, @leanpub with an unbeatable offer for all “Upgrade Your #HTML” books 📚
Offer URL: https://leanpub.com/b/upgrade-your-html-1-5/c/B8F9F7B6A7044D16AF962B6647B04CD5
w84death, I'm thinking of keeping sprites as set of rectangles for my bootsector games.
To test this approach I'm creating a simple painting app that will export to such format.
deshipu, @w84death how about something like the haiku icon format? https://blog.leahhanson.us/post/recursecenter2016/haiku_icons.html
j9t, (edited )
j9t, @sjorsrijsdam, yes, understandable :) It doesn’t seem to be a common expression, hence asking about it. Curious what the poll will show!
j9t, Thanks everyone who responded!
And—I’m not quite sure what to do now! 😄
docalabordage, French Mastodon #jerecrute ! Une asso dont je suis membre cherche à refaire son site internet, avec un CMS libre tant qu'à faire, plutôt sur SPIP. est ce que vous connaissez des boites qui propose des presta sur SPIP ? #webdev
Monolecte, French
doefom, Here's another interesting #HTML tag. <mark> lets you highlight certain parts of your text to draw extra attention to it.
One real world example where this can be especially useful is highlighting the parts of your search results that match the search query. Or at least that's where I regularly use it.
Any more ideas on where this might be useful?
shaedrich, @doefom If you have comments in a text. These could be put in the title attribute and displayed as a tooltip or the like.
doefom, German @shaedrich that’s a great use case indeed, thanks!
joelanman, not sure about loading=lazy in html, I'm sure it makes the initial page load quicker but the pop in of images is distracting
dracos, @joelanman @mac Near doesn’t have to mean in-view though, the browser can start trying to load them before they come into view if it likes. And if you’ve predefined the dimensions it should pop in smoothly. It saves our users a lot of bandwidth on https://www.theyworkforyou.com/mps/ – https://x.com/hdjirdeh/status/1161883719986139136
joelanman,
noellemitchell, I don't know why or how my #Neocities blog has 17K views, it's not that great looking lol 😂
quite_adept, sorry that was me, I opened your site in 17k new tabs... but probably a lot of it is from web crawlers, at least I believe most of the traffic on my sites isn't real people based on the numbers and distribution...
noellemitchell, @quite_adept I kind of figure it isn't real traffic either. Hardly anyone clicks on links 😆
doefom, Do you know the #HTML tags 'details' and 'summary'? I didn't until now.
The combination of those two let's you toggle content with default HTML behavior. This is one of those things you will probably not use in production because it just doesn't look so nice but as always, for quickly prototyping something like an FAQ section this might just fit in perfectly.
lyokolux, @doefom What stops you from using it in production? They are great toggle to display more content after a user interaction.
doefom, German @lyokolux Nothing and you’re absolutely right! I just don’t like the little arrow, it looks a bit „old“ I think but that definitely is not a deal breaker for sure. Maybe you can even change the arrow? Don’t know
cferdinandi, 🍦 New Article: Data portability: API getter and setter methods https://gomakethings.com/data-portability-api-getter-and-setter-methods/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie
mobileatom,
joelanman, Got a Playwright question - in my tests I'm clicking a button which in the backend sends an email. I tried to use Jest to mock that function in the backend so it doesn't send an email, but that doesn't seem to work. Should it?
I could check for NODE_ENV in the backend and not send an email, but I'd like access to the email contents in my playwright test, but without actually sending an email.
Am I thinking about this all wrong?
joelanman, I'm thinking maybe if NODE_ENV is test, save emails to a folder instead of actually sending them. Then you can access them from tests
rogerlipscombe, @joelanman I've done that in the past, yeah.
kubikpixel, (edited )
inlovewithpda, @kubikpixel @fedora KDE Plasma also works, but I was never a KDE guy. Personally like gnome more. And this is the great thing about Linux ... you have the choice
kubikpixel, @inlovewithpda @fedora yes‼️ ✌️🤓👍
thudfactor, See, there are still awesome sites on the Internet. Here you can test-drive roughly 100 monospaced programming fonts. https://www.programmingfonts.org/
I don't have time to look through all of them, so let me know what your favorites are. #webdev
jonikorpi, @thudfactor definitely Intel One Mono: designed to be accessible for people with poor vision, so it feels great for everyone
cferdinandi, 🍦 New Article: Why paying down tech debt matters https://gomakethings.com/why-paying-down-tech-debt-matters/ #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie
mobileatom, Best Practices For Naming Design Tokens, Components, Variables, And More. #WebDesign #WebDev
Posted into Responsive Design, UX, UI, and more @responsive
kaiserkiwi, I just realized that I've been doing the #WebDev stuff professionally* for about 18 years now. Holy cow.
*Aka: I earn money with it. When I started with 16 I definitely did nothing that I would call professional 😅
kaiserkiwi, Now that I realize it, I would love to take a break for a few months… Just live my life and not solving luxus problems of other people day by day. Just doing my own thing for some time.
Unfortunately, I don't have rich parents, nor have I inherited wealth from anyone else. So that remains a dream...
boolat,