<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/sources/bram/best-of/2024/12" -->

---
title: Best Bram.us posts — December 2024 | daily.dev
description: The most upvoted Bram.us posts from December 2024, curated by the daily.dev community.
canonical: https://daily.dev/sources/bram/best-of/2024/12
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:url: https://daily.dev/sources/bram/best-of/2024/12
og:type: website
og:site_name: daily.dev
og:title: Best Bram.us posts — December 2024 | daily.dev
og:description: The most upvoted Bram.us posts from December 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 Bram.us — December 2024

1. 1  
[](https://daily.dev/posts/more-options-for-styling-details--9kv7vmxkg "More options for styling <details>")  
Article  
![Avatar of bram](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/3db2116954be44df873ec24cf0e03d14)Bram.us · 2y  
More options for styling <details>  
Chrome 131 introduces new styling options for <details> and <summary> elements, allowing properties other than 'block' and the use of the ::details-content pseudo-element. While currently only supported in Chrome, these features are expected in Safari soon.  
136  
3
2. 2  
[](https://daily.dev/posts/re-imagine-the-web-with-scroll-driven-animations-1uaryeqdp "Re-imagine the web with Scroll-Driven Animations")  
Article  
![Avatar of bram](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/3db2116954be44df873ec24cf0e03d14)Bram.us · 2y  
Re-imagine the web with Scroll-Driven Animations  
Learn how to create engaging, app-like web experiences through fluid, responsive scroll-driven animations using CSS and JavaScript. The post addresses common concerns such as the necessity of JavaScript for certain effects, and how to manage user preferences for reduced motion animations.  
57  
5

[See all Bram.us archives](/sources/bram/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/bram/best-of/2024/12#page","url":"https://daily.dev/sources/bram/best-of/2024/12","name":"Best Bram.us Posts — December 2024","description":"The most upvoted Bram.us posts from December 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/bram/best-of/2024/12#items","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/more-options-for-styling-details--9kv7vmxkg","name":"More options for styling <details>"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/re-imagine-the-web-with-scroll-driven-animations-1uaryeqdp","name":"Re-imagine the web with Scroll-Driven Animations"}]},{"@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":"Bram.us","item":"https://daily.dev/sources/bram"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/bram/best-of"},{"@type":"ListItem","position":5,"name":"December 2024"}]}]}
```

