Shakedown Social

Manuel Siebeneicher🔧 Curl is your best friend when testing webhooks! 🔧Whether you're debugging or just need a quick test, curl has you covered.<a href="https://mastodontech.de/tags/Webhooks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webhooks</a> <a href="https://mastodontech.de/tags/Curl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Curl</a> <a href="https://mastodontech.de/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodontech.de/tags/TechTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TechTips</a> <a href="https://mastodontech.de/tags/Debugging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Debugging</a> <a href="https://mastodontech.de/tags/Automation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Automation</a>

Ana Tudor 🐯Haven't had it in me to do anything for the past week's <a href="https://mastodon.social/tags/CodePenChallenge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodePenChallenge</a>, so here's a demo from earlier this year that fits: <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> infinite scroll gallery <a href="https://codepen.io/thebabydino/pen/XJrYqGb" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/XJrYqGb</a>One of my most hearted demos ever & my only one to get over 1000 ❤️ without being in the most hearted of previous year.<a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssGrid</a> <a href="https://mastodon.social/tags/scrollAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrollAnimation</a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#filter</a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#svgFilter</a> <a href="https://mastodon.social/tags/cssFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssFilter</a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssLayout</a> <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#3D</a> <a href="https://mastodon.social/tags/cssTransforms" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssTransforms</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a>

Ana Tudor 🐯Maybe don't rely on AI do answer your CSS questions. Actually... without the maybe. Don't rely on AI to answer your CSS questions.<a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AI</a> <a href="https://mastodon.social/tags/aiCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#aiCode</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssGradient</a>

¡Abbie!Mobile safari has so many performance issues.... and I know I'm on an iPhone 12 but FFS the Pixel 3... the Nexus 5 even, is handling these things better than the iPhone 12<a href="https://masto.hackers.town/tags/iPhone" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#iPhone</a> <a href="https://masto.hackers.town/tags/Android" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Android</a> <a href="https://masto.hackers.town/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a>

Josh “Yoshi” VickersonFollow-up questions:➡️ Aside from “work on the website” what did that person do? What else was their responsibility?➡️ If you had to write a description for that title today in 2025, what responsibilities would you include?<a href="https://vickerson.me/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://vickerson.me/tags/WebsiteManagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebsiteManagement</a> <a href="https://vickerson.me/tags/Webmaster" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webmaster</a> <a href="https://vickerson.me/tags/JobTitles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JobTitles</a> <a href="https://vickerson.me/tags/AskFedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AskFedi</a> <a href="https://vickerson.me/tags/WebServices" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebServices</a> <a href="https://vickerson.me/tags/SysAdmin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SysAdmin</a> <a href="https://vickerson.me/tags/AskFediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AskFediverse</a>

Josh “Yoshi” VickersonOnce upon a time, working on a website granted you the title of "Webmaster". As the Web evolved, more specialized roles took over and the title fell out of favor. Searching for it now, I don't find many job listings for "Webmaster". So now I'm curious: how far removed from that job title are we?When was the last time you heard of someone with “webmaster” as their actual job title?<a href="https://vickerson.me/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://vickerson.me/tags/WebsiteManagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebsiteManagement</a> <a href="https://vickerson.me/tags/Webmaster" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webmaster</a> <a href="https://vickerson.me/tags/JobTitles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JobTitles</a> <a href="https://vickerson.me/tags/Poll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Poll</a> <a href="https://vickerson.me/tags/AskFedi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AskFedi</a> <a href="https://vickerson.me/tags/WebServices" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebServices</a> <a href="https://vickerson.me/tags/SysAdmin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SysAdmin</a> <a href="https://vickerson.me/tags/AskFediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AskFediverse</a>

Chris II'm working through bootcamp on Web Development. I completed the HTML portion. The next part of my journey is CSS. I hope I can get my head around it better than I have with HTML portion. <a href="https://mstdn.party/tags/CodingBootcamp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodingBootcamp</a> <a href="https://mstdn.party/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mstdn.party/tags/CodingJourney" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodingJourney</a>

Mike HindleAnd we're live 🎉 A fresh round of updates that truly home in on Clearcut Derby's digital marketing and sustainability focus 🎯Faster, greener & cleaner 🌿 Built with the default WordPress theme and block editor.<a href="https://clearcutderby.uk/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://clearcutderby.uk/</a><a href="https://mastodon.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wordpress</a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdevelopment</a> <a href="https://mastodon.social/tags/sustainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sustainability</a> <a href="https://mastodon.social/tags/business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#business</a>

Mike HindleOoof! Now that is nippy 🚀WordPress, Twenty Twenty-Five, the block editor and 20i hosting. I'd call that a winning combo 🙌🏻<a href="https://mastodon.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wordpress</a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdevelopment</a>

Kote IsaevI thought to ask a question here related to my work about how to implement some functionality in a most privacy-respecting way possible, retaining functionality matching to a set of requirements, and decided to not ask it. Simply speaking, I tried to view such question in shoes of "a random average person-in-vacuum of Fediverse", and most expected reaction I could imagine was set of curses on me being a data-hungry capitalist who mines people for profit.<a href="https://mastodon.online/tags/humor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#humor</a> <a href="https://mastodon.online/tags/sarcasm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sarcasm</a> <a href="https://mastodon.online/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.online/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a>

PloneConf 2025PyCon Finland is back after almost a decade! As part of the annual Plone Conference, welcome to Jyväskylä on October 17, 2025! 🐍 Call for proposals is now open and early bird tickets available <a href="https://pyconfi.ploneconf.org/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://pyconfi.ploneconf.org/</a> <a href="https://plone.social/tags/Plone" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Plone</a> <a href="https://plone.social/tags/ploneconf2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ploneconf2025</a> <a href="https://plone.social/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Python</a> <a href="https://plone.social/tags/PyConFi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PyConFi</a> <a href="https://plone.social/tags/PyCon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PyCon</a> <a href="https://plone.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#React</a> <a href="https://plone.social/tags/Webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webdevelopment</a> <a href="https://plone.social/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> <a href="https://plone.social/tags/universityofjyvaskyla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#universityofjyvaskyla</a> <a href="https://plone.social/tags/zope" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#zope</a>

LeanpubGame Studio Starter Kit (6 Game Collection) <a href="http://leanpub.com/set/leanpub/ugsskitc?utm_content=buffer7f824&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer" rel="nofollow noopener noreferrer" translate="no" target="_blank">http://leanpub.com/set/leanpub/ugsskitc?utm_content=buffer7f824&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer</a> by Stephen Gose is the featured Track on the Leanpub homepage! <a href="https://leanpub.com" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://leanpub.com</a> <a href="https://mastodon.social/tags/ProjectManagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProjectManagement</a> <a href="https://mastodon.social/tags/GameDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GameDevelopment</a> <a href="https://mastodon.social/tags/Html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Html</a> <a href="https://mastodon.social/tags/Javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Javascript</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/Education" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Education</a> <a href="https://mastodon.social/tags/Diy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Diy</a> <a href="https://mastodon.social/tags/games" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#games</a> <a href="https://mastodon.social/tags/videogames" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#videogames</a> <a href="https://mastodon.social/tags/contentcreator" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#contentcreator</a>

Vivaldi🚨 New Podcast! What’s next for CSS? Bruce chats with Miriam Suzanne, CSS expert and independent contributor to the CSS Working Group, about game-changing features like Cascade Layers, Scope, Mixins, and Container Queries, and how they’re shaping the future of web design.🎧 Spotify: <a href="https://open.spotify.com/episode/4D72MJ5AwP89PKxPXCz7Fq" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://open.spotify.com/episode/4D72MJ5AwP89PKxPXCz7Fq</a> 📺 YouTube: <a href="https://youtu.be/ukUewXT_Ifk" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://youtu.be/ukUewXT_Ifk</a><a href="https://social.vivaldi.net/tags/Podcast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Podcast</a> <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://social.vivaldi.net/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://social.vivaldi.net/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a>

Joomill | Jeroen MoolenschotJoomla User Dropdown Custom Field 👤 This plugin lets you create new fields for 'advanced user selection' in the backend and frontend for any extension where Joomla custom fields are supported. <a href="https://joomla.social/tags/Joomla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Joomla</a> <a href="https://joomla.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://joomla.social/tags/ACF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ACF</a>

weirdjokes<a href="https://mastodon.world/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Programming</a> <a href="https://mastodon.world/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mastodon.world/tags/IT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IT</a> <a href="https://mastodon.world/tags/Tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tech</a> <a href="https://mastodon.world/tags/Software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Software</a> <a href="https://mastodon.world/tags/Python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Python</a> <a href="https://mastodon.world/tags/SQL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SQL</a> <a href="https://mastodon.world/tags/Computer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Computer</a> <a href="https://mastodon.world/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdevelopment</a> <a href="https://mastodon.world/tags/Statistics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Statistics</a> <a href="https://mastodon.world/tags/DataAnalysis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataAnalysis</a> <a href="https://mastodon.world/tags/MachineLearning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MachineLearning</a> <a href="https://mastodon.world/tags/DataScience" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataScience</a> <a href="https://mastodon.world/tags/Jokes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Jokes</a> <a href="https://mastodon.world/tags/Memes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Memes</a> <a href="https://mastodon.world/tags/Funny" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Funny</a> <a href="https://mastodon.world/tags/NeuralNetworks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NeuralNetworks</a> <a href="https://mastodon.world/tags/SEO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SEO</a> <a href="https://mastodon.world/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AI</a> <a href="https://mastodon.world/tags/DevOps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DevOps</a> 💻 Python Knowledge Base <a href="https://python-code.pro/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://python-code.pro/</a>

ajaxStardustOctothorpe Y? In hopes that St NicholasSTEP1: CD to your <a href="https://social.vivaldi.net/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://social.vivaldi.net/tags/HTTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTP</a> server workspace.STEP2a: <a href="https://social.vivaldi.net/tags/curl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#curl</a> ``` curl -o- <a href="https://social.vivaldi.net/tags/https" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#https</a>://gist.githubusercontent.com/ajaxStardust/674b5d86f1f4386e72937a607e263608/raw/install.sh > ~/install_adb_by_ajaxStardust.sh chmod 755 ~/install_adb_by_ajaxStardust.sh ``` Step2 alt: <a href="https://social.vivaldi.net/tags/wget" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wget</a> ``` wget -qO- <a href="https://social.vivaldi.net/tags/https" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#https</a>://gist.githubusercontent.com/ajaxStardust/674b5d86f1f4386e72937a607e263608/raw/install.sh > ~/install_adb_by_ajaxStardust.sh chmod 755 $HOME/install_adb_by_ajaxStardust.sh ``` INSTRUCTIONS: a file saves to ~/home edit it to set 3 lines / $vars for your server name at line 40 <a href="https://github.com/ajaxStardust/AnnieDeBrowsa#description" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/ajaxStardust/AnnieDeBrowsa#description</a>

Luke HarbyWho here knows about font files? Can anyone help me out with a glyph question? <a href="https://infosec.exchange/tags/FediverseHelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediverseHelp</a> <a href="https://infosec.exchange/tags/FediHelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FediHelp</a> <a href="https://infosec.exchange/tags/fonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fonts</a> <a href="https://infosec.exchange/tags/otf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#otf</a> <a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://infosec.exchange/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEnd</a>

Ana Tudor 🐯Here's a neat little effect with no text duplication. Uses `background-clip: text` to create the split text face effect + scroll-driven animations to tie the gradient split line position to the 1st section's bottom edge.Live on <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> <a href="https://codepen.io/thebabydino/pen/XJWxLWV" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/XJWxLWV</a>cc <a href="https://front-end.social/@bramus" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@bramus</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/scroll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scroll</a> <a href="https://mastodon.social/tags/scrollAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrollAnimation</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/cssAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssAnimation</a> <a href="https://mastodon.social/tags/gradientText" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gradientText</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a>

Recent searches

Search options

Administered by:

Server stats:

#webdevelopment