Chris Ferdinandi ⚓️<p>⚓️ New Article: A future worth fighting for <a href="https://ift.tt/x4aylSR" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/x4aylSR</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodeNewbie</span></a></p>
#100DaysOfCode
16 posts12 participants0 posts today
️ New Article: Tabindex, programmatic focus, and outline styles https://ift.tt/Zpulj4A #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie
ift.ttTabindex, programmatic focus, and outline stylesFor accessibility reasons, I sometimes need to programmatically focus on elements that would not normally be focusable. Two noteable examples…
Skip Nav links Shifting focus to the h1 heading in an SPA after a route change In both examples, you need to add a [tabindex] attribute with a value of -1 to the element in order for it to receive focus.
<a href="#main">Skip to Main Content</a> <!-- Nav Menu Stuff.
Progress Report - Sunday, May 4, 2025
#Beyond365DaysOfCode Day 126
#100daysofcode Day 126
#freeCodeCamp Progress:
Daily Reading:
• 
freeCodeCamp news: Read 1 article
• Daily.dev: Read 1 article Trello: Updated the board for better organization.
TOP: Updated webpage background image.
Codecademy: Started learning Node.js - Setting up a server!
Progress Report - Saturday, May 3, 2025
#Beyond365DaysOfCode Day 125 #100daysofcode Day 125 #freeCodeCamp Progress: Daily Reading:
• freeCodeCamp news: Read 1 article
• Daily.dev: Read 1 article Trello: Updated the board. freeCodeCamp: Continued Full Stack Developer Curriculum ~ Built a survey form.
Flexbox Froggy: Played game for fun & learning! TOP: Pushed Odin recipes to the repo.
Focused on learning full-stack and improving with fun activities like Flexbox Froggy!
️ New Article: Automatically wrapping CSS Grid https://ift.tt/yR436V5 #WebDev #FrontEndDeveloper #100DaysOfCode #CodeNewbie
ift.ttAutomatically wrapping CSS GridToday, I wanted to share a fun little snippet of CSS I learned from my friend Stephanie Eckles awesome SmolCSS website.
Let’s imagine you’ve got a bunch of content (maybe some photos or a list or Pokemon characters or something like that), and you want to display them in a grid. The number of items can vary from time to time, as can the width and height of each item.
Day 81/? of coding
Day 81/100 of #100DaysOfCode
Project Update: JavaScript course & Blog API (part 8)
++ JavaScript: there are design patterns:
- Plain Old JavaScript Objects and Object Constructors
- Factory Functions and the Module Pattern
- Classes
- ES6 Modules
++ Progress: add tag and search functionalities to Blog, it is almost done, just a few de-buggings, and then there is the main page for a single blog, oh, and there are comments.
#100DaysOfCode day 20½ -2:
No #code or #math today. Been spending the day with practical stuff, trying to get my life back on track.
Hopefully I can get some sleep tonight, and be a bit more up to learning again tomorrow
