Pens from Steven Hilton https://codepen.io/mshiltonj/ en nospam@codepen.io Copyright 2024 2024-03-20T22:13:16-07:00 Glow https://codepen.io/mshiltonj/pen/eYovzgZ https://codepen.io/mshiltonj/pen/eYovzgZ Steven Hilton

See the Code - See it Full Page - See Details

]]>
Glow 2024-03-20T22:13:16-07:00
JS-free compact accordion menu using the new css :has() https://codepen.io/mshiltonj/pen/OJvGeqX https://codepen.io/mshiltonj/pen/OJvGeqX Steven Hilton

See the Code - See it Full Page - See Details

]]>
JS-free compact accordion menu using the new css :has() 2022-11-22T15:22:28-07:00
A Pen by Steven Hilton https://codepen.io/mshiltonj/pen/OzqqBp https://codepen.io/mshiltonj/pen/OzqqBp Steven Hilton

See the Code - See it Full Page - See Details

]]>
A Pen by Steven Hilton 2018-01-22T21:43:16-07:00
CSS only tab UI https://codepen.io/mshiltonj/pen/wPWLPz https://codepen.io/mshiltonj/pen/wPWLPz Steven Hilton

See the Code - See it Full Page - See Details

]]>
CSS only tab UI 2017-11-06T20:42:55-07:00
Simple CSS Only Spinner https://codepen.io/mshiltonj/pen/eEMRXP https://codepen.io/mshiltonj/pen/eEMRXP Steven Hilton

See the Code - See it Full Page - See Details

]]>
Simple CSS Only Spinner 2017-08-20T21:37:05-07:00
A Pen by Steven Hilton https://codepen.io/mshiltonj/pen/gbxjRr https://codepen.io/mshiltonj/pen/gbxjRr Steven Hilton

See the Code - See it Full Page - See Details

]]>
A Pen by Steven Hilton 2015-04-10T16:43:54-07:00
Angular Field Match Module, Demo https://codepen.io/mshiltonj/pen/xxevZx https://codepen.io/mshiltonj/pen/xxevZx Steven Hilton

See the Code - See it Full Page - See Details

A demo example of the Angular Field Match Module. This module provides directives for form validations, forcing two fields to have the same value for the form to be valid. This is useful for requiring a 'password_confirmation' form field to match the 'password' field, for example. See: https://github.com/mshiltonj/angular-field-match for more information

]]>
Angular Field Match Module, Demo 2014-10-18T20:35:01-07:00
Resizing text to best in a fixed size div https://codepen.io/mshiltonj/pen/nxrgvL https://codepen.io/mshiltonj/pen/nxrgvL Steven Hilton

See the Code - See it Full Page - See Details

User can enter arbitrary text. Make that text fit into a fixed size area. The text should be as large as possible without overflowing horizontally or vertically. Only the font-size and/or the line-height may be adjusted. The font-size has a min and max size. Exceeding either range is not allowed. If the text cannot be made to fix at the min font-size, then and only then it may overflow.

]]>
Resizing text to best in a fixed size div 2013-07-03T19:25:52-07:00