Mikaël Sévigny

Mikaël Sévigny

@miksevigny.com

Front-end developer from Canada 🇨🇦 Father of one, and helluva one 👶

167 followers1K following122 posts

Mikaël Sévigny reposted

Interested in setting aside the magical prompter and learning some web standards skills the old fashioned way? You can sign up for my online Web Components course for free until Oct 31 with the code markitzero. If you find it useful, please consider letting folks know! 🎃

scottjehl.comWeb Components Demystified online course | Scott Jehl, Web Designer/DeveloperA comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.

Mikaël Sévigny reposted

✨ Have you ever wondered whether JavaScript animation libraries like GSAP or Motion are as performant as raw CSS transitions/keyframes? The answer is surprisingly nuanced. We dig into the question in my brand-new blog post:

joshwcomeau.comCSS vs. JavaScript • Josh W. ComeauThere are a bunch of JavaScript animation libraries out there, and you might have wondered whether there’s a performance cost compared to traditional CSS transitions and keyframe animations. In this b...

I've had the delight of going through Practical Accessibility by @sarasoueidan.com a few years back, and it has radically improved how I think about and implement a11y. If you want to create websites that show any degree of care towards users, you should check it out. And it's 25% off until June 5!

practical-accessibility.todayThe Practical Accessibility CourseA get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today

Mikaël Sévigny reposted

For the past 6 years, I’ve been working on developer education full time, on my online courses + blog. It’s been an incredible privilege to be able to focus on this stuff. ✨ I’m starting to wonder, though, whether the business model I’ve chosen is sustainable. Let me explain… 🧵

Josh's Whimsical Animations course is INCREDIBLE. It contains all of the amazing tricks that he's curated over the years, for you to install onto your own brains. e.g., I went from having no knowledge of the Canvas API to being able to create snazzy animations like these fireworks from scratch.

Josh W. Comeau@joshwcomeau.com

🎉 Registration is now open for my latest course, Whimsical Animations! This course will teach you everything you need to know to design and build stunning, creative animations and interactions. It’s time to make the web less generic and boring! 😄

Mikaël Sévigny reposted

🎉 Registration is now open for my latest course, Whimsical Animations! This course will teach you everything you need to know to design and build stunning, creative animations and interactions. It’s time to make the web less generic and boring! 😄

whimsy.joshwcomeau.comWhimsical AnimationsLearn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!

Mikaël Sévigny reposted

I ❤️ homemade websites. All the differences and nuances thanks to individual preferences and decisions. Visual and technical diversity. Here is also where we can tell where web development really stands, how much it has evolved. The homemade part of the Web is—the Beautiful Web. #web #indieweb

Mikaël Sévigny reposted

"It’s really tempting to say that you’re just “using the resources you have” when you use a simple query here and there, but your brain is the best resource you’ll have for the rest of your life, and you should keep it sharp." @cassidoo.co Do not give up your brain 🔗 cassidoo.co/post/good-br...

cassidoo.coDo not give up your brainIt's tempting to just let tools think for you, but you still need to be able to think for yourself and stay sharp.

Mikaël Sévigny reposted

I’m super excited to see what people come up with for this! The winner gets a copy of my animations course 😄

Nordcraft@nordcraft.com

🎄 IT'S CHRISTMAS COMPETITION TIME! 🎄 Enter the Nordcraft Christmas Button competition and win a copy of @joshwcomeau.com's Whimsical Animations course! Get more info and clone the Christmas Button template on nordcraft.com/christmas! Submit your entry by 18th December! GOOD LUCK AND HO HO HO!

@joshwcomeau.com is still running his Black Friday for another 18+ hours. If you're a web developer who wants to learn from the tippity top, do was last-year-me said and get this bundle (which, admittedly, should've been titled "Bundle of Joy"). Plus, you'll be supporting one helluva great fella.

Josh W. Comeau@joshwcomeau.com

Friendly reminder: the Black Friday sale I’m running ends tomorrow! 🎈 The best deal is on the bundle, which is an eye-watering US$500 off right now. 👀 www.joyforjs.com

Mikaël Sévigny reposted

A lot of folks know me for one or two posts, and might not know I've created nine (9!) visual explanations of computer science topics, aimed at practitioners. If you're looking for things to read this Thanksgiving, I think you'll love them. Computer science is a lot of fun, when explained well. ❤️

Mikaël Sévigny reposted

A bit of a vulnerable post by me but we need your help to get us through what has been a more difficult period than 2020. It would be really appreciated if you could read and share in your networks too 💛 bell.bz/its-been-a-v...

bell.bzIt’s been a very hard year - Andy BellUnlike a lot of places in tech, my company, Set Studio/Piccalilli has no outside funding. Bootstrapped is what the LinkedIn people say, I think. It’s been a hard year this year. A very hard year...

Mikaël Sévigny reposted

Replying to @wil.to

Said time is, of course, the week of Black Friday — about which I have some Big Feelings: wil.to/newsletters/... So, if you’re in a position where you’re able to do so, help me make sure JavaScript for Everyone lives up to its name by paying a little more for it. Hear me out:

Mikaël Sévigny reposted

🎈 The Black Friday sale of my two flagship courses has officially begun! The best deal is on the “Joy for JavaScript Developers” bundle, which is a whopping $500 off during this sale. 😄 I’m also running sales on each course individually, they’re both ~40% off. ✨ More info in-thread. 🧵

joyforjs.comJoy for JavaScript DevelopersGrab both of my flagship courses — CSS for JavaScript Developers and The Joy of React — in one delightful bundle 😄

Sara's course is the best resource on accessibility that I'm aware of; each lesson is packed with useful and actionable information. I can't recommend it enough!

Sara Soueidan@sarasoueidan.com

📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only. Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.

Mikaël Sévigny reposted

Watch for tips, tricks, and blunders in tech interviews for 2025 nerdy.dev/on-general-m...

Kevin Powell@kevinpowell.co

Didn't plan it this way, but nothing much scarier than talking about getting a job in tech these days 😱 Check out my full convo with @nerdy.dev about his recent experience looking for a new job: 📺 www.youtube.com/watch?v=JLdh... 🎙️ zencastr.com/z/KHLM-Zlu

Mikaël Sévigny reposted

One of the most powerful tools in my toolbox is SVG. When combined with CSS and JavaScript, we can do some truly remarkable things. ✨ 📝 I’ve just published a brand-new blog post that covers the most critical fundamentals. It’s chock full of interactive demos. 😄 Check it out:

joshwcomeau.comA Friendly Introduction to SVG • Josh W. ComeauSVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most imp...

Mikaël Sévigny reposted

✨ In March 2023, I published an article about AI. This was right after OpenAI showcased how GPT4 could turn a hand-drawn sketch of a website into real HTML/CSS/JS. The consensus online was that FE jobs would stop existing within 1-2 years. Well, it’s been 2 years! So, I just published a follow-up:

joshwcomeau.comThe Post-Developer Era • Josh W. ComeauWhen OpenAI released GPT-4 back in March 2023, they kickstarted the AI revolution. The consensus online was that front-end development jobs would be totally eliminated within a year or two.Well, it’s ...

Mikaël Sévigny reposted

For one week only we're dropping the price of Complete CSS from £249 to £169! There's no code required, just head on over and grab your copy. If you're coming in from a country that gets Purchasing Parity Power (PPP) you can still apply those discounts at checkout too. piccalil.li/complete-css

piccalil.liComplete CSSA high quality, expansive CSS course that will elevate your CSS and core skills to a level you never thought was achievable.

Mikaël Sévigny reposted

I was going to make this public on Monday, but since it's all done, I figured why not pull the trigger earlier :) - www.youtube.com/playlist?lis...

youtube.comHTML & CSS for Absolute Beginners - YouTubeThis is a free course that explores how you can create your very first website. It covers the basics of HTML & CSS. Assuming zero knowledge to start, it expl...
Kevin Powell@kevinpowell.co

My newest course - HTML & CSS for absolute beginners - is completely free, so I figured while it's on my course platform, I might as well put it on YouTube as well. As I go through, adding titles and thumbnails to 50 videos all at the same time, I'm debating whether this was such a good idea 😆

Mikaël Sévigny reposted

A cool thing I made on #CodePen: interactive demo illustrating how to use #SVG `feColorMatrix` to swap 2 channels of its input. codepen.io/thebabydino/... Viewport adaptive. Heavily commented code if you want to check how the demo works in the back. Makes use of modern #CSS features. Made with ❤️.

codepen.iofeColorMatrix: swap channels ☆ interactive demo, adaptive layoutInteractive demo to illustrate swapping two RGB channels via the SVG `feColorMatrix`. The idea is simple: if a pixel in the image is `rgb(35, 79, 185)...

Mikaël Sévigny reposted

At the beginning of 2024 I had newborn twins and two-year-old twins, I developed arthritis, and I got laid off while on paternity leave. Since then, Steve and I started a business and doubled our old salaries. 2024 was the hardest year of my life. Here's my review 👇

Mikaël Sévigny reposted

🎊 Happy New Year! I discovered a lot of very cool dev stuff in 2024, from libraries to devtools to educational resources. Thought it’d be fun to share them all, to help kickstart your 2025! Let’s go through the list. 🧵

Mikaël Sévigny reposted

Created a new Vite + React Router project through its CLI, and my goodness, it generates a lot of files. 😅 I miss Create React App. Was such a nice idea to tuck the config inside react-scripts and only reveal it when users opt in. Perfect for teaching, and for quick prototypes.

Mikaël Sévigny reposted

I am this 🤏 close to start teasing my book cover. A little more work on small things, formatting for the right distribution size, and I think that will be the time.

Mikaël Sévigny reposted

🔥 One of my favourite hidden macOS features is the scroll hotkey gesture. By holding ⌘ (Command) and scrolling down, we zoom WAY IN on the cursor’s location. I learned this trick for highlighting stuff in video tutorials, but it comes in handy a lot in my day-to-day life!

Mikaël Sévigny reposted

Did you know it's called the View Transition API (and not the View Transitions API [plural])? Now MDN knows too (github.com/mdn/content/...) so there's no reason to keep using the wrong name. Learn about this and other misconceptions in this post: developer.chrome.com/blog/view-tr...

developer.chrome.comMisconceptions about view transitions  |  Blog  |  Chrome for DevelopersWith more and more people starting to look into the View Transition API, it's time to debunk some misconceptions.

Mikaël Sévigny reposted

CSS Wrapped 2024 is here! Just like last year, we – the Chrome DevRel team – have published CSS Wrapped, our end of year overview of all the new #CSS and Web UI features that landed in Chrome and The Web Platform in 2024. 👉 chrome.dev/css-wrapped-... is the place to be!

chrome.devCSS Wrapped 2024Join the Chrome DevRel team and a skateboarding Chrome Dino on a journey through the latest CSS launched for Chrome and the web platform in 2024.

Bought the print collection last year and they're truly a joy to read! I'm grabbing How Git Works to complete the set 😁

Julia Evans@b0rk.jvns.ca

it's zine sale time! from now until the end of the day on Friday, all my PDF zines are 50% off with the discount code WIZARDPDF print zines are 30% off with code WIZARDPRINT wizardzines.com

Mikaël Sévigny reposted

Bluesky now has over 20M people!! 🎉 We've been adding over a million users per day for the last few days. To celebrate, here are 20 fun facts about Bluesky: