December 6th, 2018 was a special date for WordPress: it marked the release of version 5.0 of the software that, to this day, powers more than one-third of the web. In the past, people working on the platform pointed out that there has never been any special meaning to version numbers used in WordPress releases; as such, WordPress 5.0 was simply the follower to WordPress 4.9. Yet, 5.0 brought possibly the biggest innovation since Custom Post Types were introduced in … Read article “Bringing CSS Grid to WordPress Layouts”
I really like :focus-within. It’s a super useful selector that allows you to essentially select a parent element when any of its children are in focus.
Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you’re in tricky territory. For one, they should work with clicks and taps, too. Without that, you’ve broken the menu for anyone without a mouse. That doesn’t mean you can’t also use :hover. When you use a hover state to reveal more content, that means an un-hovering state needs to hide them. Therein lies the problem. … Read article “Menus with “Dynamic Hit Areas””
Did you see that neat technique for using the element withto serve an animated image (or not) based on a prefers-reduced-motion media query?
Regarding that last one, I remember learning from Sara Soueidan that a good tip for this to position them over the new custom checkboxes and hide them via opacity … Read article “A11Y with Lindsey”
That’s because modals are elements on a page just like any other. It may stay in place (assuming that’s what it’s meant to do) but the rest of page continues to behave as normal.… Read article “Prevent Page Scrolling When a Modal is Open”
For one thing, just like our little conferences website, the new site is a subdomain of this very site:
Before this, I guess I never even thought about it.… Read article “Evergreen Googlebot”
The rules are fairly simple: