Late to Logical

2020 brought another wave of logical property features to major browsers and I’ve thoroughly enjoyed my investment into logical, rather than physical, web styling. I feel like I’ve learned a new way to speak about the box model that results in less written code with more global coverage. p { / 🚫 / text-align: left; / 👍 / text-align: start;

/ 🚫 / margin-top: 1rem; / 👍 / margin-block-start: 1rem; } Like I described in the web.dev article I linked … Read article “Late to Logical”

The post Late to Logical appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/late-to-logical/

Létrehozva 5y | 2020. dec. 7. 22:21:01


Jelentkezéshez jelentkezzen be

EGYÉB POSTS Ebben a csoportban

We Might Need Something Between Root and Relative CSS Units for “Base Elements”

I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.


2025. aug. 13. 15:10:33 | CSS tricks
CSS-Questions

CSS-Questions is a mini site where you can test your CSS knowledge with over 100 questions.


CSS-Questions or

2025. aug. 12. 15:50:20 | CSS tricks
Stuff & Nonsense Practical Layout Workshop

Web design veteran Andy Clarke is offering a two-hour workshop all about creating practical and creative page layouts this September 18. Register and save a few bucks with a coupon code.


2025. aug. 11. 16:40:19 | CSS tricks
Getting Creative With Quotes

How do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story? Here’s how I do it by styling the HTML blockquote element using borders, de

2025. aug. 11. 14:30:13 | CSS tricks
How to Prepare for CSS-Specific Interview Questions

Get advice answering a set of 10 CSS-related questions you likely will encounter in front-end interviews.


2025. aug. 8. 14:30:14 | CSS tricks
Bringing Back Parallax With Scroll-Driven CSS Animations

Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have

2025. aug. 6. 13:50:10 | CSS tricks
Thinking Deeply About Theming and Color Naming

Today, I want to discuss a couple of patterns for naming color palettes that the community is using, and how I propose we can improve, so we achieve both flexibility and beauty.


2025. aug. 4. 15:30:17 | CSS tricks