FrontendMasters's profile picture. Master the Full Stack: Frontend to Backend

Frontend Masters 💻✨

@FrontendMasters

Master the Full Stack: Frontend to Backend

🎉 Our Frontend Masters Hoodie Giveaway is complete! 100 devs from 30+ countries were selected from our annual survey, weighted by membership seniority. 🇩🇪 Germany 🇮🇳 India 🇧🇷 Brazil 🇨🇦 Canada 🇮🇹 Italy 🇪🇸 Spain 🇳🇱 Netherlands 🇫🇷 France 🇩🇰 Denmark 🇫🇮 Finland 🇧🇪 Belgium 🇦🇹…

FrontendMasters's tweet image. 🎉 Our Frontend Masters Hoodie Giveaway is complete!

100 devs from 30+ countries were selected from our annual survey, weighted by membership seniority.

🇩🇪 Germany 🇮🇳 India 🇧🇷 Brazil 🇨🇦 Canada 🇮🇹 Italy 🇪🇸 Spain 🇳🇱 Netherlands 🇫🇷 France 🇩🇰 Denmark 🇫🇮 Finland 🇧🇪 Belgium 🇦🇹…

Modern CSS Round-Out Tabs We can use `shape()` to carve away the edges of an element to look like a folder tab. By hand. frontendmasters.com/blog/modern-cs…


CSS Counters in Action CSS has counter variables (based on matching selectors) that you can output as formatted content or use in calculations. frontendmasters.com/blog/css-count…


Frontend Masters 💻✨ reposted

A year ago, @getsenry launched the Open Source Pledge, with one singular goal: get maintainers paid. A key pillar of @thePledge is it’s not a “pledge”, like an IOU. Rather, to join the Pledge, members come with receipts. Here’s why. 🧵

ThePledge's tweet image. A year ago, @getsenry launched the Open Source Pledge, with one singular goal: get maintainers paid.

A key pillar of @thePledge is it’s not a “pledge”, like an IOU. Rather, to join the Pledge, members come with receipts. Here’s why.

🧵

Numbers That Fall (Scroll-Driven Animations & Sibling Index) With view() style scroll-driven animations, it's helpful to think about how you want it to work then tweak the ranges toward that goal. frontendmasters.com/blog/numbers-t…


Frontend Masters 💻✨ reposted

@kadikraman Hi Kadi, thank you for the incredible courses on @FrontendMasters - both were perfectly paced and learnt a lot. Thanks again!


Frontend Masters 💻✨ reposted

💥 I did a small drawing explaining the JS execution model including the event loop. I hope it’s helpful to folks. Debugging is always easier when the underlying implementations are understood.

sarah_edo's tweet image. 💥 I did a small drawing explaining the JS execution model including the event loop. I hope it’s helpful to folks. Debugging is always easier when the underlying implementations are understood.

Frontend Masters 💻✨ reposted

frontend masters >>>>udemy, coursera etc


A Progressive Enhancement Challenge You want to hide an interactive element that you don't need anymore after JavaScript loads/runs. Can you do it without a "flash" or layout shift? frontendmasters.com/blog/a-progres…


Inset Shadows Directly on img Elements (Part 1) Inset `box-shadow` doesn't work directly on . There are work-arounds, but this SVG filter can do it directly. Don't run! There is powerful stuff to learn here through interactive demos. frontendmasters.com/blog/inset-sha…


How much do you really know about media queries? There are a ton more @media queries than "width" and "prefers-reduced-motion". Let's have a long, along with use-cases. frontendmasters.com/blog/learn-med…


Loading...

Something went wrong.


Something went wrong.