frontend.fyi @frontend_fyi
Teaching you the craft in frontend — By @jeroenreumkens frontend.fyi Joined February 2020-
Tweets35
-
Followers276
-
Following95
-
Likes23
Today it’s exactly ONE year since I published my first YouTube video. In that time people watched my content almost 16.000 hours. A crazy number to me 🤯 So grateful for each and everyone who watched! Thank you! This is only the beginning! youtu.be/YwJpDUG5zxE
Bringing some new perspective on 3D in CSS
Bringing some new perspective on 3D in CSS
I catch myself too often for NOT using currentColor in CSS. But it's so useful! No repeating of colors, not even with variables. Apply currentColor to borders, backgrounds, strokes, etc and it will update when you change text color!
The next step 🔥
The next step 🔥
10/10 would recommend 😉
In today's episode of "Always keep building" — I've added a newsletter 🔥 Not sure when the first email will get sent. But with so many great things coming soon, you'd better subscribe 😉
New video is up! Time to change the way we build websites. Left and right is a thing of the past. Introducing Logical Properties: the new way the position you elements, bringing support for different reading directions with ZERO effort. Watch it on YT: youtu.be/H3Odqy0V4Es
Back at creating videos! This weeks frontend.fyi video will be all about Framer Motion scroll animations, PLUS smart ways of using masks to make your animations a lot simpler! Will be released later this week, almost ready to record!
“Why don’t you teach fullstack topics with @frontend_fyi?” A question I got more than once. Let me tell you why you probably won’t see many videos on that topic on frontend.fyi soon. Frontend is huge. Too huge to master it all. It is impossible to know it all. 👇
New video up! Rushed it a little bit because it's my b-day weekend 😅 — But I'm SUPER excited that we finally have a way to animate gradients in CSS! Only waiting for firefox to add support, but let's not make that stop us from animating gradients today! 👇
Part 2 of the Amie rebuild is live! Also did a small update to the website to start combining video series into a single page 😍 Far from finished, and only added it to this video for now. But so far I'm really happy with this first step! 🔥 Video here: frontend.fyi/v/recreating-a…
Just released my very first ARTICLE version of a video. An article full of code snippets & interactive examples 🤩 It took quite some time to make this! Would really love to hear whether you think it was worth it. Any feedback is welcome. Read it here: frontend.fyi/v/framer-motio…
Adding animations to websites is so much fun ❤️ Go check out our latest video now to learn how to animated this with Framer Motion! 😁
Adding animations to websites is so much fun ❤️ Go check out our latest video now to learn how to animated this with Framer Motion! 😁
This rebuild is far from finished! Go watch part 3 of rebuilding Linear's homepage now 🔥 youtu.be/ar_NCPlRt_U #frontend #css #frontendfyi
Carousels are bad 😠 At least, that's what you hear quite often.. I'm not going into that debate now — but what if I tell you for most of the carousels you want to build, you can make them without JavaScript! Check out my new video now! buff.ly/3HAVMeF #css #frontend
It's only getting better! We just released part 2 of Linear's website rebuild. This time we're adding loooots of nice animations by building the amazing homepage hero. Check it out tell us what you think about it! 🔥 youtu.be/R5PjNcIdAzU #frontend #linear #css
Mousoom Mudoi @MousoomMudoi
5 Followers 14 Following
Kriz @uxkriz
14 Followers 768 Following
Pavel Fomchenkov @nawok
80 Followers 1K Following
Ebraheem Alhetari @4Hetari
3 Followers 43 Following I am a computer science student in my fourth year. In a committed relationship with my IDE 💖💻
Bridger Tower @bridgertower
145 Followers 330 Following pro web surfer 🏄♂️ :: design engineer :: building with @nextjs and @tailwindcss
shashank @sshashanksingh_
139 Followers 741 Following building @ https://t.co/vNEUEMzDNS | Bit of design too🌱| Sharing thoughts
Bradley Sedor @BradleySedor
374 Followers 1K Following Product Designer @MightyNetworks. @BucknellU & @NorthwesternU alumnus.
Mahmoud @shawa_dev
11 Followers 75 Following Late to the TypeScript party early to the jQuery renaissance
kazoomarc @datamoree
623 Followers 5K Following • random-digital-art-ish — FB: https://t.co/ZEI4oo3qwq — IG: https://t.co/Rh4056hSDd
Alessio Montagnani @moissela
369 Followers 4K Following CTO & Founder @zoonect https://t.co/Juw0aPvrmW
Son Tran @ThaiSon84216335
59 Followers 694 Following
J @jjjjj_paul
15 Followers 72 Following
Yi Zhe Ang @yizhe_ang
836 Followers 2K Following Creative Developer | data vis, interfaces, AI 🖲️ @StackAI_HQ prev: visual & data journalist @stvisuals1, computer vision @MMLabNTU 💌 DM for collabs!
Parker @parkerhendo
6K Followers 4K Following I like computers and using them to empower people to do cool things. Doing those things @materializeinc. Head barista @ https://t.co/BSxNnw91VO.
jamie @bitofbreeze
206 Followers 4K Following Indiemaker building useful projects with a lifetime guarantee
Gerardo Maruotti @gerardomaruott1
85 Followers 787 Following
Brian DeVries @cplan_logician
415 Followers 4K Following
Victor @MightyPenguinV
526 Followers 3K Following Coding and producing noise with synths. Software Engineer @stellate.
Samarth Joshi @SomeEarthSays
366 Followers 3K Following
Mriganka Gogoi @_Mriganka_
23 Followers 419 Following Passionate Frontend Dev 🚀 | React ⚛️ | Next.js 🔥 | Sass 💅 | Tailwind 🌈 | Learning Node.js 🌐 | MongoDB 🍃 | Creating elegant & user-friendly web experiences
Emmanuel Yankey @hiyankey
9 Followers 42 Following
Hemant @hemantwasthere
207 Followers 619 Following Building https://t.co/TgzCYb8lOW - Platform for Educators & Content Creators. Frontend Dev | Intern at @0xHashstack | prev interns - @alivemusic_eth, https://t.co/kAN8TxnBWS
Secret CTO @the_SecretCTO
2 Followers 32 Following Two decades, a dozen countries and a gazillion acronyms later, it’s time to demystify digital and breakdown technology into clear digestible language.
Huy Nguyen @HuyNguy81163308
45 Followers 289 Following
Steve Andreou @Steeberino
2K Followers 903 Following
Taha Abbasi @its_Sardar_Taha
10 Followers 304 Following HTML, CSS, Tailwind CSS, JAVASCRIPT, REACT, Nextjs
Sabuz Ahmed @sabuz796
178 Followers 987 Following "Stick to the truth, even if the truth kills you." - Umar ibn Al Khattab (may Allah be pleased with him)
Jordi™️ @JordiTM4
15 Followers 193 Following
meir waizman @siber195
34 Followers 297 Following Technical Staff @tryopenx | Defense, Startup, Security, AI/ML
Ankit Singh ⏳ @ankitzm
706 Followers 1K Following Dev @routerprotocol ❆ Learner ❆ Builder ❆ Web3 ❆ Prev DevRel @thirdfiorg Learning & Unlearning
Braswell Kenneth Azu .. @braswell_jnr
135 Followers 1K Following An Enthusiast and a Fullstack Software Engineer.
__ @Hime00007
27 Followers 197 Following
Fernando Carrettoni @landitus
659 Followers 2K Following Design + Code ⚡️👨💻 Software Designer @popsql, prev @hirosystems @auth0. Currently in 🇪🇸, prev 🇦🇷
Mustajab Ikram @mustajab_ikram
8 Followers 204 Following
vedansh @vedascript
6 Followers 152 Following
Z @ZMather23
165 Followers 260 Following Embarking on my journey as an #indiehacker. Currently building https://t.co/ofrfeTE3Ld in public
Agustín Perés @agu_peres
5 Followers 602 Following
davi @daviBarbosa2_
164 Followers 1K Following
Hi there @HiThereCoffee
168 Followers 2K Following
Ivan Breet @ivanbreet
327 Followers 441 Following 💡 Finding elegant solutions to complicated problems • Founder & Co-Founder • ⚒️ Building: https://t.co/iA41KDPN9P | https://t.co/ewiiM0mRYk | https://t.co/zQG62VApVV | https://t.co/secqvIBMWa
Harshita Kanal @harshita_kanal
94 Followers 351 Following Another passionate student learning and evolving 🐣
Tristan Remy @tristanremy
1K Followers 1K Following Frontend developer : @reactjs @nextjs @astrodotbuild @tailwindcss @typescript @graphql @figma
Hector Esquerdo @HEVProjects
50 Followers 271 Following Fullstack Developer. Te puedo ayudar si tienes una empresa o si quieres pasarte al sector tech.⚡ Buidling in public: @nonimo_io @rankpulseapp
Aaron Sananes @aasananes
231 Followers 262 Following Hybrid designer | developer. Planning to live forever. It's going well so far..
Toni @19KidDynamite
19 Followers 126 Following
Abdullah Abbasi @Me_AbAbbasi
43 Followers 332 Following
Guido Slotboom @guidoslotboom
125 Followers 480 Following User Interface Design Wizard 🧙🏻♂️ | Figma Ninja 🥷🏻 | Front-end Development Tinkerer 👨🏼🔬
Rishav @rishavbharti_
28 Followers 653 Following Usually, I write code. I sometimes write songs and sing in solitude.
Daniel Dorobantu @DanielDorobant5
46 Followers 667 Following
mbonea daniel @DanielMbonegd
7 Followers 50 Following
Volkan Haslak @volkanhaslak
669 Followers 978 Following Founder of https://t.co/GFQtFwKDFD | Earth Citizen | Minimalist | Designer
Phil Wolstenholme @philw_
1K Followers 2K Following Lead front-end eng @CoopDigital. Interested in the web (front-end, #a11y, performance), environment, bikes (everyday/utility) and science. @[email protected]
Ben Kinsey 🌴 @bkinsey808
247 Followers 748 Following Father and husband, web developer, open source enthusiast
Mark @markh0_19
127 Followers 1K Following
maarten @mrtn_crypto
84 Followers 685 Following learning JS + React so I can one day build your favorite web3 interface sewer rat @gtcapital_
Tomas Pozo G. @tomaspozo_
112 Followers 210 Following Self taught software developer | Founder at heart | Building things with code and no code
🦉 Tobias Scharikow @refuse2choose
588 Followers 5K Following Fascinated by creating something out of nothing ✨ I'm building a holistic #designyourlife app called cocoona in public. #ship30for30 and #tweet100
Vincent Fleming @veesentayy
41 Followers 290 Following Actively working at the intersection of design and development.
Harshvardhan Agarwal @harshii04
1K Followers 786 Following Exploring AI verse with design ✦ Prev. @buildonscenes @letsdivehq ✦ Alumni @10kdesigners
Pablo Fernández @pablofdrz
213 Followers 3K Following Passionate about tech, design and economics. Working towards a brighter future one pixel at a time. [email protected]
Muaz Asif @MuazAsifDev
25 Followers 239 Following
Subham Bharadwaz @subh4mBharadwaz
134 Followers 122 Following Love to build things with JavaScript!🤯 | WebDev | FrontEnd Lover |
Joshua Berrios 🇵�.. @JBerri0s
614 Followers 2K Following Building a Bible Journaling App Software Engineer @vbasoftware 👨💻 Podcast Host @code_fellowship 🎙 Jesus Follower ✝️ Army Veteran 🪖 Dad of 3 👦🏻👦🏻👧🏻
Mario Barceló @MarioBarceloDev
614 Followers 1K Following Frontend developer 👨🏻💻 — JavaScript ⚡ & React ⚛️ — #learninpublic and #buildinpublic 🛤️
Joan | Decaf ☕ @JuanRdBO
483 Followers 3K Following @decaf_so co-founder - all things crypto & engjneering
Alex Leybourne @AlexLeybourne
896 Followers 712 Following Just a web developer trying to make the internet a better place, one div at a time 😁👨💻
Salvaoo @salvagr_
342 Followers 1K Following Spanish Full stack developer in UK. Building websites to make your dreams come true! Or at least a good laugh 👨🏻💻
Damian @func0x
110 Followers 4K Following I'm frontend developer interested in Web3 and blockchain, with love to Svelte 🧡 based in Poland 🇵🇱
Srinivas Gowda @linuxsavvy
171 Followers 332 Following Software professional by day, amateur mixologist and professional dog cuddler by night
Diego @slicecodediego
249 Followers 1K Following 🇮🇹 Nomad Developer👨💻 indie hacker & pizza maker🍕 Building my first SaaS🔥⏲️
Aditya Kumar Singh @AditKSingh
757 Followers 2K Following tinkering | next + ts + tailwind 🚀 | cinephile | music reccs
Tristan Dubbeld @tristandubbeld
42 Followers 324 Following Senior Frontend Engineer @TheyDoHQ. Previously @codesandbox. DX, UI, UX, a11y and design systems.
Anurag Bhagsain @abhagsain
2K Followers 2K Following Learner, Builder, FE @TreeboHotels | HipHop, Swing 🎧 Indie Hacking 👨💻 - https://t.co/KrubZa9W9O - https://t.co/CeqiLHaoGG - https://t.co/prsddkiAiH
Karthik Kalyanaraman .. @karthikkalyan90
811 Followers 2K Following Co-founder & CTO @langtrace_ai @scale3labs
The QR code is fake. Made with a few lines of JS in @weweb_io, our users can feel their tickets before even getting them printed. Credit for the inspiration: @frontend_fyi and @arcinternet
A Solution to Radix Themes' Specificity Issues youtu.be/6zMa4qK63hQ?si… by @frontend_fyi
youtu.be/4jvwwMNRWXM @frontend_fyi This video is enough to teach you so much about CSS and framer animations.
View Transitions API docs: developer.chrome.com/docs/web-platf… Quick vids to get an idea of how it works: 1. youtube.com/watch?v=mRxkkm… (thanks @frontend_fyi) 2. youtube.com/watch?v=aTGwrE…
Effortlessly Animating a Drag & Drop Kanban Board With View Transitions youtu.be/uSRlG4hNH50 By @JeroenReumkens at @frontend_fyi @reactjs #css
@frontend_fyi @mengoding @shadcn I really love your videos!! Thanks for making awesome framer motion animations! Love the way you teach❤️🙏
@mengoding @shadcn Learnt from @frontend_fyi's youtube video! 🥂 youtu.be/ls_b-1a0ZUc
Just added a new "tutorials" page with some cracking content from @trunarla, @frontend_fyi and @joshtriedcoding If you've created content about cva.style, please feel free to raise a PR! → cva.style/docs/tutorials
@lxunos @frontend_fyi has some really good videos on YouTube about Framer Motion I’m planning to watch myself.
Recreated @family's whimsical number input today using Framer Motion. Check it out: nan.fyi/experiments/fa… Short tutorial below.
YOOOOOOO 🤯 The largest telcom company of The Netherlands, @KPN, used my product for one of their ads. I’m feeling so honoured 😳
🤖 Hi frontend.fyi! It looks like you're interested in accessibility. If you add alt text to your images, they'll be accessible to blind, partially sighted and neurodivergent people who use screen reader software. How to add alt text & FAQs: x.com/gaadbot/status…
Yesterday’s short has just been released as a full video, explaining this in way more detail 🔥 Check it on YouTube now: youtu.be/pKX7YnkyR8g #css #html #accessibility #frontend #frontendfyi
Just released my second video to YouTube showing you how you to add route transitions and other animations with Next 13 and Framer Motion. Let me know if you think the quality of this second video is already a bit better than the first 🙏 @frontend_fyi youtu.be/GksAsutVXOA
Hey, there 🤗. One more created logo and the satisfied client as a result. Let's look at what we've got this time. Our team worked on the logotype for the upcoming project. Its name is @frontend_fyi.
Introducing the new candycode.com, “the alternative agency.” We love to craft the most avant-garde brands and engineer the most wicked-fast websites on starship earth. Let’s team up to delight your customers and accelerate your business! 🎉 candycode.com/blog/introduci…
I just quit my job. I will be a free indie maker / freelance bird in February🐥. (Notice period is 13 weeks In Belgium.)
Well I guess that’s that? Woke up to my phone being logged out of everything. What a way to end all this. Nothing but love for my colleague. This has truly been a spectacular place to work, even amidst all the chaos. ❤️
@JeroenReumkens @frontend_fyi @vercel Amazing, I just subscribed!
Trends for United States
You might like
