#ITByte: #HTML and #CSS for Beginners.

Some common resources and exercises to get started with HTML and CSS.

https://knowledgezone.co.in/posts/6262ba0b30089188df3aa643

Because I've just read through a popular website where links just blend in with the surrounding text (no underline, no color difference), I'm sharing this again:

Underline your fucking links

https://mailchi.mp/197063a30c2d/underlines?e=83956672f1

#A11y #WebDevelopment #HTML

:P I think this looks neat, but how to fix, adjust and refine this?

#HTML #CSS

Für meine rein #HTML-Webseite habe ich zwar begonnen Seiten für meine handgefertigten Artikel zu fertigen, aber auch wenn meine Absichten keinen Overhead zu produzieren löblich sind, locke ich damit niemanden hinterm Ofen vor. Umständliche Abläufe respektieren zwar Datensparsamkeit, aber schrecken heutzutage ab.

Ich werde wohl oder übel zu #Wordpress zurückkehren. Mit #wooCommerce sind dann auch Verkäufe möglich, obwohl es überdimensioniert ist.

By the way, if you missed it, I created a proposal for more semantic #HTML elements.

Show some love and support https://github.com/whatwg/html/issues/8693

@josh shit like this is why I block all #HTML #eMails and refuse to allow @thunderbird / #Thunderbird to load anything externally!

uh

#cloudflare #web #server #cache #traffic #request #requests #html

@hbuchel Amen. I’m not even an HTML purist but I think things have gotten out hand. We need a “web values“ movement to reel things back in.

#HTML #WebDevelopment #WebTechnology #Internet

Unsuspecting #react users may come to believe that #WebComponents break react, but the truth is - as usual - exactly the opposite. Despite the superficial similarity to #HTML, react's JSX language breaks the web platform's powerful native slot element. (https://bennypowers.dev/posts/another-way-react-breaks-html/)

I use Safari as my browser of choice

But I was looking at Wikipedia – https://en.wikipedia.org/wiki/31_equal_temperament#Scale_diagram – and saw an oddity in a table: notice the white space at the beginning of the first row in the first image

Firefox (second image) and Google Chrome (third image) show what I think was the table creator’s intent

Can anyone more familiar than I am with the current HTML specs confirm that Safari gets this wrong, and if so, whether it’s a known bug?

The HTML for the row in question looks roughly like this:

<td>Interval (cents)</td>
<td> </td> <!-- column 2 -->
<td colspan=“2">39</td> <!-- columns 3 to 4 -->
<td colspan="2">39</td>
…
<td colspan="2">39</td> <!-- columns 63 to 64 -->
<td> </td> <!-- column 65 -->

The HTML for the next row is roughly:

<td>Note name</td>
<td colspan="2">A</td> <!-- columns 2 to 3 -->
<td colspan="2">B♭</td>
…
<td colspan="2">A</td> <!-- columns 64 to 65 -->

[Edited because, on reflection, the behaviour of Firefox and Chrome seems appropriate – at first I thought there was something weird in Wikipedia’s generated HTML]

#HTML #Safari

First, let me say that I hate working in #electronjs.

I'm trying to figure out why this electron app started rendering at 25% of the intended size on one computer of 33. If I run things inside of a debugger, it shows at 100%. I can't observe the problem with a debugger. 😞

#electron #html #JavaScript

After almost a year of discussions, Apple confirms what we already knew: there will be no customized built-ins

https://github.com/WebKit/standards-positions/issues/97#issuecomment-1645167814

#HTML #WebComponents #specification #DOM #WHATWG

Admitting to myself, I dislike doing #frontend development. It is subject to a lot more whims than the other levels. No one wakes up one morning and says "I want that service call to look fuzzier."

Also, I wish our designers knew #CSS or used tools that created CSS receiving a #photoshop file and constructing the equivalent #HTML and CSS feels a bit tedious. Especially when one has to get the result to be a pixel perfect match to the HTML file.

Tomorrow I get to teach #Astro to my apprentices. Excited to take them from the bobby basics of #HTML #CSS and #JS and step it up a notch to #npm #vite, and other fun things like #TailwindCSS

Why is any bookmarks file exported from a modern Chrome-based browser so broken? Why give it the extension "html" when it is not really html? Why are all the tags broken? Why? Why? WHY? #chrome #browser #html

As a #webdev veteran I feel like the single most important thing that would benefit #frontend developers is a solid knowledge of #HTML and #CSS.

I have seen too many #React and other projects that rely entirely on component libraries like #MUI, but work with such outdated knowledge of #CSS like floats and absolute positioning.

#UI that is solid stable AND sustainsble (from the development standpoint) benefits immensely from the understanding of both #HTML and #CSS.

added this little snippit of #HTML to my website!

<a href="https://mstdn.social/invite/snwq4hXm">Join Mastodon on mstdn.social!</a>

Científico de la computación 👨🏼‍💻

Conocido por ser el padre de la #WorldWideWeb

Fundador del Consorcio de la #W3C y co - creador del lenguaje #HTML

Fiel defensor de que la tecnología web es #Libre y #Gratuita

Un día como hoy #8Jun nace Tim Berners-Lee.

So at first I was only going to learn the HTML and CSS sections in this web development course I've been taking, but now that I'm further in I'm now thinking I may as well do the Javascript section too. 😂😆

#WebDev #html #css #JavaScript #coding

Anyone know how to embed a #WriteFreely blog (not a post) into #HTML?

#Programming