www.bram.us Open in urlscan Pro
2a00:1c98:1000:1014::2636:cd94  Public Scan

Form analysis
1 forms found in the DOM

GET https://www.bram.us/

<form role="search" method="get" class="search-form" action="https://www.bram.us/">
  <label>
    <span class="screen-reader-text">Search for:</span>
    <input type="search" class="search-field" placeholder="Search …" value="" name="s">
  </label>
  <input type="submit" class="search-submit" value="Search">
</form>

Text Content

Skip to content

Bram.us

A rather geeky/technical weblog, est. 2001, by Bramus

 * Blog
   * Blog
   * All Posts
   * Original Content
   * Elsewhere
 * Talks
 * About
 * RSS
   * RSS
   * All Posts
   * Original Content Only
   * Elsewhere Only
 * Search

 * * Back

Plan smarter, build better, launch faster. One simple platform for better
product development. ads via Carbon



CATEGORY ARCHIVES: ELSEWHERE


CSS-ONLY CUSTOM RANGE SLIDER WITH MOTION

@property + counters + anchoring + scroll-driven animations = 😍

Read Post →

Posted byBramus!June 6, 2024June 6, 2024Posted inElsewhereTags: at-property,
css, demo, link, scroll-driven animations3 Comments on CSS-only Custom Range
Slider with Motion


MULTI-PAGE APPLICATION VIEW TRANSITIONS ARE HERE (GOOGLE I/O 2024)

My talk for Google I/O 2024

Read Post →

Posted byBramus!May 17, 2024May 17, 2024Posted inElsewhereTags: css, googleio,
public speaking, video, view transitions2 Comments on Multi-page application
View Transitions are here (Google I/O 2024)


INTRODUCING “UNLEASH THE POWER OF SCROLL-DRIVEN ANIMATIONS”

I built a thing: a 10-part video course that teaches you all there is to know
about scroll-driven animations with CSS or JavaScript.

Read Post →

Posted byBramus!May 6, 2024May 6, 2024Posted inElsewhereTags: link,
scroll-driven animations, video courseLeave a comment on Introducing “Unleash
the Power of Scroll-Driven Animations”


CSS COLOR-SCHEME-DEPENDENT COLORS WITH LIGHT-DARK()

I’ve written about light-dark() before here on bram.us, and last month I also
wrote an article for web.dev about it. The article takes a bit of a different
approach, so it’s still worth a read even when you’ve seen my previous one
before. System colors have the ability to react to the current used color-scheme
…

Continue reading “CSS color-scheme-dependent colors with light-dark()“

Read Post →

Posted byBramus!April 21, 2024Posted inElsewhereTags: css, dark mode, linkLeave
a comment on CSS color-scheme-dependent colors with light-dark()


CSS ::BACKDROP NOW INHERITS FROM ITS ORIGINATING ELEMENT

Screenshot of the demo featured in the article. In Chrome 122 the backdrop is
light purple because it can access the custom property from the dialog element.
If you ever struggled with ::backdrop not having access to custom properties,
here’s some good news: As of Chrome 122 – and also in Firefox 120 and soon …

Continue reading “CSS ::backdrop now inherits from its originating element”

Read Post →

Posted byBramus!February 21, 2024Posted inElsewhereTags: backdrop, css,
linkLeave a comment on CSS ::backdrop now inherits from its originating element


TAILWIND MARKETING AND MISINFORMATION ENGINE

Nuanced piece by Tero Piirainen on where Tailwind took a good practice, twisted
it around, and took it for a run. Use it or don’t, love it or hate it, but this
last sentence of the article hits close to home: Learn to write clean HTML and
CSS and stay relevant for years to come. …

Continue reading “Tailwind marketing and misinformation engine”

Read Post →

Posted byBramus!February 21, 2024Posted inElsewhereTags: css, link,
tailwindLeave a comment on Tailwind marketing and misinformation engine


VIEW TRANSITIONS: HANDLING ASPECT RATIO CHANGES

Great article by Jake, packed with demos on how to handle changes in aspect
ratios between the old and new snapshots in View Transitions. View transitions:
Handling aspect ratio changes →

Read Post →

Posted byBramus!February 21, 2024Posted inElsewhereTags: link, view
transitionsLeave a comment on View transitions: Handling aspect ratio changes


VOLVO CARS DESIGN SYSTEM: OUR FUTURE CSS STRATEGY

Volvo Cars moved away CSS-in-JS to … CSS

Read Post →

Posted byBramus!February 19, 2024April 21, 2024Posted inElsewhereTags: css,
linkLeave a comment on Volvo Cars Design System: Our future CSS strategy


CSS WRAPPED 2023

Catch the end-of-year writeup I wrote together with my Chrome DevRel colleagues
Una and Adam!

Read Post →

Posted byBramus!December 14, 2023Posted inElsewhereTags: css, linkLeave a
comment on CSS Wrapped 2023


LEARNWITHJASON: CSS-ONLY SCROLL-DRIVEN ANIMATIONS

I was a guest on Jason Lengstorf’s “Learn With Jason” stream. We talked about
Scroll-Driven Animations.

Read Post →

Posted byBramus!October 9, 2023October 13, 2023Posted inElsewhereTags: css,
public speaking, scroll-driven animations, videoLeave a comment on
LearnWithJason: CSS-Only Scroll-Driven Animations


POSTS NAVIGATION

1 2 3 … 655 Older posts


ABOUT BRAM.US

Bram.us is the technical/geeky weblog of Bramus Van Damme, a Freelance Web
Developer from Belgium.

Main topics are web related technologies (CSS, JS, PHP, …), along with other
geeky things (robots, space, …) and personal interests (cartography, music,
movies, …).

More …


STAY UP-TO-DATE

To follow bram.us you can:

 * Subscribe to bram.us via RSS
 * Follow @bramusblog on Twitter
 * Give bram.us a like on Facebook

Next to his ramblings here, you may also follow @bramus himself on Twitter or on
Mastodon.


ARCHIVES

Archives Select Month August 2024 July 2024 June 2024 May 2024 April 2024
February 2024 January 2024 December 2023 November 2023 October 2023 September
2023 August 2023 July 2023 June 2023 May 2023 April 2023 March 2023 February
2023 January 2023 December 2022 November 2022 October 2022 September 2022 August
2022 July 2022 June 2022 May 2022 April 2022 March 2022 February 2022 January
2022 December 2021 November 2021 October 2021 September 2021 August 2021 July
2021 June 2021 May 2021 April 2021 March 2021 February 2021 January 2021
December 2020 November 2020 September 2020 August 2020 July 2020 June 2020 May
2020 April 2020 March 2020 February 2020 January 2020 December 2019 November
2019 October 2019 September 2019 August 2019 July 2019 June 2019 May 2019 April
2019 March 2019 February 2019 January 2019 December 2018 November 2018 October
2018 August 2018 July 2018 June 2018 May 2018 April 2018 March 2018 February
2018 January 2018 December 2017 November 2017 October 2017 September 2017 August
2017 July 2017 June 2017 May 2017 April 2017 March 2017 February 2017 January
2017 December 2016 November 2016 October 2016 September 2016 August 2016 July
2016 June 2016 May 2016 April 2016 March 2016 February 2016 January 2016
December 2015 November 2015 October 2015 September 2015 August 2015 July 2015
June 2015 May 2015 April 2015 March 2015 February 2015 January 2015 December
2014 November 2014 October 2014 September 2014 August 2014 July 2014 June 2014
May 2014 April 2014 March 2014 February 2014 January 2014 December 2013 November
2013 October 2013 September 2013 August 2013 July 2013 June 2013 May 2013 April
2013 March 2013 February 2013 January 2013 December 2012 November 2012 October
2012 September 2012 August 2012 July 2012 June 2012 May 2012 April 2012 March
2012 February 2012 January 2012 December 2011 November 2011 October 2011
September 2011 August 2011 July 2011 June 2011 May 2011 April 2011 March 2011
January 2011 December 2010 November 2010 October 2010 September 2010 August 2010
July 2010 June 2010 May 2010 April 2010 March 2010 February 2010 January 2010
December 2009 November 2009 October 2009 September 2009 August 2009 July 2009
June 2009 May 2009 April 2009 March 2009 February 2009 January 2009 December
2008 November 2008 October 2008 September 2008 August 2008 July 2008 June 2008
May 2008 April 2008 March 2008 February 2008 January 2008 December 2007 November
2007 October 2007 September 2007 August 2007 July 2007 June 2007 May 2007 April
2007 March 2007 February 2007 January 2007 December 2006 November 2006 October
2006 September 2006 August 2006 July 2006 June 2006 May 2006 April 2006 March
2006 December 2005 November 2005 August 2005 July 2005 June 2005 May 2005 April
2005 March 2005 February 2005 November 2004 October 2004 August 2004 July 2004
June 2004 May 2004 April 2004 March 2004 February 2004 October 2003


SEARCH

Search for:
Bram.us, Proudly powered by WordPress.