Search
212 results for “coderanch”
-
If you're a patron on Patreon, then you may have seen the solution over a year ago. Here it is now public for everyone to see on @codepen: https://codepen.io/thebabydino/pen/rNqPGMM
Also an entry for this week's #CodePenChallenge (scroll snapping).
#scroll #scrollAnimation #scrollEffect #diagonal #angled #code #coding #pureCSS #CSS #frontend #CodePen #web #webDev #wbDevelopment #dev #cats #bigCat
-
My pure CSS entry for this week's #CodePenChallenge: scroll progress indicator that's a nav bar in disguise.
Smooth scrolling, pure CSS scroll-driven animations, CSS variables and more, all in one @codepen demo https://codepen.io/thebabydino/full/gOJWwZX
See description for support info.
#scroll #scrollAnimation #pureCSS #css #smoothScroll #code #coding #frontend #web #webDev #webDevelopment #dev
-
@coderanger While I would have liked some sort of manual save function, I did like that #Dustborn just tells you on the pause screen how long it's been since it last autosaved.
-
Another pure CSS & SVG thing I made on @codepen last week for the #CodePenChallenge: https://codepen.io/thebabydino/pen/yLWjMWB
Idea from https://codepen.io/gabrielcojea/pen/GRoqOYm but using no JS for scroll-triggered transitions and no text duplication for the dynamic headline-image intersection.
cc @bramus
#CodePen #CSS #scroll #SVG #filter #svgFilter #scrollAnimation #scrollEffect #textEffect #code #coding #frontend #web #webDev #dev #webDevelopment
-
Animating a custom property* that the gradients used for the effect depend on can also produce cool effects, like in https://codepen.io/thebabydino/pen/wvRVNgv - also an entry for this week's #CodePenChallenge😎
And a solution to https://mastodon.social/@anatudor/111261576456520013
*not yet in Firefox stable, only in Nightly https://mastodon.social/@anatudor/112157049928865915
#css #cssVariables #customProperty #filter #cssFilter #blending #blendMode #cssTricks #code #coding #frontend #webDev #webDevelopment #CodePen
-
You seem to like the no JS char by char on scroll reveal effect https://mastodon.social/@anatudor/112551564705281523 so here's a gallery of various such effects on
@codepen https://codepen.io/thebabydino/pen/KKLWBJZWhich is your fave? I oscillate between undissolve & wave.🤔
Also an entry for this week's #CodePenChallenge.
Inspired by Inspired by a @codrops demo https://tympanus.net/Development/ScrollBlurTypography/
cc @bramus
#scroll #reveal #revealEffect #scrollAnimation #noJS #CSS #SVG #filter #svgFilter #textEffect #code #coding #frontend #web #webDev #dev
-
Haven't had it in me to do anything for the past week's #CodePenChallenge, so here's a demo from earlier this year that fits: #CSS infinite scroll gallery https://codepen.io/thebabydino/pen/XJrYqGb
One of my most hearted demos ever & my only one to get over 1000 ❤️ without being in the most hearted of previous year.
#SVG #cssGrid #scrollAnimation #filter #svgFilter #cssFilter #cssLayout #3D #cssTransforms #code #coding #frontend #web #dev #webDev #webDevelopment
-
Haven't had it in me to do anything for the past week's #CodePenChallenge, so here's a demo from earlier this year that fits: #CSS infinite scroll gallery https://codepen.io/thebabydino/pen/XJrYqGb
One of my most hearted demos ever & my only one to get over 1000 ❤️ without being in the most hearted of previous year.
#SVG #cssGrid #scrollAnimation #filter #svgFilter #cssFilter #cssLayout #3D #cssTransforms #code #coding #frontend #web #dev #webDev #webDevelopment
-
Haven't had it in me to do anything for the past week's #CodePenChallenge, so here's a demo from earlier this year that fits: #CSS infinite scroll gallery https://codepen.io/thebabydino/pen/XJrYqGb
One of my most hearted demos ever & my only one to get over 1000 ❤️ without being in the most hearted of previous year.
#SVG #cssGrid #scrollAnimation #filter #svgFilter #cssFilter #cssLayout #3D #cssTransforms #code #coding #frontend #web #dev #webDev #webDevelopment
-
Here's a little thing I made for the 1st #CodePenChallenge of '25: pure #CSS tilt & zoom grid on scroll!
Check it out on @codepen
https://codepen.io/thebabydino/pen/jENzprY
Using pure CSS scroll driven animations, grid, variables, mathematical functions, container query units. Also uses an SVG filter for the dissolve effect.
Chromium only.
#scroll #scrollAnimation #cssVariables #cssGrid #cssLayout #cssMaths #containerQueryUnits #svgFilter #SVG #filter #code #coding #frontend #webDev #webDEvelopment #web #dev
-
My pure CSS entry for this week's #CodePenChallenge: scroll progress indicator that's a nav bar in disguise.
Smooth scrolling, pure CSS scroll-driven animations, CSS variables and more, all in one @codepen demo https://codepen.io/thebabydino/full/gOJWwZX
See description for support info.
#scroll #scrollAnimation #pureCSS #css #smoothScroll #code #coding #frontend #web #webDev #webDevelopment #dev
-
My pure CSS entry for this week's #CodePenChallenge: scroll progress indicator that's a nav bar in disguise.
Smooth scrolling, pure CSS scroll-driven animations, CSS variables and more, all in one @codepen demo https://codepen.io/thebabydino/full/gOJWwZX
See description for support info.
#scroll #scrollAnimation #pureCSS #css #smoothScroll #code #coding #frontend #web #webDev #webDevelopment #dev
-
My pure CSS entry for this week's #CodePenChallenge: scroll progress indicator that's a nav bar in disguise.
Smooth scrolling, pure CSS scroll-driven animations, CSS variables and more, all in one @codepen demo https://codepen.io/thebabydino/full/gOJWwZX
See description for support info.
#scroll #scrollAnimation #pureCSS #css #smoothScroll #code #coding #frontend #web #webDev #webDevelopment #dev
-
#CodePenChallenge | Tricks & Treats https://codepen.io/takaneichinose/pen/BavgmVx
@codepenA little witch girl is asking for a treat! Please give her some candies!
This behavior and animations is written only using #css animation
-
RT Ksenia Kondrashova
Re @CodePen b/w series pt.2
(and today's #codepenchallenge)
Another quick sketch with repelling effect on canvas
Hosted on @CodePen
Demo & source code:
#html5canvas #creativecoding #JavaScript
https://codepen.io/ksenia-k/full/gOjJjzp:sys_twitter: https://twitter.com/uuuuuulala/status/1623373193892225024
-
Another pure CSS & SVG thing I made on @codepen last week for the #CodePenChallenge: https://codepen.io/thebabydino/pen/yLWjMWB
Idea from https://codepen.io/gabrielcojea/pen/GRoqOYm but using no JS for scroll-triggered transitions and no text duplication for the dynamic headline-image intersection.
cc @bramus
#CodePen #CSS #scroll #SVG #filter #svgFilter #scrollAnimation #scrollEffect #textEffect #code #coding #frontend #web #webDev #dev #webDevelopment
-
Another pure CSS & SVG thing I made on @codepen last week for the #CodePenChallenge: https://codepen.io/thebabydino/pen/yLWjMWB
Idea from https://codepen.io/gabrielcojea/pen/GRoqOYm but using no JS for scroll-triggered transitions and no text duplication for the dynamic headline-image intersection.
cc @bramus
#CodePen #CSS #scroll #SVG #filter #svgFilter #scrollAnimation #scrollEffect #textEffect #code #coding #frontend #web #webDev #dev #webDevelopment
-
Another pure CSS & SVG thing I made on @codepen last week for the #CodePenChallenge: https://codepen.io/thebabydino/pen/yLWjMWB
Idea from https://codepen.io/gabrielcojea/pen/GRoqOYm but using no JS for scroll-triggered transitions and no text duplication for the dynamic headline-image intersection.
cc @bramus
#CodePen #CSS #scroll #SVG #filter #svgFilter #scrollAnimation #scrollEffect #textEffect #code #coding #frontend #web #webDev #dev #webDevelopment
-
Somehow forgot to post this @codepen demo https://codepen.io/thebabydino/pen/dyEVGrx, which fits both most recent #CodePenChallenge weeks.
It's a version of this demo by @bramus https://scroll-driven-animations.style/demos/cover-flow/css/, but relying on CSS 3D (transforms) instead of `z-index` for z-axis order.
#CSS #3d #transform #maths #cssTransition #scroll #scrollEffect #scrollAnimation #code #coding #frontend #cssVariables #web #webDev #dev #webDevelopment
-
Somehow forgot to post this @codepen demo https://codepen.io/thebabydino/pen/dyEVGrx, which fits both most recent #CodePenChallenge weeks.
It's a version of this demo by @bramus https://scroll-driven-animations.style/demos/cover-flow/css/, but relying on CSS 3D (transforms) instead of `z-index` for z-axis order.
#CSS #3d #transform #maths #cssTransition #scroll #scrollEffect #scrollAnimation #code #coding #frontend #cssVariables #web #webDev #dev #webDevelopment
-
Somehow forgot to post this @codepen demo https://codepen.io/thebabydino/pen/dyEVGrx, which fits both most recent #CodePenChallenge weeks.
It's a version of this demo by @bramus https://scroll-driven-animations.style/demos/cover-flow/css/, but relying on CSS 3D (transforms) instead of `z-index` for z-axis order.
#CSS #3d #transform #maths #cssTransition #scroll #scrollEffect #scrollAnimation #code #coding #frontend #cssVariables #web #webDev #dev #webDevelopment
-
If you're a patron on Patreon, then you may have seen the solution over a year ago. Here it is now public for everyone to see on @codepen: https://codepen.io/thebabydino/pen/rNqPGMM
Also an entry for this week's #CodePenChallenge (scroll snapping).
#scroll #scrollAnimation #scrollEffect #diagonal #angled #code #coding #pureCSS #CSS #frontend #CodePen #web #webDev #wbDevelopment #dev #cats #bigCat
-
If you're a patron on Patreon, then you may have seen the solution over a year ago. Here it is now public for everyone to see on @codepen: https://codepen.io/thebabydino/pen/rNqPGMM
Also an entry for this week's #CodePenChallenge (scroll snapping).
#scroll #scrollAnimation #scrollEffect #diagonal #angled #code #coding #pureCSS #CSS #frontend #CodePen #web #webDev #wbDevelopment #dev #cats #bigCat
-
If you're a patron on Patreon, then you may have seen the solution over a year ago. Here it is now public for everyone to see on @codepen: https://codepen.io/thebabydino/pen/rNqPGMM
Also an entry for this week's #CodePenChallenge (scroll snapping).
#scroll #scrollAnimation #scrollEffect #diagonal #angled #code #coding #pureCSS #CSS #frontend #CodePen #web #webDev #wbDevelopment #dev #cats #bigCat
-
Is Software the UFOlogy of Engineering Disciplines?
https://codemanship.wordpress.com/2025/11/07/is-software-the-ufology-of-engineering-disciplines/
#HackerNews #Software #UFOlogy #Engineering #Disciplines #Tech #Culture #Innovation
-
"The Future of Software Development is Software Developers"
Of course it is. And it is for anyone who can write a neat script or a macro, hack a nice little website together, selfhost that infra, and do all the countless other creative things that happen in any good #FreeSoftware development lifecycle.
-
🎉 Oh, joy! Another thrilling day in the life of a programmer chasing bugs in #LLVM #RISC-V while pretending to be Sherlock Holmes. 🔍 The article takes us on a wild ride through benchmarks and code tweaks, but spoiler alert: we still don't really care. 📉
https://blog.kaving.me/blog/tracking-down-a-25-regression-on-llvm-risc-v/ #programmerlife #bugchasing #SherlockHolmes #codebenchmarks #techhumor #HackerNews #ngated -
Codepen asked for spirals -
did I miss any? (no I didn't do ulam - should I?).
https://codepen.io/fractalkitty/live/MYwzROr/5517a9002126749dc03b84e2eceef51c
#codepen #spirals #codepenchallenge #cpc-spirals #math #spirals #mtbos
-
Hey, are you attending the Copenhagen Developers Festival?
Please, contact us so we can set up a meeting. See you there!
https://www.relianoid.com/about-us/events/copenhagen-developers-festival-2024/
#CopenhagenDevFest2024 #DevelopersFestival #DevFestCopenhagen #CopenhagenTech #SoftwareDevelopersFestival #CopenhagenEvents #KødbyenDistrict #CopenhagenVibes #CopenhagenNightlife #TechInCopenhagen #AIWorkshops #DevOpsSessions #TechTalks #SoftwareInnovation #APISecurity #TechNetworking #BeerGardenMeetup #CodeAndChill #TechCommunity #DevelopersUnite
