Pens from Alexi Taylor https://codepen.io/alexitaylor/ en nospam@codepen.io Copyright 2024 2022-06-28T22:42:36-07:00 City Search https://codepen.io/alexitaylor/pen/qBoBpgR https://codepen.io/alexitaylor/pen/qBoBpgR Alexi Taylor

See the Code - See it Full Page - See Details

This is day 6 out of 30 of the JavaScript30 course given by Wes Bos at: https://javascript30.com/

]]>
City Search 2022-06-28T22:42:36-07:00
A Pen by Alexi Taylor https://codepen.io/alexitaylor/pen/VwrWQRp https://codepen.io/alexitaylor/pen/VwrWQRp Alexi Taylor

See the Code - See it Full Page - See Details

]]>
A Pen by Alexi Taylor 2022-02-11T21:27:12-07:00
CSS Heart animation (no JS) https://codepen.io/alexitaylor/pen/zYPzPEo https://codepen.io/alexitaylor/pen/zYPzPEo Alexi Taylor

See the Code - See it Full Page - See Details

implementing usage of :not selector. the rest just usual animation and animation-delay property. I do admire javascript animation but I love take harder way :) inspired by maciekmp's previously pen (http://codepen.io/maciekmp/pen/tdoef)

]]>
CSS Heart animation (no JS) 2022-02-11T19:08:34-07:00
Single element, multi coloured 3d text effect https://codepen.io/alexitaylor/pen/mdqwqmK https://codepen.io/alexitaylor/pen/mdqwqmK Alexi Taylor

See the Code - See it Full Page - See Details

Single element with multi coloured text and 3D Text Shadow effects Just playing around with different css properties to create fun text effects :) Again I copied this from a graphic i found someone and am struggling to find again, if you find it please link me the url so i can credit original maker. Check out some other cool text effects: http://codepen.io/collection/DamKJW/

]]>
Single element, multi coloured 3d text effect 2022-02-11T19:02:54-07:00
AngularJS playground https://codepen.io/alexitaylor/pen/yLVGedj https://codepen.io/alexitaylor/pen/yLVGedj Alexi Taylor

See the Code - See it Full Page - See Details

AngularJS playground, select boxes and grouping options in selectboxes

]]>
AngularJS playground 2021-03-10T23:51:56-07:00
Iteration #4 https://codepen.io/alexitaylor/pen/LYGpeGm https://codepen.io/alexitaylor/pen/LYGpeGm Alexi Taylor

See the Code - See it Full Page - See Details

]]>
Iteration #4 2020-06-08T23:44:18-07:00
Grid by Example 35: Repeating multiple track lists with minmax() https://codepen.io/alexitaylor/pen/gOYQwjJ https://codepen.io/alexitaylor/pen/gOYQwjJ Alexi Taylor

See the Code - See it Full Page - See Details

A multiple track list using auto-fill and minmax()

]]>
Grid by Example 35: Repeating multiple track lists with minmax() 2019-09-19T17:25:18-07:00
Really Responsive Tables using CSS Flexbox (controlled wrap) https://codepen.io/alexitaylor/pen/gOYBdxJ https://codepen.io/alexitaylor/pen/gOYBdxJ Alexi Taylor

See the Code - See it Full Page - See Details

Really Responsive Tables using Flexbox, with the wrapping controlled using media queries rather than let the Flexbox logic determine when and how to wrap.

]]>
Really Responsive Tables using CSS Flexbox (controlled wrap) 2019-09-18T21:44:48-07:00
React ProgressRing component https://codepen.io/alexitaylor/pen/xxKgmaZ https://codepen.io/alexitaylor/pen/xxKgmaZ Alexi Taylor

See the Code - See it Full Page - See Details

]]>
React ProgressRing component 2019-08-23T19:22:15-07:00
A Pen by Alexi Taylor https://codepen.io/alexitaylor/pen/ZqZqbj https://codepen.io/alexitaylor/pen/ZqZqbj Alexi Taylor

See the Code - See it Full Page - See Details

]]>
A Pen by Alexi Taylor 2018-10-29T17:36:12-07:00