Pens from Tia https://codepen.io/twelve31/ en nospam@codepen.io Copyright 2024 2024-03-24T22:29:36-07:00 One Page Scroll with Sticky Nav - Pure CSS https://codepen.io/twelve31/pen/YzMQyLE https://codepen.io/twelve31/pen/YzMQyLE Tia

See the Code - See it Full Page - See Details

]]>
One Page Scroll with Sticky Nav - Pure CSS 2024-03-24T22:29:36-07:00
A Pen by Tia https://codepen.io/twelve31/pen/KKZYqxG https://codepen.io/twelve31/pen/KKZYqxG Tia

See the Code - See it Full Page - See Details

]]>
A Pen by Tia 2022-04-22T16:21:42-07:00
CSS Tabs using Flexbox https://codepen.io/twelve31/pen/QozMVN https://codepen.io/twelve31/pen/QozMVN Tia

See the Code - See it Full Page - See Details

Functional css tabs in combination with Flexbox. No height needs to be set for tabbed area! All content divs are flex items.

]]>
CSS Tabs using Flexbox 2019-03-22T18:25:20-07:00
Circular Something https://codepen.io/twelve31/pen/OvmWXB https://codepen.io/twelve31/pen/OvmWXB Tia

See the Code - See it Full Page - See Details

This was made for a website project.

]]>
Circular Something 2018-03-22T02:38:04-07:00
Easy Responsive Flexbox https://codepen.io/twelve31/pen/GQMppb https://codepen.io/twelve31/pen/GQMppb Tia

See the Code - See it Full Page - See Details

]]>
Easy Responsive Flexbox 2018-02-24T01:22:28-07:00
Simple Modal - Hide Main Content https://codepen.io/twelve31/pen/qPXPRm https://codepen.io/twelve31/pen/qPXPRm Tia

See the Code - See it Full Page - See Details

A simple modal that hides main content when active. This is an extension to Simple Modal by Victor Hugo Matias (https://codepen.io/reidark/pen/FEueH?q=simple+modal).

]]>
Simple Modal - Hide Main Content 2017-10-01T20:20:12-07:00
Toggling Google Map https://codepen.io/twelve31/pen/gbmOaX https://codepen.io/twelve31/pen/gbmOaX Tia

See the Code - See it Full Page - See Details

Toggles a Google map.

]]>
Toggling Google Map 2015-07-09T17:13:16-07:00
Animated Fixed Resizing Header https://codepen.io/twelve31/pen/dPpdaV https://codepen.io/twelve31/pen/dPpdaV Tia

See the Code - See it Full Page - See Details

Header/nav resizes on scroll.

]]>
Animated Fixed Resizing Header 2014-12-27T06:13:47-07:00
Very Simple Slider REVISED https://codepen.io/twelve31/pen/LEGEOW https://codepen.io/twelve31/pen/LEGEOW Tia

See the Code - See it Full Page - See Details

This is a revised version of a really neat, lightweight slider. The nav has been changed to buttons rather than hyperlinks to prevent page-jumping. Also removed the autoplay option to allow the slider to autoplay by default.

]]>
Very Simple Slider REVISED 2014-12-05T07:20:08-07:00
Custom Scrollbar https://codepen.io/twelve31/pen/ExrVpV https://codepen.io/twelve31/pen/ExrVpV Tia

See the Code - See it Full Page - See Details

Customizable scrollbar and is visible only when hovering over the webpage.

]]>
Custom Scrollbar 2014-12-03T19:04:06-07:00