Pens from Steve Longoria https://codepen.io/stevehl25/ en nospam@codepen.io Copyright 2024 2020-09-26T02:12:52-07:00 A Pen by Steve Longoria https://codepen.io/stevehl25/pen/wvGOeNX https://codepen.io/stevehl25/pen/wvGOeNX Steve Longoria

See the Code - See it Full Page - See Details

]]>
A Pen by Steve Longoria 2020-09-26T02:12:52-07:00
New Flexbox Site https://codepen.io/stevehl25/pen/WNbeRGQ https://codepen.io/stevehl25/pen/WNbeRGQ Steve Longoria

See the Code - See it Full Page - See Details

Example of CSS Flexbox one page template, sticky menu, responsive, smooth scrolling with an added padding fix for collapsed state so the section title is not hidden underneath the menu.

]]>
New Flexbox Site 2019-11-30T01:54:48-07:00
Shipping and Receiving Form w/ Flex Grid https://codepen.io/stevehl25/pen/voXKGb https://codepen.io/stevehl25/pen/voXKGb Steve Longoria

See the Code - See it Full Page - See Details

]]>
Shipping and Receiving Form w/ Flex Grid 2019-07-25T20:15:28-07:00
Stripe Elements Responsive https://codepen.io/stevehl25/pen/XLLQEL https://codepen.io/stevehl25/pen/XLLQEL Steve Longoria

See the Code - See it Full Page - See Details

]]>
Stripe Elements Responsive 2019-07-16T03:29:25-07:00
Bootstrap Pricing Table https://codepen.io/stevehl25/pen/WqqYQr https://codepen.io/stevehl25/pen/WqqYQr Steve Longoria

See the Code - See it Full Page - See Details

Bootstrap Pricing Table

]]>
Bootstrap Pricing Table 2019-07-15T22:36:27-07:00
Simple form with Flexbox https://codepen.io/stevehl25/pen/orrPzX https://codepen.io/stevehl25/pen/orrPzX Steve Longoria

See the Code - See it Full Page - See Details

]]>
Simple form with Flexbox 2019-07-15T20:57:07-07:00
Hero module with Flexbox and the 'vh' unit https://codepen.io/stevehl25/pen/wLLxOg https://codepen.io/stevehl25/pen/wLLxOg Steve Longoria

See the Code - See it Full Page - See Details

The Hero is a widely used module. This version is created with modern techniques like Flexbox and the 'vh' unit. Flexbox and the 'vh' unit makes it possible to create this module with less code.

]]>
Hero module with Flexbox and the 'vh' unit 2019-07-15T20:43:24-07:00
Dog Strolling (Pure CSS Drawing/Animation) https://codepen.io/stevehl25/pen/KjYRRO https://codepen.io/stevehl25/pen/KjYRRO Steve Longoria

See the Code - See it Full Page - See Details

Weiner dog strolling drawing + animation

]]>
Dog Strolling (Pure CSS Drawing/Animation) 2019-07-12T17:12:21-07:00
Full-Width Hero with Image Using Flexbox https://codepen.io/stevehl25/pen/GbjYKg https://codepen.io/stevehl25/pen/GbjYKg Steve Longoria

See the Code - See it Full Page - See Details

A full-width hero section with background image using flexbox to center the content over the image. It's responsive to the viewport height and width using vh and vw. The content includes a ghost button.

]]>
Full-Width Hero with Image Using Flexbox 2019-06-19T04:40:09-07:00
NY Times API JS App https://codepen.io/stevehl25/pen/ZVaBBd https://codepen.io/stevehl25/pen/ZVaBBd Steve Longoria

See the Code - See it Full Page - See Details

]]>
NY Times API JS App 2018-12-30T21:51:06-07:00