#linthtmlwithcss результаты поиска
#lintHTMLwithCSS this selector hunts for links that have: - no href - an empty href - a "#" href (button perhaps?)
#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; }
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
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 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
#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 image. #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://pbs.twimg.com/media/EbItjzMVcAAS3Ex.jpg)
#lintHTMLwithCSS this selector hunts for the first child of a <details> and marks it if it's not a proper <summary>
Day-151 of #301DaysOfCode Finding image doesn’t have alt attribute ⤵️ #lintHTMLwithCSS #a11y #CSS #CodeNewbie #freeCodeCamp #100DaysOfCode
This one is useful too to force each <caption> to be the first direct child of a <table> elements. Gist: gist.github.com/bellangerq/491… #lintHTMLwithCSS #a11y
#lintHTMLwithCSS prevent page load jank and CLS by finding <img>'s missing height and width attributes
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 links that might be used for phishing h/t && @mathias via mathiasbynens.github.io/rel-noopener/
a[target='_blank']:not([rel*='noopener']):not([rel*='noreferrer'])::after { content: '‼️' }
masuP9/display-wai-aria.css: This CSS file displays WAI ARIA ( [role], [aria-*] ) github.com/masuP9/display… #lintHTMLwithCSS
who can do a @PostCSS plugin with all the #lintHTMLwithCSS tricks?? or maybe a plain css file in a CDN??
there are a few! they offer aggregated stylesheets with all the #lintHTMLwithCSS stuff and more 👍🏻 github.com/lorenzodelijse… ffoodd.github.io/a11y.css/ github.com/Heydon/REVENGE… probably more i'm missing
Day-151 of #301DaysOfCode Finding image doesn’t have alt attribute ⤵️ #lintHTMLwithCSS #a11y #CSS #CodeNewbie #freeCodeCamp #100DaysOfCode
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. 🤙 github.com/lorenzodelijse…
Want your web development life changed? Check out the #lintHTMLwithCSS hashtag and go down the rabbit hole.:
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
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 && @mathias via mathiasbynens.github.io/rel-noopener/
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>
masuP9/display-wai-aria.css: This CSS file displays WAI ARIA ( [role], [aria-*] ) github.com/masuP9/display… #lintHTMLwithCSS
lixcc.de/e/b7ye6fy4hg13 lixcc.de/e/ibr1j72rdql5 lixcc.de/e/lzvz404nbi30 lixcc.de/e/zqb97nq65xqi lixcc.de/e/fbnspeuwc3h4 lixcc.de/e/sa459uj1mcw0 lixcc.de/e/9wc4ruugtbh8
vdoy.de/e/0M8AirDd vdoy.de/a/oTU1xzzo vdoy.de/e/DMwBpVvp vdoy.de/e/jKRNfRwd vdoy.de/e/5rmBf5Sk vdoy.de/e/bZ7UrYWi t.me/+CktuONvfMolhZ…
౨ৎ [ like rt before use ] ⋆. 𐙚 ̊ 💗 pink png frames ! 🎀 🎀 + some white png that would match to be mixed💗 🫧 personal use only !! 🫧 🔗 drive.google.com/drive/folders/…
![jscnon's tweet image. ౨ৎ [ like rt before use ] ⋆. 𐙚 ̊
💗 pink png frames ! 🎀
🎀 + some white png that would match to be mixed💗
🫧 personal use only !! 🫧
🔗 drive.google.com/drive/folders/…](https://pbs.twimg.com/media/Gi_UcQ8bUAAOzU6.jpg)
![jscnon's tweet image. ౨ৎ [ like rt before use ] ⋆. 𐙚 ̊
💗 pink png frames ! 🎀
🎀 + some white png that would match to be mixed💗
🫧 personal use only !! 🫧
🔗 drive.google.com/drive/folders/…](https://pbs.twimg.com/media/Gi_UcQ8a4AIuG2t.jpg)
![jscnon's tweet image. ౨ৎ [ like rt before use ] ⋆. 𐙚 ̊
💗 pink png frames ! 🎀
🎀 + some white png that would match to be mixed💗
🫧 personal use only !! 🫧
🔗 drive.google.com/drive/folders/…](https://pbs.twimg.com/media/Gi_UcQ7a4AEC1U9.jpg)
lixcc.de/e/f7smco80pgk4 lixcc.de/e/3myq8obwrwra lixcc.de/e/pn8uqikycvb5 lixcc.de/e/npimnxftkv4a lixcc.de/e/lzt30ryty756 lixcc.de/e/ffnzii42kh9h lixcc.de/e/e9uasq82u6yx
#lintHTMLwithCSS this selector hunts for links that have: - no href - an empty href - a "#" href (button perhaps?)
#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; }
インスタです！ Xだと誤バン対策のためにフィルター暗めにしてるけど、向こうは元の色味のやつ載せてます！ あと消しちゃったやつとか昔撮っていただいたやつとかもある！よかったら見てみて〜🙌🏻
You can use <image onerror=alert() src> and firefox will normalize this to <img onerror=alert() src> which will help you to bypass certain XSS filters. #bugbounty #XSS #bugbountytip
HTML Tip 💡 Use the <picture> tag to display different images according to the window size. It's great to make your website more responsive :) Result in the comments 👇
Inline <a> should not contain any block level elements #lintHTMLwithCSS . A common HTML mistake. #100DaysOfCode #HTML #CSS
Just realised this is so cool. Find #a11y errors using CSS. Find all the input fields without any labelling. Inspired by @argyleink #lintHTMLwithCSS
Something went wrong.
Something went wrong.
United States Trends
- 1. Ohtani 218K posts
- 2. Dodgers 263K posts
- 3. World Series 61.9K posts
- 4. Carson Beck 16.6K posts
- 5. Emiru 7,714 posts
- 6. Miami 101K posts
- 7. Louisville 28.4K posts
- 8. Nebraska 17.8K posts
- 9. Brewers 56.7K posts
- 10. Babe Ruth 3,502 posts
- 11. NOCHE IS BACK 29.4K posts
- 12. NLCS 62.5K posts
- 13. Massie 31.1K posts
- 14. #HeartofTaehyung 23K posts
- 15. #BostonBlue 7,860 posts
- 16. George Santos 85.4K posts
- 17. Rhule 4,688 posts
- 18. 3 HRs 10.1K posts
- 19. Sam Harris 1,048 posts
- 20. #SmackDown 59K posts