Pens from sckarolos https://codepen.io/sckarolos/ en nospam@codepen.io Copyright 2024 2023-01-26T15:58:02-07:00 Locomotive-scroll https://codepen.io/sckarolos/pen/zYLjypY https://codepen.io/sckarolos/pen/zYLjypY sckarolos

See the Code - See it Full Page - See Details

]]>
Locomotive-scroll 2023-01-26T15:58:02-07:00
Newspaper Style Design https://codepen.io/sckarolos/pen/abGqZWB https://codepen.io/sckarolos/pen/abGqZWB sckarolos

See the Code - See it Full Page - See Details

Just experimenting a bit around with what you can do with webfonts and ligatures and only two font families: Playfair (Google Webfont) and Droid Serif (Google Webfont). Trying to find that one or two tweaks to make the design feel newspapery.

]]>
Newspaper Style Design 2022-09-28T09:56:16-07:00
Timeline https://codepen.io/sckarolos/pen/mdpjYQQ https://codepen.io/sckarolos/pen/mdpjYQQ sckarolos

See the Code - See it Full Page - See Details

This demo uses amCharts 4 TimeLine add-on. This type of chart is sometimes called a linear process diagram. [amb href="https://www.amcharts.com/timeline-chart/"]More info about TimeLine addon[/amb] [amb href="https://www.amcharts.com/docs/v4/chart-types/timeline/"]Add-on docs[/amb]

]]>
Timeline 2022-04-12T13:52:34-07:00
Snow Particle System - Three.js https://codepen.io/sckarolos/pen/YzrbPQO https://codepen.io/sckarolos/pen/YzrbPQO sckarolos

See the Code - See it Full Page - See Details

Playing around with three.js particle systems using shaders. Click and drag to move around the particle system and a new image gets pushed into the background with every page refresh.

]]>
Snow Particle System - Three.js 2022-01-19T10:10:12-07:00
writing-mode https://codepen.io/sckarolos/pen/ZEXZvOB https://codepen.io/sckarolos/pen/ZEXZvOB sckarolos

See the Code - See it Full Page - See Details

]]>
writing-mode 2022-01-18T16:21:17-07:00
Animated underline effect on several lines https://codepen.io/sckarolos/pen/PoJgEqL https://codepen.io/sckarolos/pen/PoJgEqL sckarolos

See the Code - See it Full Page - See Details

]]>
Animated underline effect on several lines 2022-01-18T16:17:26-07:00
Letter Animation https://codepen.io/sckarolos/pen/PoJgbBj https://codepen.io/sckarolos/pen/PoJgbBj sckarolos

See the Code - See it Full Page - See Details

Animating letters with CSS.

]]>
Letter Animation 2022-01-18T11:21:45-07:00
(cool) text effect https://codepen.io/sckarolos/pen/KKXYNee https://codepen.io/sckarolos/pen/KKXYNee sckarolos

See the Code - See it Full Page - See Details

]]>
(cool) text effect 2022-01-18T11:20:30-07:00
#webdev series - Colorful text animation #updated https://codepen.io/sckarolos/pen/gOGyLKm https://codepen.io/sckarolos/pen/gOGyLKm sckarolos

See the Code - See it Full Page - See Details

Colorful text animation Fluid and configurable colorful text animation module made with scss. Use it wherever you want but please give credit ;) In use http://hendrysadrak.com

]]>
#webdev series - Colorful text animation #updated 2022-01-18T11:19:45-07:00
#codevember - 08 - Cat https://codepen.io/sckarolos/pen/KKXExEX https://codepen.io/sckarolos/pen/KKXExEX sckarolos

See the Code - See it Full Page - See Details

This is a rehash of an old (and highly appropriate) project we did at We The Collective, designed by Justin (https://codepen.io/justin_mojo/). Made for Codevember 2018, 8th day.

]]>
#codevember - 08 - Cat 2022-02-15T17:41:20-07:00