Does that make your eye twitch a little bit? Like… it’s a typo. It should be target="_blank" with an underscore to start the value. As in…
Have you ever experienced the frustration of trying to tap a button on a mobile device only to have it do nothing because the target size is just not large enough **and it’s not picking up on your press? Maybe …
The post Looking at WCAG 2.5.5 for Better Target Sizes appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/looking-at-wcag-2-5-5-for-better-target-sizes/
WordPress sites have an API by default. Wanna see this site’s most recent posts, with just a specific set of data… in JSON format? Here ya go. Alex Riviere made a joke site using that. At first, the site …
The post CSS-Trickz: An Experiment with Netlify’s On-Demand Builders appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://alex.party/posts/2021-05-31-css-trickz-an-experiment-with-netlify-s-on-demand-builders/
Show/Hide password accessibility and password hints tutorial — Nicolas Steenhout goes deep on accessibility. For one thing, being able to toggle it to type="text" should be possible, while announcing, politely, the change. But also, put the password hints … The post Links on Accessibility appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. https://css-tricks.com/links-on-accessibility/
Let’s look at some extensions for VS Code that make writing and editing HTML (and languages that are basically HTML with extra powers) better. You may not like all of them. Maybe some of them don’t appeal to you, solve …
The post VS Code Extensions for HTML appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Colin Oakley:
• Accessible — Use semantic HTML, and make sure we meet the WCAG 2.1 AA standard as a minimum and it works with assisted technologies (this sits alongside the DWP Accessibility Manual) • Agnostic — Build
…
The post Principles for user-centered front-end development appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://colinoakley.medium.com/the-web-we-choose-to-build-e921510e3f1b
I just joked that we’re basically getting everything we want in CSS super fast (mostly referring to container queries, my gosh, can you imagine they are actually coming?). Now we might actually get parent selectors?! As in .parent:has(.child) { …
The post Can I :has() appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
DebugBear takes just a few seconds to start using. You literally point it at a URL you want to watch, and it’ll start watching it. You install nothing. It’ll start running tests, and you’ve immediately got performance charts you can …
The post Monitoring Lighthouse Scores and Core Web Vitals with DebugBear appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/monitoring-lighthouse-scores-and-core-web-vitals-with-debug
A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat trick! Combining grid columns, grid gaps, and creative clipping …
The post Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/hexagons-and-beyond-flexible-responsive-grid-patterns-sans-media-queries/
How do I debug Safari on iOS? These are my general steps, starting with not even using iOS Safari.
- Is this just a small-screen problem? Lemme just use the device mode in Chrome quick. Note that this does a …
The post Debugging iOS Safari appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.