Pens from Toaster https://codepen.io/ToasterCo/ en nospam@codepen.io Copyright 2024 2017-04-25T10:52:25-07:00 Precision responsive typography https://codepen.io/ToasterCo/pen/KmNKNr https://codepen.io/ToasterCo/pen/KmNKNr Toaster

See the Code - See it Full Page - See Details

I've not seen this before so I think I've figured out something new and hopefully useful. It appears that by using calc() and vw we can get responsive typography that scales perfectly between specific pixel values within a specific viewport range. Check it out. (might be buggy in some browsers) http://madebymike.com.au/writing/precise-control-responsive-typography/

]]>
Precision responsive typography 2017-04-25T10:52:25-07:00
CSS Grid Layout + Mondrian = <3 https://codepen.io/ToasterCo/pen/VpzMxL https://codepen.io/ToasterCo/pen/VpzMxL Toaster

See the Code - See it Full Page - See Details

A tribute to CSSGrid, just landed in production versions of Firefox and Chrome

]]>
CSS Grid Layout + Mondrian = <3 2017-03-14T23:37:21-07:00
Christmas Ornament Reflection https://codepen.io/ToasterCo/pen/MbPGYJ https://codepen.io/ToasterCo/pen/MbPGYJ Toaster

See the Code - See it Full Page - See Details

An experiment to recreate a reflection on a Christmas Tree Bauble using WebGL and a webcam. Please note: This only works in https due to webcam security restrictions.

]]>
Christmas Ornament Reflection 2016-12-21T14:53:41-07:00
Create a Christmas Snowflake https://codepen.io/ToasterCo/pen/gLBLrg https://codepen.io/ToasterCo/pen/gLBLrg Toaster

See the Code - See it Full Page - See Details

An experiment to recreate a paper cut out snowflake using WebGL

]]>
Create a Christmas Snowflake 2016-12-21T14:52:28-07:00