Search
212 results for “coderanch”
-
The Future of Software Development Is Software Developers
#HackerNews #FutureOfSoftware #Development #SoftwareDevelopers #TechTrends #CodingCommunity
-
The Future of Software Development Is Software Developers
#HackerNews #FutureOfSoftware #Development #SoftwareDevelopers #TechTrends #CodingCommunity
-
Comprehension Debt: The Ticking Time Bomb of LLM-Generated Code
#HackerNews #ComprehensionDebt #LLMGeneratedCode #TechTrends #SoftwareDevelopment #CodeQuality
-
Comprehension Debt: The Ticking Time Bomb of LLM-Generated Code
#HackerNews #ComprehensionDebt #LLMGeneratedCode #TechTrends #SoftwareDevelopment #CodeQuality
-
Comprehension Debt: The Ticking Time Bomb of LLM-Generated Code
#HackerNews #ComprehensionDebt #LLMGeneratedCode #TechTrends #SoftwareDevelopment #CodeQuality
-
Comprehension Debt: The Ticking Time Bomb of LLM-Generated Code
#HackerNews #ComprehensionDebt #LLMGeneratedCode #TechTrends #SoftwareDevelopment #CodeQuality
-
Comprehension Debt: The Ticking Time Bomb of LLM-Generated Code
#HackerNews #ComprehensionDebt #LLMGeneratedCode #TechTrends #SoftwareDevelopment #CodeQuality
-
A little something on @codepen: pure #CSS icosphere of spheres https://codepen.io/thebabydino/pen/poYRGmV
Very little code and I should be able to make the algorithm even more efficient. Pure CSS shading too.
#CodePenChallenge #CodePen #3D #code #geometry #maths #mathematics #coding #recursion #cssGradient #frontend #web #dev #webDev #webDevelopment #transform #css3D #cssTransform #cssVariables
-
A little something on @codepen: pure #CSS icosphere of spheres https://codepen.io/thebabydino/pen/poYRGmV
Very little code and I should be able to make the algorithm even more efficient. Pure CSS shading too.
#CodePenChallenge #CodePen #3D #code #geometry #maths #mathematics #coding #recursion #cssGradient #frontend #web #dev #webDev #webDevelopment #transform #css3D #cssTransform #cssVariables
-
A little something on @codepen: pure #CSS icosphere of spheres https://codepen.io/thebabydino/pen/poYRGmV
Very little code and I should be able to make the algorithm even more efficient. Pure CSS shading too.
#CodePenChallenge #CodePen #3D #code #geometry #maths #mathematics #coding #recursion #cssGradient #frontend #web #dev #webDev #webDevelopment #transform #css3D #cssTransform #cssVariables
-
A little something on @codepen: pure #CSS icosphere of spheres https://codepen.io/thebabydino/pen/poYRGmV
Very little code and I should be able to make the algorithm even more efficient. Pure CSS shading too.
#CodePenChallenge #CodePen #3D #code #geometry #maths #mathematics #coding #recursion #cssGradient #frontend #web #dev #webDev #webDevelopment #transform #css3D #cssTransform #cssVariables
-
I made a thing: scroll-driven, almost pure #CSS infinite circular gallery rotation - check it out on @codepen
https://codepen.io/thebabydino/pen/XJrYqGbUsing scroll-driven animations and the tiniest bit of JS for the infinity part of it.
Made with 🖤 for this week's #CodePenChallenge.
cc @bramus
#SVG #cssGrid #scrollAnimation #filter #svgFilter #cssFilter #cssLayout #3D #cssTransforms #code #coding #frontend #web #dev #webDev #webDevelopment
-
I made a thing: scroll-driven, almost pure #CSS infinite circular gallery rotation - check it out on @codepen
https://codepen.io/thebabydino/pen/XJrYqGbUsing scroll-driven animations and the tiniest bit of JS for the infinity part of it.
Made with 🖤 for this week's #CodePenChallenge.
cc @bramus
#SVG #cssGrid #scrollAnimation #filter #svgFilter #cssFilter #cssLayout #3D #cssTransforms #code #coding #frontend #web #dev #webDev #webDevelopment
-
I made a thing: scroll-driven, almost pure #CSS infinite circular gallery rotation - check it out on @codepen
https://codepen.io/thebabydino/pen/XJrYqGbUsing scroll-driven animations and the tiniest bit of JS for the infinity part of it.
Made with 🖤 for this week's #CodePenChallenge.
cc @bramus
#SVG #cssGrid #scrollAnimation #filter #svgFilter #cssFilter #cssLayout #3D #cssTransforms #code #coding #frontend #web #dev #webDev #webDevelopment
-
I made a thing: scroll-driven, almost pure #CSS infinite circular gallery rotation - check it out on @codepen
https://codepen.io/thebabydino/pen/XJrYqGbUsing scroll-driven animations and the tiniest bit of JS for the infinity part of it.
Made with 🖤 for this week's #CodePenChallenge.
cc @bramus
#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
-
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
-
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
-
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
-
A little something combining #CSS shapes, trigonometry, plus scroll-driven animations on @codepen: angled slide!
https://codepen.io/thebabydino/full/zYJKRyq
Also an entry for this week's #CodePenChallenge.
#cssShapes #code #coding #frontend #web #dev #webDev #webDevelopment #scroll #scrollAnimation #trigonometry
-
A little something combining #CSS shapes, trigonometry, plus scroll-driven animations on @codepen: angled slide!
https://codepen.io/thebabydino/full/zYJKRyq
Also an entry for this week's #CodePenChallenge.
#cssShapes #code #coding #frontend #web #dev #webDev #webDevelopment #scroll #scrollAnimation #trigonometry
-
A little something combining #CSS shapes, trigonometry, plus scroll-driven animations on @codepen: angled slide!
https://codepen.io/thebabydino/full/zYJKRyq
Also an entry for this week's #CodePenChallenge.
#cssShapes #code #coding #frontend #web #dev #webDev #webDevelopment #scroll #scrollAnimation #trigonometry
-
A little something combining #CSS shapes, trigonometry, plus scroll-driven animations on @codepen: angled slide!
https://codepen.io/thebabydino/full/zYJKRyq
Also an entry for this week's #CodePenChallenge.
#cssShapes #code #coding #frontend #web #dev #webDev #webDevelopment #scroll #scrollAnimation #trigonometry
-
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
-
Selective saturation with a bit of #SVG filter magic! 🪄
You may have seen this effect - all is black & white in the image save for something in a vibrant colour. We can do it directly in the browser!
Interactive demo on @CodePen https://codepen.io/thebabydino/full/GRedmQg
#CodePenChallenge #svgFilter #filter #CodePen #code #coding #frontend #webDev #web #dev #webDevelopment #selective #saturation
-
Home again. Zoning out with some live radio. Love the animation on this one, too!
#LiveRadio #CodeAndChill
https://www.youtube.com/watch?v=jfKfPfyJRdk -
Same text effect:
✨pure CSS https://codepen.io/thebabydino/pen/abMYoWX
✨with an SVG filter https://codepen.io/thebabydino/pen/poYvgzXPure CSS version obviously requires a wrapper and if you're thinking why is the SVG version so overly complicated, well... browser bugs. Ironically, not even SVG, but CSS bugs...🪲
#CodePen #CodePenChallenge #SVG #filter #svgFilter #dropShadow #CSS #cssFilter #cssGradient #cssMask #text #textEffect #code #coding #frontend #web #dev #webDev #webDevelopment
-
#tinySVGtip Create a barcode ▌│█║▌║▌║ with a CSS gradient pattern (only a handful of CSS declarations in total) + a super simple SVG filter!
Also an entry for this week's #CodePenChallenge https://codepen.io/thebabydino/pen/abroLRa
The background gradients pattern was heavily inspired by "cicada stripes" from the CSS3 Patterns gallery by @leaverou https://projects.verou.me/css3patterns/#cicada-stripes
#CSS #SVG #filter #svgFilter #cssGradient #barcode #cssTricks #cssTip #cssTips #code #coding #frontend #webDev #webDevelopment
-
While I've seen the rare #SVG solution among the SO answers, I found those filters to be too complicated. So here's a much simpler SVG version, step by step 👆
Live demo https://codepen.io/thebabydino/pen/gOBxmOZ also for this week's #CodePenChallenge
No wrapper, no losing right click menu on img if not setting `pointer-events: none` on element on top of img in z order.
#CodePen #css #filter #svgFilter #shadow #inset #code #coding #frontend #web #dev #webDevelopment #webDev
-
Wish it worked better: no text duplication single div + #SVG filter magic 🪄 double stroke effect https://codepen.io/thebabydino/pen/oNOEmrE
In Chrome it has this problem (scr #1 + #2 detail) https://mastodon.social/@anatudor/112461545563575178
Firefox rounds stroke corners (scr#3).
And Safari breaks other things 🤦♀️ (scr #4).
#CodePenChallenge #CodePen #SVG #filter #svgFilter #CSS #text #textEffect #code #coding #frontend #web #dev #webDev #webDevelopment #textStroke