In terms of the device, if you look outside the tech bubble, a lot of users can’t or don’t want to pay for
Dave and I also got into it a bit in ShopTalk #346. … Read article “Podcasts on The Great Divide”
This … Read article “An Introduction to Web Components”
While [lots of divs, inline styles, focus management problems] are valid concerns, it should be noted that nothing in React prevents us from building accessible web apps.
Fair warning! This isn’t a speedy, straightforward, expert-driven plow-through of how to set up these technologies. Although, by the end, we do successfully get it all going. This is about documenting the real-world experience of doing this kind of work. Some things work easily, some don’t. Sometimes it’s my fault. Sometimes the docs are unclear. Sometimes changes have happened under our feet. We have to battle through it all.
So you might be aware of CSS Custom Properties that let you set a variable, such as a theme color, and then apply it to multiple classes like this:
The other day, I was thinking that there must be a way to use Custom Properties to color an element’s background while … Read article “CSS Variables + calc() + rgb() = Enforcing High Contrast Colors”
scroll-padding is part of the CSS Scroll Snap Module. Scroll snapping refers to “locking” the position of the viewport to specific elements on the page as the window (or a scrollable container) is scrolled. Think of a scroll-snapping container like putting a magnet on top of an element that sticks to the top of the viewport and forces the page to stop scrolling right there.
W3C’s CSS Working Group often gives us brilliant CSS features to experiment with. Sometimes we come across something so cool that sticks a grin on our face, but it vanishes right away because we think, “that’s great, but what do I do with it?” The element() function was like that for me. It’s a CSS function that takes an element on the page and presents it as an image to be displayed on screen. Impressive, but quixotic.… Read article “Using the Little-Known CSS element() Function to Create a Minimap Navigator”
Space is vast. Space is awesome. Space is difficult to understand — or so people tend to think. But in this tutorial I am going to show you that this is not the case. Quite the contrary; the laws that govern the motion of the stars, planets, asteroids and even entire galaxies are incredibly simple. You could argue that if our Universe was created by a developer, she sure was concerned about writing clean code that would be easy to … Read article “Creating Your Own Gravity and Space Simulator”