Chris Ferdinandi ⚓️<p>⚓️ New Article: An HTML Web Component library <a href="https://ift.tt/KdbWn64" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/KdbWn64</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
hachyderm.io is one of the many independent Mastodon servers you can use to participate in the fediverse.
Hachyderm is a safe space, LGBTQIA+ and BLM, primarily comprised of tech industry professionals world wide. Note that many non-user account types have restrictions - please see our About page.
Administered by:
Server stats:
9.2Kactive users
hachyderm.io: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.7
#frontendDeveloper
8 posts · 5 participants · 0 posts today
Chris Ferdinandi ⚓️<p>📺 New Video: How to build scalable CSS architecture with HUG CSS <a href="https://www.youtube.com/watch?v=kKdH6QLQGFk" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=kKdH6QLQGFk</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>📺 New Video: Episode 160 - A formula for debugging <a href="https://www.youtube.com/watch?v=nQeCKzycrmo" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=nQeCKzycrmo</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>🎧 New Podcast: <br> Episode 160 - A formula for debugging <a href="https://ift.tt/StTEy6H" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/StTEy6H</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: Detecting media query changes with JavaScript <a href="https://ift.tt/lb2Rt5X" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/lb2Rt5X</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: Looping HLS video <a href="https://ift.tt/19vVIdQ" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/19vVIdQ</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: Shut up, you're being an asshole <a href="https://ift.tt/muOW6rI" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/muOW6rI</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: How to nail your job interview <a href="https://ift.tt/gbwyN2J" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/gbwyN2J</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: How to write effective resumes <a href="https://ift.tt/BYPIfwx" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/BYPIfwx</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: Finding open roles <a href="https://ift.tt/SZaGCUI" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/SZaGCUI</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>📺 New Video: WTF is an early return in JavaScript!?! <a href="https://www.youtube.com/watch?v=YCGWNaI8w1E" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=YCGWNaI8w1E</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: Finding a job: coffee chats <a href="https://ift.tt/UFALpZt" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/UFALpZt</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>📺 New Video: Episode 159 - How your tools work <a href="https://www.youtube.com/watch?v=p5Qy9fr2P8k" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=p5Qy9fr2P8k</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>🎧 New Podcast: <br> Episode 159 - How your tools work <a href="https://ift.tt/JhKeAzQ" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/JhKeAzQ</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
robcornelius<p>spent all day yesterday trying to figure out why my code wasn't working. I had been given the wrong URL for an endpoint. There is no swagger document etc. When I </p><p>Such is the life of a FED</p><p><a href="https://climatejustice.social/tags/FED" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FED</span></a> <a href="https://climatejustice.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEnd</span></a> <a href="https://climatejustice.social/tags/FrontendDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontendDeveloper</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: How to add links with a keyboard shortcut in Sublime Text <a href="https://ift.tt/f4Lmhrk" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/f4Lmhrk</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: It's like a new phone <a href="https://ift.tt/wNjeRYW" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/wNjeRYW</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: Building a toast library from scratch in just 30 minutes <a href="https://ift.tt/MOlKTxn" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/MOlKTxn</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: A pragmatic browser support strategy <a href="https://ift.tt/FVcQJ5p" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/FVcQJ5p</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodeNewbie</span></a></p>
Rosita<p>Question, I really need your opinion:</p><p>I have red as my brand color (<a href="https://mstdn.social/tags/E00000" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>E00000</span></a>). </p><p>But I also have a more green/teal color as a contrast color, also on darkmode. My boyfriend says it clashes with the red color. And what do you think of the hover effect on the cards?<br>Personaly I really like the pink hover effect on the cards.<br> This is not finished yet. by the way.<br><a href="https://rosita311.github.io/RulesbyRosita-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">rosita311.github.io/RulesbyRos</span><span class="invisible">ita-theme/</span></a></p><p><a href="https://mstdn.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WordPress</span></a> <a href="https://mstdn.social/tags/RulesByRosita" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RulesByRosita</span></a> <a href="https://mstdn.social/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Blog</span></a> <a href="https://mstdn.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mstdn.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://mstdn.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>A11y</span></a> <a href="https://mstdn.social/tags/CodingProject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodingProject</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload