WebDevCindy @webdev_cindy
Frontend Developer | Weekend Developer who has a love/hate relationship with CSS. The best debugging tool = solid 8 hour sleep webdevcindy.com Joined January 2022-
Tweets224
-
Followers685
-
Following361
-
Likes835
Modern CSS is TOO good. Disable scrollbars when this dialog is both a modal, and open No JS, no state, no classes, no aria labels - just a few lines of CSS
So here's something unsettling: every day, 20+ emails are sent that pretend to be from my domain, joshwcomeau.com. Fortunately, I use DMARC to instruct email providers to reject any emails that aren't from an authorized sender. If you own any domains, be sure to set up DMARC!
Parallax cards with masked blurs v2 ✨ – DeviceOrientation – Progressive blur/masked layers with CSS sin() – Adapts to landscape with media queries 🤙
Parallax cards with masked blurs v2 ✨ – DeviceOrientation – Progressive blur/masked layers with CSS sin() – Adapts to landscape with media queries 🤙 https://t.co/9OoTy84FkN
🚀 Our latest WebGL project is out! Introducing Equinox, an interactive space adventure that will take you to the stars. ✨ Embark now: equinox.space #webgl #threejs
It's crazy how much time makes you better, crazily improved rendering, overall skills, visuals, performance, Code open source soon !
💚 Featured Showcase - Brainsave So many mindblowing details here. What a winner. Those cards 🤌 Design → @Griflan Dev & Motion → @thomAufresne WebGL & 3D → @vincent_weyh 🛠 ScrollTrigger SplitText site → brainsave.ai showcase → gsap.com/showcase
Anchor positioning comes w/a new layout mechanism called inset-area, and its pretty neat! So I'm building a little anchor tool to help you learn it and anchor things! anchor-tool.com *Browser support is still very limited, only works in Chrome Canary (125+) for now
It's slime time! On-scroll gooey overlay based on #GLSL shader and controlled with #GSAP #ScrollTrigger. Easy to customise and (I'm proud to say it 😎) responsive Live demo & source code: codepen.io/ksenia-k/full/… Made with GSAP ScrollTrigger @greensock Hosted on @CodePen
Super simple scroll-driven progressive enhancement: animate in your images 🩷 @keyframes appear { from { opacity: 0; scale: 0.8; } to { opacity: 1; scale: 1; } } img { animation: appear linear both; animation-timeline: view(); animation-range: entry 25% cover 50%; }
New article got published: CSS `color-scheme`-dependent colors with `light-dark()` 🔗 web.dev/articles/light…
🔥 Here are 4 more ways you can use JavaScript's new Promise.withResolvers() method. Use it today. It's in every browser and can be polyfilled in 9 lines.
New sketch 🥰. #creativecoding #threejs #webgl @greensock
Notion is encountering issues saving changes. Our engineering team is currently investigating this issue and we will share updates as soon as possible.
Are you still using .jpgs and .pngs for your websites? Increase load speeds by using .webp instead. The size savings are incredible. Use something like anywebp.com they have apps for Win and Mac.
Zero To Mastery @zerotomasteryio
23K Followers 23 Following Learn In-Demand Skills. Get Hired. Join 1,000,000 ZTM students who are learning in-demand skills, getting hired in high paying jobs, and advancing their career.Zelma Ubry @ZelmaU30587
70 Followers 5K FollowingOneMoreDavid @oneMore_David
49 Followers 157 Following I was a Network Engineer, I turned to the dark arts of IT Project Management and stumbled into IT Management but always wanted to be a DeveloperPatricia @patriciagross76
134 Followers 3K FollowingLeo Rapose @rapo_le
82 Followers 5K FollowingHarry Kingston $BUBBL.. @HarryKings944
126 Followers 532 Following The world is not in your books and maps, it's out there.central_massif_46 @46Massif
104 Followers 583 FollowingMariah Walkowiak @walkow_maria
66 Followers 5K FollowingShreyas P @Shreyas53909216
71 Followers 1K Following Thou, O God, dost sell us all good things at the price of labour 💻,🚀, electronics,mechanics,matsci. greatest things of our timeKassandra Holiday @KassandraH97549
16 Followers 3K FollowingAlita Yngsdal @AlitaYngsd23439
11 Followers 3K FollowingVincent Weyh @vincent_weyh
306 Followers 281 Following — 🇫🇷 Creative developer — Freelance — Traveler — Gamer — https://t.co/yQP538UrpH https://t.co/s3ZaFvx8GDMarquetta Hasgill @MarquettaH4104
61 Followers 5K FollowingNaik Javaid @im_javaid
9 Followers 98 Following Sharing tools, snippets, amazing resources for web devs. Software Engineer #bullsEyeWebsites UKElham | Fullstack Typ.. @elhamnajee
6 Followers 117 Following Worked in startups as Engineer | Build Software Products for web and mobile apps| Love Coding | Open-Source Contributer | Working on my SaaS side project.Aretha Almasi @are_almas
50 Followers 5K FollowingPamila Barnette @PamBarne
55 Followers 5K FollowingAamir | Software Engi.. @DevAamir
569 Followers 570 Following Passionate software engineer 🖥️ | Turning complex problems into elegant solutions | Lifelong learner 📚 | Code artist by day, stargazer by night ✨ | #DevsMalik @malikabdcom @MalikAbdCom
13 Followers 253 Following Fullstack Web developer. Likes === Bookmarks . Open to workHumna Shoaib @ShoaibHumna
1K Followers 486 FollowingBridgett Lanham @BridgettLa81025
86 Followers 5K FollowingAdnan Qazi @adnan_qazii
56 Followers 1K FollowingNaimur Rahman 👨.. @naimur103
42 Followers 57 Following Making recruitment easy with AI- Powered Recruitment Platform 👉 https://t.co/Cku20yzlbP #buildinpublicLucas Francis @talks_get_real
519 Followers 728 Following CTO Nokons PLC | A coding geek in real life obsessed with love for birds 🕊Sang Dang @thaisangdang
8 Followers 13 FollowingSebby Apudo @ApudoSebby
323 Followers 568 Following Group CEO at @Nyati_Inc . Creative developer, Graphics & UI/UX designer and 3D animator. Let's connect and geek out.Mel @mel_faria_
163 Followers 262 FollowingSathvik @7vik7547
3 Followers 64 Following Learning web dev to create SaaS products. Indie hacker in the making. 💻🚀Stephen St.Pierre @nothisisSteve
66 Followers 137 Following Full-Stack JavaScript Developer 👨💻 @LogRocket Content Advisor 🚀 adventurer 🏞️ fitness enthusiast 🏋️🧘♂️archer 🏹Zero To Mastery @zerotomasteryio
23K Followers 23 Following Learn In-Demand Skills. Get Hired. Join 1,000,000 ZTM students who are learning in-demand skills, getting hired in high paying jobs, and advancing their career.Andrei Neagoie @AndreiNeagoie
50K Followers 6 Following I run the best tech school in the 🌎 that gets people (actually) hired at top companies (1,000,000+ pros have taken a ZTM course) 👉 💻🚀https://t.co/xoCwQaeDjiDanny Thompson @DThompsonDev
288K Followers 2K Following Software Developer | Brand Ambassador @Appwrite | Pretty good at helping people get jobs in tech! | Book a 1:1 with me! https://t.co/9pEdQaBy3JAnia Kubów #JavaScri.. @ania_kubow
90K Followers 8K Following https://t.co/V1risFsdik + creator for non profit @freecodecamp 🤙Code tips: https://t.co/8yOQRR6szd 🚀 My Course + Blockchain: https://t.co/MWr8gEpQqVSteve (Builder.io) @Steve8708
87K Followers 686 Following CEO @builderio - design to production, fasterFireship @fireship_dev
157K Followers 891 Following Build and ship your app faster with @JeffDelaney23 🔥📽️ https://t.co/oF4GTcT7UCMatt Pocock @mattpocockuk
142K Followers 581 Following Full-time TypeScript educator. Ex-@vercel, @statelyai. Used to be a voice coach. He/him. Author of Total TypeScript 🧙 Hire me to teach your team TypeScript!jhey ▲🐻🎈 @jh3yy
99K Followers 149 Following ⚡️ Showing you how to bring ideas to life with code 💼 Senior DX Engineer at @vercel 🫡 Prev: @google 🐻 https://t.co/rRqcWhrAgW 📺 https://t.co/7FlZg84Rr8 ❤ @seaottaNikki Siapno @NikkiSiapno
150K Followers 306 Following Engineering Manager at @Canva | Founder of Level Up Coding | — A big thank you to our partner @getpostman who keeps our content free to the communityFlorin Pop 👨🏻�.. @florinpop1705
183K Followers 2K Following Helping developers learn faster @iCodeThis - 💻 YouTube: https://t.co/YagJ7dzAXE - 2nd Channel: https://t.co/oPvxX6f8DPKent C. Dodds 🌌 @kentcdodds
259K Followers 256 Following Improving the world with quality software · Husband, Father, Latter-day Saint, Teacher · https://t.co/pPQmnZS6rR, https://t.co/NYn5aJVGve, https://t.co/U5KafpJTZpHashnode @hashnode
88K Followers 421 Following ✨ Where developer blogs meet community power! #devcommunity #blogging NEW - Hashnode Headless CMS ✨ Your blog, minus the bloat. https://t.co/0pC2ujUWVtDeepLearning.AI @DeepLearningAI
221K Followers 30 Following We are an education technology company with the mission to grow and connect the global AI community.jason liu @jxnlco
19K Followers 1K Following sabbatical @southpkcommons, angel investor?? prev @stitchfix @metaTanStack @tan_stack
23K Followers 77 Following 🌎 Open Source Software for the Web👨🏽💻TypeScript 👻 Headless ⚒️ Query, Router, Table, Virtual, FormMinIO @Minio
7K Followers 370 Following MinIO is pioneering high-performance, Kubernetes-native object storage. Enterprise grade + Amazon S3 compatible, its the #1 choice for multi-cloud deployments.Volta: The Hassle-Fre.. @usevolta
736 Followers 0 Following I make managing your JavaScript tools snappy and easy! ⚡️Stefan Judis @stefanjudis
13K Followers 962 Following Sending web dev news to 5k people at https://t.co/VBZXGxIpP7. @GoogleDevExpert, @playwrightweb Ambassador, @tinyhelpersdev https://t.co/vuqqzKfMmq he/himBabylon.js @babylonjs
10K Followers 130 Following Powerful, beautiful, simple, and open 3D for everyone on the web. https://t.co/EC8VPmwYsM blog: https://t.co/si4tsmNUNe #webgl #webxr #pbr #gltf #webgpuNathan Bierema @NathanBierema
628 Followers 162 Following Technical lead at @paragontruss. Maintainer of @ReduxDevTools. Co-maintainer of react-select and immutable-js.O'Reilly Media @OReillyMedia
109K Followers 21K Following Gain technology and business knowledge and hone skills with learning resources created and curated by O'Reilly expertsTejas Kumar @TejasKumar_
35K Followers 970 Following Best Selling Author, Fluent React (@oreillymedia). Host, ConTejas Code Podcast. Investor. Advisor. Formerly at @vercel, @spotify, @xata, @g2i_co, and more.Mot du jour @french_word
7K Followers 2 Following Beginning/intermediate word with link to related vocab. Intermediate/advanced at https://t.co/cEvi3mQ95e More French vocab, grammar, tests @LawlessFrenchMantine @mantinedev
4K Followers 0 Following Customizable React components and hooks library with focus on usability, accessibility and developer experienceNHL @NHL
7.0M Followers 2K Following The #StanleyCup Playoffs live here. 🔄: @NHLGIFs 🏆: @StanleyCup 🗣️: @PR_NHL 📈: @NHLFantasy 📺: @espn, @NHL_On_TNT, @Sportsnet, @NHLNetworkCognition @cognition_labs
124K Followers 19 Following Makers of Devin, the first AI software engineer. We are an applied AI lab focused on reasoning, and code is just the beginning. Join us: https://t.co/tpfZwEwGiqExplainThis @ExplainThisAll
95 Followers 75 Following Daily bites of Python and JavaScript + SWE growth. Level up to senior engineer, one byte at a time!Nuxt @nuxt_js
94K Followers 226 Following Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue. https://t.co/hBNE0dqSUuVitest @vitest_dev
21K Followers 33 Following A next generation testing framework powered by @vite_js ⚡️ Mastodon: @[email protected]Scott Spence @spences10
10K Followers 1K Following @SvelteSociety London events organiser. Svelte ambassador. Application Team Lead @XtendOps I just want to make cool content that helps people!Shaun Evening @Integrayshaun
421 Followers 466 Following 👋 Design systems, Developer experience, and UI tooling expert. 💁♂️ He/They 🧠 ADHD BrainSupabase @supabase
109K Followers 73 Following Open Source Firebase alternative. 🌐 https://t.co/kHsst88pKt ⭐️ https://t.co/txGagqnMbK 🎥 https://t.co/6eTjCTHTKc 💬 https://t.co/ikFm89oi6aLee Black @mrblackstudio
2K Followers 3K Following ✦ Designer & Co-Founder https://t.co/Jv4CkK05Q7 ✦ https://t.co/M7xDf7nthr ✦ https://t.co/ldmhCj5qv4Wise @Wise
160K Followers 3K Following 160+ countries. 40+ currencies. Money for here, there and everywhere.Tradable Bits @TradableBits
4K Followers 3K Following Know Your Fans, Market Smarter. Helping music + sports build better fan experiences. Check out our leading fan-based marketing platform. 🐙Stanford AI Lab @StanfordAILab
137K Followers 318 Following The Stanford Artificial Intelligence Laboratory (SAIL), a leading #AI lab since 1963. ⛵️🤖 Emmy-winning video: https://t.co/lV9smZTC1mAndrew Ng @AndrewYNg
1.0M Followers 914 Following Co-Founder of Coursera; Stanford CS adjunct faculty. Former head of Baidu AI Group/Google Brain. #ai #machinelearning, #deeplearning #MOOCsHugging Face @huggingface
345K Followers 189 Following The AI community building the future. https://t.co/VkRPD0VKaZ #BlackLivesMatter #stopasianhateUber Eats @UberEats
299K Followers 69 Following Get almost almost anything. Follow for Uber TwEATS. For customer support, visit @Uber_Support.Scanline VFX - Powere.. @Scanline_VFX
5K Followers 461 Following Official account for Scanline VFX global studios. #scanlinevfxDr. Kate Holterhoff @KateHolterhoff
3K Followers 2K Following analyst @redmonk & affiliated researcher @GeorgiaTech. I research #AI, #upskilling, #frontend, #DevX. Catch me on The Monkcast: https://t.co/x2kixPoqF6Highspot @Highspot
4K Followers 3K Following Highspot is the sales enablement platform that empowers companies to make every customer conversation count.Kevin Powell @KevinJPowell
57K Followers 619 Following CSS Evangelist Helping people fall in love with CSS: YT: https://t.co/Zw5FMPLKQz Twitch: https://t.co/2HEmoiM37N Courses: https://t.co/BJIftdUnMNZoë | z- @zed_dash
417 Followers 3 Following Web developer, designer, problem solver, and motion designer.Coinbase 🛡️ @coinbase
6.0M Followers 30 Following The most trusted crypto exchange. For support ➡️ @CoinbaseSupportSlava Egorov @mraleph
11K Followers 618 Following 👋compiling compilers @Google: leading @dart_lang AOT & JIT @[email protected]Jilles @ BoldCreative.. @JillesDesign
2K Followers 243 Following I create high converting websites that not only look good but also work like a charm → https://t.co/FwtE1DNONkThe Team @Produce8 @Produce8HQ
77 Followers 264 Following We help individuals and teams understand how they use their technology and time - to improve performance and protect their digital wellbeing. #ReclaimYourDayProcurify @Procurify
3K Followers 2K Following Solve your most costly spend management problems with Procurify’s purchasing and AP automation platform.Puter @HeyPuter
2K Followers 2 Following Open-Source Personal Cloud Computer: All your files, apps, and games in one place accessible from anywhere at any time. Code: https://t.co/4ntFRhO0H5Knowledge Network @kpassiton
6K Followers 834 Following BC's public broadcaster. International dramas. Thought-provoking documentaries. Award-winning Knowledge Originals. 100% free. 0% commercials.GatsbyChangelog @GatsbyChangelog
163 Followers 1 Following The Twitter account for the Gatsby ChangelogAuth.js @nextauthjs
16K Followers 53 Following Authentication for the Web. Open Source. Full Stack. Own Your Data.Storybook @storybookjs
24K Followers 419 Following /** Open Source UI Development Maintained by @chromaticcom */Delba @delba_oliveira
29K Followers 460 Following DX @nextjs at @vercel ▲ I build apps, write docs, and create videos about Next.js and React.Zach Saucier @ZachSaucier
3K Followers 424 Following I'm a product, design, and animation minded engineer. Also at @zachsaucier.bsky.socialPavel Dobryakov @PavelDoGreat
7K Followers 474 Following Making #FluidSimulation 🌊 Available on iOS and Android https://t.co/VGqsWfd8ZDSTEMCELL Technologies @STEMCELLTech
25K Followers 7K Following Committed to advancing science with innovative technologies and expert support.Robera Geleta @RoberaGeleta
4K Followers 801 Following Build bespoke UI. Prototypes with UIKit/SwiftUI. Design Engineering - iOS @LumaLabsAI Before - iOS Eng 23-15 @tinderModern CSS is TOO good. Disable scrollbars when this dialog is both a modal, and open No JS, no state, no classes, no aria labels - just a few lines of CSS
React Three Fiber the Ultimate Guide Shader chapters update: ✅ Writing ⏳ Recording 1/5 📅 Release 05/10 Here is a preview from the transitions lesson. Between Scenes 👇
Not a fan of this... Posting others work without credit to spark engagement for selling your own product...
New course alert ⚠️ Getting Started With Mistral is live! Learn to choose the right @MistralAI model for your tasks, use native functions, and build a chat interface. Ideal for beginners wanting to effectively leverage LLMs. Join now: hubs.la/Q02tCm-z0
Sneak peek at my latest personal project. I've finally got most things "working" @bruno_simon I might have crashed your truck 😉 #threejs #WebXR #Quest3
hover experiment — made in react-three-fiber. and react being react, it's composable. you could drop a whole app in it and it would have that effect. codesandbox.io/p/sandbox/hove…
🤏smol explainer: What is bundling?
I'm reworking gothic windows to adapt to the roof :3 also tweaked their visuals a bit 🙌 PS: you can tell it's my test scene by this very sensible number of doors 😆 #screenshotsaturday
Hey everyone, we are really grateful for the amazing response to Equinox, our new #threejs experience. How many of you made it to the cockpit or even saw the ending? If you are stuck, feel free to ask for hints! In case you missed it, embark here: equinox.space
So here's something unsettling: every day, 20+ emails are sent that pretend to be from my domain, joshwcomeau.com. Fortunately, I use DMARC to instruct email providers to reject any emails that aren't from an authorized sender. If you own any domains, be sure to set up DMARC!
open source code here github.com/Lunakepio/my-f…
Parallax cards with masked blurs v2 ✨ – DeviceOrientation – Progressive blur/masked layers with CSS sin() – Adapts to landscape with media queries 🤙
Parallax cards with masked blurs 😷 Tweak that CSS until you get something you're happy with 🤙
Four @fiverr creators designed awesome backgrounds for my channel 🖼️📽️ Help me choose the future look for my next videos 👉 youtu.be/GOVlNgOiG2c PS: You might laugh
🚀 Our latest WebGL project is out! Introducing Equinox, an interactive space adventure that will take you to the stars. ✨ Embark now: equinox.space #webgl #threejs
So well done
🚀 Our latest WebGL project is out! Introducing Equinox, an interactive space adventure that will take you to the stars. ✨ Embark now: equinox.space #webgl #threejs
✨ Did you know: I provide “team licenses” for my interactive courses, The Joy of React / CSS for JavaScript Developers. The 300th organization just signed up, and we’re about to onboard their dev team. 😄 Maybe your employer would be interested as well!
It's crazy how much time makes you better, crazily improved rendering, overall skills, visuals, performance, Code open source soon !
CSS text reveal on scroll 📜 <span style="--start: 210; --end: 280;">details</span> span { animation: reveal; animation-timeline: --section; animation-range: contain calc(var(--start) * 1px) contain calc(var(--end) * 1px); } @keyframes reveal { 0% { opacity: 0.2; }}
The CSS Trick for this text reveal on scroll? ✨ Combine position: sticky with scroll animation. Split the text into words. Use a "Pixel per character" value to calculate the start and end scroll position for each word 🤙