--- title: Best Frontend Masters posts — October 2024 | daily.dev description: The most upvoted Frontend Masters posts from October 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/frontendmasters/best-of/2024/10 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/frontendmasters/best-of/2024/10 og:type: website og:site_name: daily.dev og:title: Best Frontend Masters posts — October 2024 | daily.dev og:description: The most upvoted Frontend Masters posts from October 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Frontend Masters — October 2024 1. 1 [](https://daily.dev/posts/fanout-with-grid-and-view-transitions-frontend-masters-boost-sl3faef4a "Fanout with Grid and View Transitions – Frontend Masters Boost") Article Frontend Masters · 2y Fanout with Grid and View Transitions – Frontend Masters Boost Preethi's post on CSS Fan Out inspired a layout where a menu of items powered by CSS grid collapses back into one cell. While traditional CSS animations might be less smooth, JavaScript's \`document.startViewTransition\` can provide seamless animations without CSS transitions. The example provided demonstrates a 1-column 7-row grid where items transition smoothly using this JavaScript API. Techniques like staggered transitions and view-transition-specific CSS are explored to enhance animations. 29 2. 2 [](https://daily.dev/posts/css-fan-out-with-grid-and-property-frontend-masters-boost-earfca4xg "CSS Fan Out with Grid and @property – Frontend Masters Boost") Article Frontend Masters · 2y CSS Fan Out with Grid and @property – Frontend Masters Boost Learn how to create a 'fan out' animation using CSS Grid and @property. This method allows you to sequentially reveal and hide items by leveraging CSS custom properties and grid-template-rows in a grid container. It includes techniques for smooth animations that work across major browsers. 22 3. 3 [](https://daily.dev/posts/questions-to-ask-a-senior-front-end-developer-frontend-masters-boost-y4gw2oecs "Questions to ask a senior front-end developer – Frontend Masters Boost") Article Frontend Masters · 2y Questions to ask a senior front-end developer – Frontend Masters Boost Erick Merchant shares valuable questions to ask a senior front-end developer during an interview. If you're aiming for a senior role, ensure you can answer these in detail. 17 1 4. 4 [](https://daily.dev/posts/a-guide-to-destructuring-in-javascript-frontend-masters-boost-awp3ncqxu "A guide to destructuring in JavaScript – Frontend Masters Boost") Article Frontend Masters · 2y A guide to destructuring in JavaScript – Frontend Masters Boost Destructuring in JavaScript involves using the three dots (...) to either pluck off remaining values from an array or object (rest operator) or to spread all values from an array or object (spread operator). The usage can be confusing as the context determines its function. 15 [See all Frontend Masters archives](/sources/frontendmasters/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/frontendmasters/best-of/2024/10#page","url":"https://daily.dev/sources/frontendmasters/best-of/2024/10","name":"Best Frontend Masters Posts — October 2024","description":"The most upvoted Frontend Masters posts from October 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/frontendmasters/best-of/2024/10#items","numberOfItems":4,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/fanout-with-grid-and-view-transitions-frontend-masters-boost-sl3faef4a","name":"Fanout with Grid and View Transitions – Frontend Masters Boost"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/css-fan-out-with-grid-and-property-frontend-masters-boost-earfca4xg","name":"CSS Fan Out with Grid and @property – Frontend Masters Boost"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/questions-to-ask-a-senior-front-end-developer-frontend-masters-boost-y4gw2oecs","name":"Questions to ask a senior front-end developer – Frontend Masters Boost"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/a-guide-to-destructuring-in-javascript-frontend-masters-boost-awp3ncqxu","name":"A guide to destructuring in JavaScript – Frontend Masters Boost"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Frontend Masters","item":"https://daily.dev/sources/frontendmasters"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/frontendmasters/best-of"},{"@type":"ListItem","position":5,"name":"October 2024"}]}]} ```