Today I celebrate 🥳 a year working as a Frontend Developer after a career shift from technical support. I’m so greatful for everyone who helped me and for each opportunity I’ve received in the past which helped me become the developer I am today.

I've just finished the logic for a small interactive demo where users circle specific items; for this version, I've used cities from France 🇫🇷. The design isn’t finished yet, but the logic is fully functional.

I just finished implementing my first interactive quiz for a project 🎉. The quiz tests users' knowledge on a subject, provides dynamic feedback, tracks progress, and scores. A small addition to the project I've been working on, and a fun thing to build.

🎨 Today I made my first hand-drawn SVG for a new project! Couldn’t find the right style, so I’m drawing them myself in Affinity Designer. There's a lot to learn, but I'm loving it. 🌸 #frontenddeveloper

CSS Tip! ☀️ You can create this cool explode-on-scroll effect with scroll-driven animations and custom properties 🔥 .attr { --x: -80vw; animation:xplode; animation-timeline:--header; animation-range:exit; } @​keyframes xplode { to { translate: var(--x) var(--y); } This is a

🔥 CSS Grid Hot Tip :before and :after are first class CSS Grid items, this “lines on either side” design can easily be accomplished in ~10 lines of CSS

Future CSS Tip! 🔮 (This one's close 🤏) You can use "subgrid" to give child elements access to a parent's grid tracks 👀 This is great when you want to make sure content lines up 🙌 Check those cards 👇 article { grid-row: span 4; display: grid; grid-template-rows:

Cute lil button I made using CSS trig functions 🙂 https://t.co/6tzsLNRBOX 👇🏽 next tweet with explainer 👇🏽

In my free time, I'm working on a side project in React, so I get to practice a lot independently, but I'm looking to increase my knowledge [2/2].

Hi #DEVCommunity , I'm looking to read some React books. Would anyone happen to have any recommendations 😊 ? My current level in React is somewhere between junior and middle, and I don't have any work experience in React just yet [1/2]. #react #frontenddeveloper #womenwhocode

`text-wrap: balance` in action 🎬

take a moment and hate mediocrity do something with every fiber of your being

Chrome 111 beta is here. Features include new CSS color types and spaces, CSS trigonometric functions, and the View Transitions API.

If you are reading number and date input values as strings and parsing them manually, there is a better way. More in my latest blog post: https://t.co/UIzJCvN8lu

If you're still creating and modifying URLs in JavaScript using string concatenation, this is a PSA that there is a better way:

One new way you can make fetch() more elegant is to use the new Error.prototype.cause property in JS: const res = await fetch(...) if (!res.ok) { throw new Error('...', { cause: res }) } ... catch (err) { if (err.cause.status === ...) { // Handle each status } }

Learn to Code & Get a Developer Job in 2023. You can do this.🔥 My full book is now available here. You can read it on your laptop or phone. Be sure to bookmark it. And tell your friends who are interested in getting into tech. [FREE full-length book]:

Looking to level up your skills in 2023? This 🧵 is for you.

This is my #GitHubUnwrapped! Get your own: https://t.co/V18ObjIUo9

I've spent 15 years as a developer. That's over 25,000 hours. Here are 9 lessons that only time can teach: