Search
1000 results for “codepen”
-
4️⃣ 909 ♥️ neon hex https://codepen.io/thebabydino/pen/zGmdep
Most people know my CSS stuff, but this was my most hearted @codepen demo for some three quarters of a decade... and it's a #canvas one! The #JS feels dated nowadays, but oh, well... still got a soft spot for this one.
#code #coding #frontend #hexGrid #web #dev #webDev #webDevelopment #geometry
-
today's creative coding sketch: https://codepen.io/fractalkitty/pen/ogNPgRq?editors=0010
-
today's creative coding sketch: https://codepen.io/fractalkitty/pen/ogNPgRq?editors=0010
-
today's creative coding sketch: https://codepen.io/fractalkitty/pen/ogNPgRq?editors=0010
-
today's creative coding sketch: https://codepen.io/fractalkitty/pen/ogNPgRq?editors=0010
-
today's creative coding sketch: https://codepen.io/fractalkitty/pen/ogNPgRq?editors=0010
-
Minimal pure #CSS textile patterns on @codepen https://codepen.io/thebabydino/full/OJmpzya
Absolutely no images other than CSS gradients and they are all tiny! All of them are under 500 bytes minified, some of them well under!
#pattern #cssPattern #frontend #patterns #cssPatterns #cssGradient #coding #web #dev #webDev #webDevelopment #textile #code
-
Minimal pure #CSS textile patterns on @codepen https://codepen.io/thebabydino/full/OJmpzya
Absolutely no images other than CSS gradients and they are all tiny! All of them are under 500 bytes minified, some of them well under!
#pattern #cssPattern #frontend #patterns #cssPatterns #cssGradient #coding #web #dev #webDev #webDevelopment #textile #code
-
Minimal pure #CSS textile patterns on @codepen https://codepen.io/thebabydino/full/OJmpzya
Absolutely no images other than CSS gradients and they are all tiny! All of them are under 500 bytes minified, some of them well under!
#pattern #cssPattern #frontend #patterns #cssPatterns #cssGradient #coding #web #dev #webDev #webDevelopment #textile #code
-
Minimal pure #CSS textile patterns on @codepen https://codepen.io/thebabydino/full/OJmpzya
Absolutely no images other than CSS gradients and they are all tiny! All of them are under 500 bytes minified, some of them well under!
#pattern #cssPattern #frontend #patterns #cssPatterns #cssGradient #coding #web #dev #webDev #webDevelopment #textile #code
-
Minimal pure #CSS textile patterns on @codepen https://codepen.io/thebabydino/full/OJmpzya
Absolutely no images other than CSS gradients and they are all tiny! All of them are under 500 bytes minified, some of them well under!
#pattern #cssPattern #frontend #patterns #cssPatterns #cssGradient #coding #web #dev #webDev #webDevelopment #textile #code
-
Because someone just hearted this decade old @codepen.io #3D demo, I gave it a quick 2025 remake using ✳️ modern #CSS features ✳️ - grid instead of `position: absolute`, CSS variables to avoid setting multiple properties in Sass loops, `color-mix()` and more!
https://codepen.io/thebabydino/pen/NNxMaN
Based on a GIF by @sasj, originally CSS-ed 9+ years ago live on CodePen in 10 minutes and 50 lines of SCSS. Now the code is even more compact.
#cssTransform #code #coding #frontend #web #dev #webDev #webDevelopment
-
Someone hearted this old thing https://codepen.io/thebabydino/pen/GNYvbZ on @codepen and I noticed it said Chrome-only - tested and it's not the case anymore, it works cross-browser.
Do note that it's 8+ years old, before #CSS variables, grid, newer functions and could be much simplified using these.
#3D #css3D #cssTransform #code #coding #web #dev #webDev #webDevelopment #frontend
-
Quick #CSS #3D carousel on @codepen https://codepen.io/thebabydino/pen/eYXqLdb
Auto-rotates on load, but it can also be paused and navigated through via the buttons.
Minimal JS. All 3D is CSS. Heavily commented.
#code #coding #frontend #web #dev #webDev #webDevelopment #cssTransform
-
‘Together’ Review: Alison Brie & Dave Franco Put Codependency To Test In Michael Shanks’ Body Horror/Romantic Comedy — Sundance Film Festival
#Festivals #Reviews #AlisonBrie #DaveFranco #MichaelShanks #Sundance #SundanceFilmFestivalhttps://deadline.com/2025/01/together-review-alison-brie-dave-franco-sundance-1236260485/
-
-
-
-
-
-
#Development #Rankings
Top pens of 2024 on CodePen · The most liked creations on the code playground last year https://ilo.im/161v01_____
#Playground #CodeEditor #CodeSnippets #WebDev #Frontend #HTML #CSS #JavaScript -
Made a version of https://mastodon.social/@codepen@fosstodon.org/113765084437649599 that doesn't duplicate the text and doesn't split it into individual letters - it's all done with a heading, a little bit of #CSS and a simple #SVG #filter. No JS either.
Check it out!
https://codepen.io/thebabydino/pen/RNbMbYN?editors=1100#textEffect #code #coding #frontend #web #dev #webDev #webDevelopment #text #svgFilter #textEffects
-
#CSSence #AdventCalendar Day 24
A CodePen that may contain traces of Media Queries Level 5 completes the calendar.
»Media Queries Test Page«
https://cssence.com/2024/media-queries-including-level-5/ -
This little thing made this week's @codepen Spark!
#CSS #code #coding #frontend #web #dev #cssGradient #webDevelopment #webDev #glow #cssAnimation #rainbow
-
-
Because I saw someone hearted https://codepen.io/thebabydino/pen/zKLOpb I got reminded of something I need for animations like this one: to be able to use #CSS vars to compute keyframe percentages.
I have 16 columns, each with a different animation. They're different because the keyframes needs to be different depending on the index.
#cssAnimation #cssVariables #keyframes #cssTransforms #code #coding #frontend #web #webDevelopment #webDev #dev
-
Because I saw someone hearted https://codepen.io/thebabydino/pen/zKLOpb I got reminded of something I need for animations like this one: to be able to use #CSS vars to compute keyframe percentages.
I have 16 columns, each with a different animation. They're different because the keyframes needs to be different depending on the index.
#cssAnimation #cssVariables #keyframes #cssTransforms #code #coding #frontend #web #webDevelopment #webDev #dev
-
Because I saw someone hearted https://codepen.io/thebabydino/pen/zKLOpb I got reminded of something I need for animations like this one: to be able to use #CSS vars to compute keyframe percentages.
I have 16 columns, each with a different animation. They're different because the keyframes needs to be different depending on the index.
#cssAnimation #cssVariables #keyframes #cssTransforms #code #coding #frontend #web #webDevelopment #webDev #dev
-
Because I saw someone hearted https://codepen.io/thebabydino/pen/zKLOpb I got reminded of something I need for animations like this one: to be able to use #CSS vars to compute keyframe percentages.
I have 16 columns, each with a different animation. They're different because the keyframes needs to be different depending on the index.
#cssAnimation #cssVariables #keyframes #cssTransforms #code #coding #frontend #web #webDevelopment #webDev #dev