Pens from Brandon Jackson https://codepen.io/brandondesign/ en nospam@codepen.io Copyright 2024 2023-09-11T20:28:02-07:00 Responsive Table with Sticky Columns https://codepen.io/brandondesign/pen/LYbyobQ https://codepen.io/brandondesign/pen/LYbyobQ Brandon Jackson

See the Code - See it Full Page - See Details

Table of job listings. Using aria-label to achieve responsive layout.

]]>
Responsive Table with Sticky Columns 2023-09-11T20:28:02-07:00
Sortable Responsive List - Pure CSS https://codepen.io/brandondesign/pen/rNWLXmJ https://codepen.io/brandondesign/pen/rNWLXmJ Brandon Jackson

See the Code - See it Full Page - See Details

This is a sortable, responsive grid that can be used for images, articles or or anything else. It lets you sort which items are shown and moves the items around with a nice little animation.

]]>
Sortable Responsive List - Pure CSS 2021-02-09T18:11:15-07:00
A Pen by Brandon Jackson https://codepen.io/brandondesign/pen/VBQxrp https://codepen.io/brandondesign/pen/VBQxrp Brandon Jackson

See the Code - See it Full Page - See Details

]]>
A Pen by Brandon Jackson 2018-07-31T20:01:34-07:00
Tap Hold - Multiselect List https://codepen.io/brandondesign/pen/KzzbMp https://codepen.io/brandondesign/pen/KzzbMp Brandon Jackson

See the Code - See it Full Page - See Details

A list menu that tapping and holding (or click and hold) will enable a multi selection and a menu of options.

]]>
Tap Hold - Multiselect List 2016-10-28T18:20:17-07:00
Color Pick Icons https://codepen.io/brandondesign/pen/xVwPwq https://codepen.io/brandondesign/pen/xVwPwq Brandon Jackson

See the Code - See it Full Page - See Details

A color picker that allows users to select the color they'd want from either a set of pre-selected colors or a full color picker.

]]>
Color Pick Icons 2016-08-23T19:43:39-07:00
Animated button 2 https://codepen.io/brandondesign/pen/VeWzqE https://codepen.io/brandondesign/pen/VeWzqE Brandon Jackson

See the Code - See it Full Page - See Details

Forked from [ramsich](http://codepen.io/ramsich/)'s Pen [Animated button 2](http://codepen.io/ramsich/pen/NxjLvW/).

]]>
Animated button 2 2016-01-11T21:21:01-07:00
Animated SVG Logos https://codepen.io/brandondesign/pen/vLxaXe https://codepen.io/brandondesign/pen/vLxaXe Brandon Jackson

See the Code - See it Full Page - See Details

Some concepts for a project at work, taking an SVG version of our logo and animating it for loading screens.

]]>
Animated SVG Logos 2016-01-11T21:19:20-07:00
Pure CSS Fading Text on Scroll Trick https://codepen.io/brandondesign/pen/xZZrgo https://codepen.io/brandondesign/pen/xZZrgo Brandon Jackson

See the Code - See it Full Page - See Details

Just a quick example of how to make text appear to be fading on scroll to a reddit question.

]]>
Pure CSS Fading Text on Scroll Trick 2015-12-15T19:24:56-07:00
Parallax Portfolio https://codepen.io/brandondesign/pen/xwpbzy https://codepen.io/brandondesign/pen/xwpbzy Brandon Jackson

See the Code - See it Full Page - See Details

Taking my responsive floating header and sticking it to an entire Parallax, single page Portfolio/Profile page.

]]>
Parallax Portfolio 2016-06-07T04:06:26-07:00
Sortable Responsive Grid - Pure CSS https://codepen.io/brandondesign/pen/EVwgrz https://codepen.io/brandondesign/pen/EVwgrz Brandon Jackson

See the Code - See it Full Page - See Details

This is a sortable, responsive grid that can be used for images, articles or or anything else. It lets you sort which items are shown and moves the items around with a nice little animation.

]]>
Sortable Responsive Grid - Pure CSS 2021-02-09T15:36:50-07:00