9 Underutilized Features in CSS 관련

CSS > Article(s)

---

Article(s)

---

9 Underutilized Features in CSS

List assembled by Jordan Little: The CSS calc() function The pointer media query The currentColor variable The :valid, :invalid, and :empty pseudoclasses Counters using only CSS Predictable tables with fixed layout Easy form states using adjacent sibling selectors Algebraic nth-child() selection Animating elements with animation-fill-mode As a tenth feature I’d like to add the use … Continue reading ”9 Underutilized Features in CSS”

List assembled by Jordan Little:

1. The CSS calc() function
2. The pointer media query
3. The currentColor variable
4. The :valid, :invalid, and :empty pseudoclasses
5. Counters using only CSS
6. Predictable tables with fixed layout
7. Easy form states using adjacent sibling selectors
8. Algebraic nth-child() selection
9. Animating elements with animation-fill-mode

As a tenth feature I’d like to add the use of the well supported viewport units.

Info

9 Underutilized Features in CSS

CSS has been around for a long time — since 1994 depending on who you ask — and has become the de facto standard for styling websites. New…

Related

Making viewport units work properly in Mobile Safari

---

A typical issue with the well supported Viewport Relative Units (you know: vh, vw, vmin, and vmax) that bothers me a lot is that MobileSafari (Safari on iOS) takes the height of the address bar into account for 100vh. Take a look at the footer of that first block in the screenshot below: since its … Continue reading ”Making viewport units work properly in Mobile Safari”

• (ab)using CSS3’s :nth-child() selector to invent new ones
• Quantity Queries for CSS
• Reminder: Current Color in CSS

9 Underutilized Features in CSS

---

List assembled by Jordan Little: The CSS calc() function The pointer media query The currentColor variable The :valid, :invalid, and :empty pseudoclasses Counters using only CSS Predictable tables with fixed layout Easy form states using adjacent sibling selectors Algebraic nth-child() selection Animating elements with animation-fill-mode As a tenth feature I’d like to add the use … Continue reading ”9 Underutilized Features in CSS”