Top Tweets for #linthtmlwithcss
@Stegosource there are a few! they offer aggregated stylesheets with all the #lintHTMLwithCSS stuff and more 👍🏻
https://t.co/wI05axcXHJ
https://t.co/HfmU11aNWy
https://t.co/aZ9mJXdHIT
probably more i'm missing
Day-151 of #301DaysOfCode
Finding image doesn’t have alt attribute ⤵️
#lintHTMLwithCSS #a11y #CSS #CodeNewbie #freeCodeCamp #100DaysOfCode
@fienen @CodePen I took the time to collect all the #linthtmlwithcss snippets, putting it in one CSS file on Github. I'll try my best to keep this list up to date. 🤙
https://t.co/PhxaSJHvHI
"🚀 7 amazing CSS tips and tricks for linting your HTML 🔥" by @TrustedSheriff #DEVCommunity https://t.co/161lwuUcVY #frontend
#html #linthtmlwithcss #css #js
Want your web development life changed? Check out the #lintHTMLwithCSS hashtag and go down the rabbit hole.: https://t.co/8OWcuc8KXq
Inline <a> should not contain any block level elements #lintHTMLwithCSS .
A common HTML mistake.
#100DaysOfCode #HTML #CSS
Here's a better solution utilizing :first-of-type, since you could have an article with h2's following a subsection that included an h3, etc.:
/ht @tabatkins
#lintHTMLwithCSS
#lintHTMLwithCSS:
/* Headers out of order (i.e. h2 before h1, etc.)
Result: dotted blue outline
*/
h2 ~ h1,
h3 ~ h1,
h4 ~ h1,
h5 ~ h1,
h6 ~ h1,
h3 ~ h2,
h4 ~ h2,
h5 ~ h2,
h6 ~ h2,
h4 ~ h3,
h5 ~ h3,
h6 ~ h3,
h5 ~ h4,
h6 ~ h4,
h6 ~ h5 {
outline: 2px dotted blue;
}
#lintHTMLwithCSS
Languages like Arabic or Hebrew require a text direction. This selector hunts for Arabic or Hebrew [lang] usage and checks the [dir] to ensure a proper pairing
![argyleink's tweet photo. #lintHTMLwithCSS
Languages like Arabic or Hebrew require a text direction. This selector hunts for Arabic or Hebrew [lang] usage and checks the [dir] to ensure a proper pairing https://t.co/pJKzFvNlgq](https://pbs.twimg.com/media/EbItjzMVcAAS3Ex.jpg)
@geoffreycrofte I use <svg viewBox="..." aria-hidden="true" focusable="false"> all the time. It would be labeled as a warning by this ruleset even though it shouldn’t because it has aria-hidden on it.
#lintHTMLwithCSS #a11y
#lintHTMLwithCSS
this selector hunts for links that might be used for phishing
h/t https://t.co/NmqN7iXluX && @mathias via https://t.co/3Yz8qWH8F7
a[target='_blank']:not([rel*='noopener']):not([rel*='noreferrer'])::after {
content: '‼️'
}
#lintHTMLwithCSS
this selector hunts for the first child of a <details> and marks it if it's not a proper <summary>
#lintHTMLwithCSS
this selector hunts for <div>'s inside of inline elements like a <span>
masuP9/display-wai-aria.css: This CSS file displays WAI ARIA ( [role], [aria-*] ) https://t.co/T7WvwAflWi #lintHTMLwithCSS
Just realised this is so cool. Find #a11y errors using CSS.
Find all the input fields without any labelling. Inspired by @argyleink
#lintHTMLwithCSS
#lintHTMLwithCSS
this selector hunts for forbidden nesting
#lintHTMLwithCSS
prevent page load jank and CLS by finding <img>'s missing height and width attributes
@argyleink One more: images should be marked up with their width & height, so that browsers can infer their intrinsic size before downloading them (which they now actually do #2020)
img:not([width]), img:not([height]) {filter: invert(1)}
#lintHTMLwithCSS
#lintHTMLwithCSS
this selector hunts for elements with a tabindex other than 0 or -1
why?
values other than 0 or -1 can steal or disrupt natural tab order and is generally something to avoid
Most Popular Users
Elon Musk 
@elonmusk
241.5M followers
Barack Obama
@barackobama
118.9M followers
Cristiano Ronaldo
@cristiano
114.6M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107.1M followers
Rihanna
@rihanna
98.7M followers
NASA
@nasa
92.3M followers
Justin Bieber
@justinbieber
91.8M followers
KATY PERRY
@katyperry
90M followers
Taylor Swift
@taylorswift13
84M followers
Lady Gaga
@ladygaga
75.5M followers
Virat Kohli
@imvkohli
73.5M followers
Kim Kardashian
@kimkardashian
70.9M followers
YouTube
@youtube
68.8M followers
Neymar Jr
@neymarjr
66.5M followers
Bill Gates
@billgates
65.2M followers
Selena Gomez
@selenagomez
63.1M followers
The Ellen Show
@theellenshow
62.2M followers
CNN
@cnn
61.8M followers
X
@x
60.7M followers