Artwork

תוכן מסופק על ידי Cursief. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Cursief או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.
Player FM - אפליקציית פודקאסט
התחל במצב לא מקוון עם האפליקציה Player FM !

S4E3: New CSS features that got us excited

54:34
 
שתפו
 

Manage episode 409897203 series 3080445
תוכן מסופק על ידי Cursief. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Cursief או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

Missing the old style of podcast episodes where we ramble a bunch about technical stuff? Well, here's another!

We talk about some of the new CSS features that were standardized in 2023. These features can be a big help in your everyday CSS writing!

  1. Container queries: what are they and how are they different than regular media queries?
  2. New viewport units: s- d- l- prefixes for your vw or vh units. How do these differ from our regular vw and vh units? Also, no more jumping interfaces when scrolling on mobile!?
  3. Nesting in native CSS!? What does the syntax look like? Is SCSS now obsolete? (no, no it's not)
  4. Gap property for flexbox: a small change that prevents a lot of annoying side effects of having margin or padding for spacing child elements.
  5. Individual transform properties! No more "transform: translateX(50%) rotate(30deg) scale(1.2);" but now each property gets its own name, like: "translate: 50% 0; rotate: 30deg; scale: 1.2;". What does this mean for transitions? Are there any gotchas?
  6. The new ":has()" selector is here! What does it do and is it true you can select the parent of an element?

All this and more in this old school episode of ECC!

Referenced blog (it's incomplete tho): https://positivethinking.tech/insights/the-10-new-css-features-in-2023/

  continue reading

82 פרקים

Artwork
iconשתפו
 
Manage episode 409897203 series 3080445
תוכן מסופק על ידי Cursief. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Cursief או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

Missing the old style of podcast episodes where we ramble a bunch about technical stuff? Well, here's another!

We talk about some of the new CSS features that were standardized in 2023. These features can be a big help in your everyday CSS writing!

  1. Container queries: what are they and how are they different than regular media queries?
  2. New viewport units: s- d- l- prefixes for your vw or vh units. How do these differ from our regular vw and vh units? Also, no more jumping interfaces when scrolling on mobile!?
  3. Nesting in native CSS!? What does the syntax look like? Is SCSS now obsolete? (no, no it's not)
  4. Gap property for flexbox: a small change that prevents a lot of annoying side effects of having margin or padding for spacing child elements.
  5. Individual transform properties! No more "transform: translateX(50%) rotate(30deg) scale(1.2);" but now each property gets its own name, like: "translate: 50% 0; rotate: 30deg; scale: 1.2;". What does this mean for transitions? Are there any gotchas?
  6. The new ":has()" selector is here! What does it do and is it true you can select the parent of an element?

All this and more in this old school episode of ECC!

Referenced blog (it's incomplete tho): https://positivethinking.tech/insights/the-10-new-css-features-in-2023/

  continue reading

82 פרקים

כל הפרקים

×
 
Loading …

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.

 

מדריך עזר מהיר

האזן לתוכנית הזו בזמן שאתה חוקר
הפעלה