'/%3e%3cpath%20d='M50.3943%2022.237V39.5876H43.5185V22.7481C43.5185%2019.2029%2042.0411%2017.3949%2039.036%2017.3949C35.7325%2017.3949%2034.0778%2019.5338%2034.0778%2023.7585V32.9759H27.2434V23.7585C27.2434%2019.5338%2025.5857%2017.3949%2022.2822%2017.3949C19.2949%2017.3949%2017.8027%2019.2029%2017.8027%2022.7481V39.5876H10.9298V22.237C10.9298%2018.6918%2011.835%2015.8754%2013.6453%2013.7877C15.5128%2011.7049%2017.9623%2010.6355%2021.0028%2010.6355C24.522%2010.6355%2027.1813%2011.9885%2028.9542%2014.6917L30.665%2017.5633L32.3788%2014.6917C34.1517%2011.9885%2036.811%2010.6355%2040.3243%2010.6355C43.3619%2010.6355%2045.8114%2011.7049%2047.6847%2013.7877C49.4931%2015.8734%2050.3963%2018.6899%2050.3943%2022.237Z'%20fill='white'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_89_8'%20x1='30.5'%20y1='0'%20x2='30.5'%20y2='65'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%236364FF'/%3e%3cstop%20offset='1'%20stop-color='%23563ACC'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Creating NPM Package https://leanpub.com/b/creating-npm-package by CodeSweetly is the featured bundle of ebooks 
on the Leanpub homepage! https://leanpub.com #ComputerProgramming #Apis #Javascript #React #Software #Git #WebDevelopment #Typescript #books #ebooks
#webdevelopment
12 posts6 participants0 posts today
I came up with a nonchalantly solution for dealing with factory states as a sequence: doing it manually.
Not the best approach. May push this a PR to #Laravel if I'm felling funny.
New Release! Laravel 12 Training Kit: A Practical Guide to Modern Web Development by Agus Kurniawan #books #ebooks #webdevelopment
Master Laravel 12 through a hands-on, lab-based approach designed for modern web development.
Find it on Leanpub!
Leanpub book LAUNCH! You Don't Know JS Yet: The Unbooks by Kyle Simpson https://youtu.be/YwSbLNybIrk #books #booklaunch #JavaSCript #computerscience #webdevelopment #softwareengineering
youtu.be- YouTubeEnjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
"I recently tried to revive a simple React project from 2015. What should have been a quick update became a multi-day archaeology expedition.... Updating React required rewriting significant portions of the codebase. The solution? I converted it to static HTML and CSS. The entire process took about an hour, the site loads instantly, and it will run unchanged for years."
Ibrahim Diallo BlogWhat We Lost with PHP and jQueryThere was a time when building a website felt straightforward. You'd write some HTML, add PHP for dynamic content, sprinkle in jQuery for interactions, upload it to your server, and you were done. No
I made a little thing on @codepen :pure #CSS #scroll controlled swipe transition https://codepen.io/thebabydino/pen/azObZOe
Note how the swipe always clockwise, regardless of scroll direction and how the text fades in after the swipe in.
Inspiration https://x.com/avanderpotte/status/1923382432784412771
(via @codrops motion highlights roundup)
cc @bramus
Replied in thread
486 
Pure #CSS 1 div card backgrounds https://codepen.io/thebabydino/pen/GRRpzNX
Using mask compositing, which I explained in this @csstricks article https://css-tricks.com/mask-compositing-the-crash-course/
Another where I should go through the code and improve it as it can be simplified nowadays... a lot even!
Visualising Data with JavaScript Complete Bundle https://leanpub.com/b/visualising-data-with-javascript-complete-bundle by Peter Cook is the featured bundle of ebooks on the Leanpub homepage! https://leanpub.com #Graphics #D3Js #Javascript #WebDevelopment #DataScience #NodeJs #React #Html #Css #books #ebooks
Replied in thread
501 Slice! https://codepen.io/thebabydino/pen/GRaKbZo
Definitely one of my faves I've made on @codepen in 2024.
No JS, no text duplication whatsoever, no images save for #CSS gradients. #SVG filters take care of both the texture and the slice + offset effect.
Also contenteditable. 
Oh, and the code is heavily commented.
Thanks to you 
Linux Professional Institute (LPI) is celebrating 25 years of empowering #opensource and #IT pros.
To show our gratitude, we've extended our anniversary giveaway. Every 25th person who takes an #LPI exam Jan. 1 - June 30 will get a free voucher for their next exam!
I was happier with Bower and Grunt than with the current crop of #WebDevelopment tools...
Replied in thread
521 Pure #CSS #3D toggle with a single `input[type=checkbox]` and its `label` - check it out on @codepen https://codepen.io/thebabydino/pen/ajpqYW
Replied in thread
593 Cycling gradient glow with no text duplication - see it on @codepen https://codepen.io/thebabydino/pen/rNPOpJK
A super simple, but cool #SVG #filter trick.
We create the gradient text.
The filter creates a blurred copy of it and places it underneath.
Replied in thread
736 
Pure #CSS 1 div card patterns (no SVG, no images other than CSS gradients) - see it on @codepen https://codepen.io/thebabydino/pen/NWxBzRv
A bunch of variations on the pure CSS #halftone technique detailed in this article https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/
Replied in thread
749 Pure #CSS Möbius 6hedrons https://codepen.io/thebabydino/pen/mJojKd
The how behind I live coded it in 30 minutes https://css-tricks.com/how-i-live-coded-my-most-hearted-codepen-demo/
Could be improved with CSS variables nowadays, see https://css-tricks.com/simplifying-css-cubes-custom-properties/ as well as by using CSS trigonometric functions.
Replied in thread
816 no sprite, no JS twitter 
animation https://codepen.io/thebabydino/pen/RRRRZE
Behind the demo https://css-tricks.com/recreating-the-twitter-heart-animation/
Now twitter uses an SVG heart 
(that path data though 
) and upon clicking, inserts a div with the sparks. There are better ways to do it... still better than sprites!
I'm sure I also fuck up lots of things when it comes to #accessibility.
But this is an easy one to check and fix. Please test your fucking text contrast before putting themes out there for people to use.
Filament PHP documentation is not bad, but for fuck sake they like to put code without context.
It makes Nova documentation worth paying for just for the hassle.
Game Studio Starter Kit (6 Game Collection) http://leanpub.com/set/leanpub/ugsskitc by Stephen Gose is the featured Track of online courses on the Leanpub homepage! https://leanpub.com #ProjectManagement #GameDevelopment #Html #Javascript #WebDevelopment #Education #Diy
