Toots for cssbasics@hachyderm.io account

Written by CSS Basics on 2025-01-31 at 18:00

It's time to ditch BlinkMacSystemFont and -apple-system: "If you skimmed the content so far, let me summarize: system-ui was added looong time ago to replace both BlinkMacSystemFont and -apple-system. You don't need these two anymore." https://highperformancewebfonts.com/read/ditch-BlinkMacSystemFont-and-apple-system

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-29 at 20:00

Beyond Alt Text: Overlooked Accessibility Features You Should Be Using: "When it comes to creating accessible designs, we always think of the basics, like adding alt-text, translations, and color palettes. But there’s more to #a11y than those basic features." https://designshack.net/articles/accessibility/overlooked-accessibility-features/

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-29 at 18:00

Learning #HTML is the best investment I ever did: "One of the running jokes and/or discussion I am sick and tired of is people belittling HTML. Learning HTML is a solid investment and not hard to do." https://christianheilmann.com/2025/01/15/learning-html-is-the-best-investment-i-ever-did/

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-27 at 20:00

Accessibility essentials every front-end developer should know: "Essential accessibility practices, including semantic HTML, alt texts, ARIA, and keyboard navigation tips to build inclusive components." #a11y https://martijnhols.nl/blog/accessibility-essentials-every-front-end-developer-should-know

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-27 at 18:00

Is there such a thing as a web-safe font? "Courier. Arial. Times New stinkin' Roman! If these are not 'safe', there is no such thing as a web-safe font." #CSS https://www.highperformancewebfonts.com/read/web-safe-fonts

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-22 at 20:00

Lesser Known Uses Of Better Known #HTML Attributes: "Most of us know that the target="blank" attribute opens a link in a new tab or window. But did you know that you can use it on the <form> element, too?" https://www.smashingmagazine.com/2025/01/lesser-known-uses-better-known-attributes/

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-21 at 18:00

A couple #CSS tricks for #HTML Dialog elements: "You can blur the dialog backdrop using the ::backdrop CSS pseudo-element, and you can also disable page scrolling when a dialog is open." https://dev.to/cassidoo/a-couple-css-tricks-for-html-dialog-elements-2cc6

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-17 at 20:00

The underrated element: "It was originally intended to group terms with their definitions, but it's also a great fit for other content that has a key/value structure, such as product attributes or cards that have several supporting details." #HTML https://htmhell.dev/adventcalendar/2024/26/

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-17 at 18:00

[#]HTML & #CSS for Absolute Beginners: "A free video course exploring how to create your first website. Assuming zero knowledge to start, it explores how to start making your first files, HTML & CSS syntax, layout, and responsiveness." https://www.youtube.com/playlist?list=PL4-IK0AVhVjOJs_UjdQeyEZ_cmEV3uJvx

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-16 at 20:00

[#]HTML datalists are more powerful than you think: "It’s not an alternative for the element. A field associated to a can still allow any value that is not listed in the elements." https://htmhell.dev/adventcalendar/2024/29/

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-13 at 20:00

The devil is in the : "Since 2020, all major browsers support the #HTML and its companion elements. Combined, they replace the need for JavaScript and CSS hacks to create an accordion component." https://htmhell.dev/adventcalendar/2024/23/

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-13 at 18:00

[#]CSS box-decoration-break: "Deal with styling for elements that span multiple lines." https://12daysofweb.dev/2024/css-box-decoration-break/

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-10 at 20:00

Grouping form fields: "Having multiple choice questions, e.g. in a survey, is an ideal example in grouping form fields. You can use the legend as question and radio buttons as the answers." #HTML https://htmhell.dev/adventcalendar/2024/21/

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-08 at 20:00

Why heading order matters in #HTML: "Just like a well-organised document needs a clear table of contents, your HTML needs a logical hierarchy of headings." #a11y https://fedmentor.dev/posts/heading-order/

=> More informations about this toot | View the thread

Written by CSS Basics on 2025-01-08 at 18:00

[#]CSS content-visibility: "Hide all an element's content, including text nodes and pseudo content." https://12daysofweb.dev/2024/css-content-visibility/

=> More informations about this toot | View the thread

Written by CSS Basics on 2024-12-20 at 20:00

Native #HTML light and dark color scheme switching: "The #CSS color-scheme property is essential for setting the scene for everything else. Most importantly, it turns on the browser’s default dark scheme support." https://htmhell.dev/adventcalendar/2024/9/

=> More informations about this toot | View the thread

Written by CSS Basics on 2024-12-18 at 20:00

Don't Fuck With Scroll: "Momentum scrolling is like turning a functional bike into a unicycle because it "looks cool". It adds unnecessary complexity, degrades usability, and frustrates users. Stick to what works: native, predictable, fast scrolling behavior." #a11y https://dontfuckwithscroll.com/

=> More informations about this toot | View the thread

Written by CSS Basics on 2024-12-09 at 20:00

Why you should stop using placeholders in text boxes: "Placeholders are not labels. Accessibility advocates have been saying this for a very long time. But that hasn’t stopped developers from using placeholders as visual labels." #a11y https://uxdesign.cc/stop-using-placeholders-3b9f362a50d8

=> More informations about this toot | View the thread

Written by CSS Basics on 2024-12-09 at 18:00

Alt Text: Not Always Needed: "Most images require description for clarity, there are exceptions. This set of notes looks at different situations and contexts where alt text may not be needed and what to do in those cases." #a11y https://css-tricks.com/alt-text-not-always-needed/

=> More informations about this toot | View the thread

Written by CSS Basics on 2024-12-06 at 20:00

Avoid Read-only Controls: "In short, if you think read-only controls are a hassle to style and script and properly expose, imagine how much of a hassle they are to use. Probably avoid them." #a11y https://adrianroselli.com/2024/11/avoid-read-only-controls.html

=> More informations about this toot | View the thread

=> This profile with reblog | Go to cssbasics@hachyderm.io account