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 ๐Ÿ’ปโœจ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

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 ๐Ÿ’ปโœจ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

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


Frontend Masters ๐Ÿ’ปโœจ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

๐Ÿ’ฅ 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 ๐Ÿ’ปโœจ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

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.