-
Tweets64
-
Followers520
-
Following82
-
Likes245
@sebastienlorber Inline styles are the best option for most of your apps
First @CSSHooks debunked some deeply-held assumptions about the functional limitations of inline styles. And now @danimal_channel challenges the widespread FUD around inline style performance. Maybe it’s time to re-evaluate your styling framework and consider a simpler approach!
First @CSSHooks debunked some deeply-held assumptions about the functional limitations of inline styles. And now @danimal_channel challenges the widespread FUD around inline style performance. Maybe it’s time to re-evaluate your styling framework and consider a simpler approach!
Switching to Inline Styles Could Save You 15% or More on Page Speed danielnagy.me/posts/Post_cap…
What inline styles can do in 2024
You either die writing CSS or you live long enough to see yourself writing inline styles. — @danimal_channel
When everything else has bugs, you accept the performance hit (assuming it even matters).
When everything else has bugs, you accept the performance hit (assuming it even matters).
CSS Hooks v2 in a nutshell
@gregwilker How do you change an element's background color on hover with inline styles?
As of today's v1.8 release, CSS Hooks supports @supports!
v1.7 is out! The `css` function now accepts a variable number of style object arguments, merging them in a more predictable manner than spreading. Enabling the new `sort` option ensures that the last declaration in input order always has the highest priority. Default in v2?
Are you a @QwikDev in need of a simple styling solution? We've got you covered with our latest framework integration. Visit our website to get started...quick. 🙃 css-hooks.com
If you found @CSSHooks a few weeks ago, but were missing the built-in design tokens/system of Tailwind to get started, I made one for it (and in general), called CSS Token. • Colors, Lengths, Text, Shadows, etc • Prose (Markdown) & Globals css-token.netlify.app
@jacobrask @__morse @simonswiss @zeldman @mezzoblue @tailwindcss Yes, this is planned, but is much harder to implement than the rest of nesting, so it will happen later.
This would be great to know from a documentation perspective…
Oof, just noticed an outdated section of the API docs. If you were wondering whether you can use "and" hooks, or nest hook specs to implement complex boolean logic, the answer is YES. Will get the doc update pushed out soon.
Victor Solovey @vsolovey
34 Followers 811 FollowingShreyas Vaidya @ShreyasVaidya96
63 Followers 306 FollowingCarlos Ziegler @CARLOSZIEGLER
82 Followers 762 FollowingIisakki Kulhua @IKulhua
18 Followers 313 FollowingWahiduzzaman Hridoy @hridoy43
389 Followers 2K Following Web Researcher, MERN Stack Developer, Ex-FSA and Contributor @mozillaRandall Luc @LucRandall71
258 Followers 2K FollowingKeith Aaron @KeithAaron9
0 Followers 288 FollowingWollantine @wollantine
209 Followers 241 Following Channel about Elm, JS, and React best practices. React developer. Functional Programming advocate.v @venusbreezzzee
26 Followers 119 FollowingEthan Chen @ethanxchen
10 Followers 221 FollowingLuthfi Kurniawan @luthkur
262 Followers 2K Following A guy who likes anime, manga, video games, Idol, and voice actor.Time Tech Software @TimeTecSoftware
128 Followers 2K Following Mobile App, Web Development, E Commerce, Digital & Software Development Solutions under one UmbrellaSwayanshu @pandaswayanshu
41 Followers 519 Following I help building the tech @AppbrewInc Engineer | TravellerMohammed Esafi @MohammedEsafi
95 Followers 2K Following Digital devotee with a penchant for eCommerce, eMarketing, eBusiness, and all things "e"!Z 🏴☠️ @username_ZAYDEK
4K Followers 1K Followinghfissi nour elhak @hfissinourelhak
31 Followers 265 Following Front end developer #Nuxtjs #VueJs #reactjsIgor Adrov @nuclear0
95 Followers 374 Following React developer at https://t.co/DI2fQYWEGa. Coding 👨💻, travel 🚗, games 🕹️This Week In React @ThisWeekInReact
2K Followers 470 Following • ⚛️ Stay up-to-date with React • 📡 High signal, no drama • 🔥 Join 34k React devs - 1 email/week • 📨 https://t.co/ymeDmOmnYt • By @sebastienlorberEbn Sina @ebns1na
76 Followers 1K Following Full Stack Dev | Instructor | JS Evangelist | Svelte 🇧🇩 🇵🇸cointilt.dev 💻 �.. @cointilt
954 Followers 354 Following Frontend Engineer. JavaScript FTW! Co-Owner of @Zhrooms_NFT Dev at: @B_O_T_NFT @TheDivineKids @MoreBearsNFT_Ryosuke @whoisryosuke
2K Followers 2K Following Sr. Design Technologist @Playstation UI/UX, React, Rust, Graphics, Game Dev, 420 | he / they 🏳️🌈 | food, film, fitness, artYadiel Arroyo @yadielar
49 Followers 203 Following Front-end Developer from Puerto Rico. Love design and code ;)Sanjaya Senarathana @pagipog
171 Followers 2K Following MERN Stack Developer, Blender, Florist turned Graphic Designer, or maybe the other way round...Darragh Burke @DarraghBurke_
368 Followers 2K Following eng @figma AI • prev design systems @tinder, @babylonjs tools @microsoft • ❤️ @reneesu99Selenuix @Selenuix2
9 Followers 125 FollowingJonathan Catchpowle @catchpowle
152 Followers 2K Following Staff Engineer @pleo • Organiser of @remix_londonSalmen Bejaoui @SLMNBJ
1K Followers 2K Following Frontend Dev @ EssilorLuxottica • Enthusiast photographer • #javascript #vuejsSahil Singh @Sahil_xdev
14 Followers 43 Following 🚀 | Front-end Developer 💻 ... 🌐Lifelong learner in the ever-evolving tech realm 📚Mulazim Hussain @mulazimhussain
303 Followers 861 Following It's really difficult to say that who I am, because I'm still unable to know about myself.amurich🇺🇦 @AMurich
105 Followers 828 Followingmx_twit @mx_twit
318 Followers 5K Following interested in computer science and new business models. But mainly here for bad memes and super hyped tec (likes != agreement, but bookmarks)Brad @bradnjones
171 Followers 190 Following Software Engineer (20+ years) | former IBM Founder of a Software Dev Agency | https://t.co/7hzEV1CJfs SaaS: https://t.co/drJEAwqzW6 | https://t.co/Ed0N32grwd Blog: https://t.co/KGXjvL0Ro7yofri @yofriadi
283 Followers 902 FollowingJavier Jaramillo @aguante10
138 Followers 2K Following Cofounder Digital Roots / Software, Cloud and Security EngineerLuke Bussey 🇬🇧 @lukebussey
1K Followers 2K Following Martech/data/analytics / Full stack engineer / Building @getbusinesswell / STR owner of the The Retreat by SEEK Wellness in Phoenix, AZ / Girl dadCory House @housecor
117K Followers 714 Following Consultant. Sharing coding tips. I help devs grow. Teaching software dev: https://t.co/D5emROQa4J Helping teams switch to React: https://t.co/Qfp4Tfp3jf ⚛️sect @iD_sect
229 Followers 1K FollowingDaniel Weck @DanielWeck
493 Followers 982 Following Software Development, Technical Standards, Accessibility (DAISY, EPUB 3, Readium)Dominique HAAS @Evild67
409 Followers 1K Following Software Engineer (Remote 🏡 from #Alsace) | Amateur Photographer 📷 | Panda Lover #G33KCanRau building kondu.. @CanRau
646 Followers 1K Following 🤓 CTO & co-founder @konduktum 🔥 😻 Cat-Dad of Gala & Bolaño 😻 🌱 Vegan, Feminist 🤗 He/Him 💻🪳Dan Hayes @DIHayes
172 Followers 1K Following I like technology. Full Stack JS Developer. BSc Open Source Computing.Noah Hein @TheNoahHein
3K Followers 727 Following I teach a 7 day AI fundementals course @latentspacepod - https://t.co/SfMjSOur3e | Engineering @smolmodelsJoe Flateau 👨🏻�.. @joeflateau
932 Followers 1K Following 10,000-hour dev experience. ex-FAANGS. Husband. Dad. Hockey player. Staff Sw Eng. Founder. #LetsGoBuffalo #BillsMafia.ray and 149 others @rayhatfield
760 Followers 2K Following javascripter. chaperone to a deaf one-eared great dane. political rage-tweeter. blue dot in a red state. suffering from mild persistent panic.Luke Finch @LC_Finch
827 Followers 508 Following Design Systems Consultant. Design Technologist. Office hours: https://t.co/qIU4V8KXl8 Product Design @TokensStudio Prev: @newskitdesignYadiel 🦖 @hernan_yadiel
576 Followers 794 Following software engineer. frustrated meme artist. boricua 🇵🇷Robin Weser @robinweser
1K Followers 144 Following Engineering manager, software engineer and fantasy author. Writing about self-management, leadership and web engineering.Jordan 'Kewey' Souche.. @JordanSouchez
123 Followers 1K Following Front End développeur chez Dotsafewilliam @williamhzo
147 Followers 897 Following product engineer • web & iOS @0xDecaArt • code & design 🥷Lil Lung Cancer @blackwitchblade
110 Followers 476 FollowingNiels van Midden @nielsvanmidden
258 Followers 866 Following Software Engineer (front end) - @Bol_comjeroenpg @jeroendotdot
338 Followers 194 Following Software Engineer that somehow ended up building a startup. Senior useEffect engineer / dogs 🐕🦺 are the best people / assume sarcasmsabaidee 🇺🇦 @JeffInCO
443 Followers 2K Following 🇺🇦 #ukraine 💔 #BlackLivesMatter #BelieveWomen #FullStack developer, perpetual #impostersyndrome he/himJosh Steiner @josh_steiner
454 Followers 404 FollowingNicholas Gonzalez @nggonzalez
52 Followers 135 Following Building something new. Previously at @BrexHQ, @Headspace, @Snap, and @MicrosoftDejan Vasic @dejanvasic85
102 Followers 212 Following Software engineer. Creating stuff at Open Universities Australia. 🤷♂️ Dad ⚽ FootballAlberto Silva @asilvadesigns
303 Followers 567 Following ✞ Iesus est dominus. father. husband. principal master junior css ninja ecmascript wizard noob imposter @nvidia. I use neovim btwEric Chernuka @ericchernuka
274 Followers 566 Following Software Dev and avid two-wheeler. Currently at @getjobber. Previously: @purpose_med, @symendincCALΞB ( 🪹, 🦉) @goldfinger
1K Followers 908 Following Full-Stack Software Engineer 🦄 | "building a better mint button" | @doodles ._. & @moonbirds_xyz🦉 | @developer_dao and ⛳️SethDavis.tsx @sethdavis512
338 Followers 758 Following Native Austinite, Senior UX Developer @ https://t.co/QR9dpSdRKf, Remix 💿 fanatic, #AustinFC fan, #ElectricVehicle enthusiast, #Onewheel rider, #TXST AlumniMaría Simó @mariasimocodes
945 Followers 1K Following Front end person @z1digitalstudio. Learning to be Greta's mum. Be the change. Also at https://t.co/sAet2kD7Mw🪴Presh @preshonyee
4K Followers 699 Following Product Engineer • founding swe @sendtrumpet • always building 🧑💻Chris Pakken @chris_pakken
43 Followers 298 FollowingEl Yobo @elyobo
664 Followers 1K Following @elyobo.bsky.social Software dev. Build more homes. Somewhere on the left. Kiwi/Australian in Aus. I ride a bike sometimes: https://t.co/dZloCZUqoZTim 😷 🇵🇸 @itstimredd
1K Followers 1K Following SWE. Health radical, aka I think we should try to avoid spreading infectious diseases. Long COVID and ME/CFS ally.Juan P. Prieto @JP_Prieto
529 Followers 2K Following Hydration failed because the initial UI does not match what was rendered on the server Vinyl records hoarder at @Shopify | Hydrogen.Kris Ellery @kris_ellery
41 Followers 559 Following Principal UX Engineer 👨🏻💻 Design Systems @Zillow • Previously @Cofense, @PublicisGroupe, and @RedVentures • 🇵🇱🇺🇸Mitch Gavan @MitchG23
250 Followers 611 Following Building stuff for the web and sometimes writing about it.Matheus Albuquerque �.. @ythecombinator
1K Followers 1K Following ⚛️ Doing React stuff @medallia & @techlabsorg 🎙 GDE, speaking about performance and the web 🐦 Tweeting in pt-BR and en-US 🗣 Opinions are my ownViktor Vincze @wintercounter1
57 Followers 338 Following Front-end specialized full-stack engineer with Open Source passion and controversial takes.Kilian Cirera Sant @kiliancs
826 Followers 2K Following Bahá'í, Catalan/American, Software Engineer 💻Julien Delort @Julien_Delort
128 Followers 226 Following Staff software engineer & tech lead. Passionate about front end stuff. Creator and maintainer of @informel_js.aniallatingInterwebs @aniallator8
404 Followers 3K Following UX Designer & Developer. Still like to take a time out with my camera and a fleeting desire to try something new.Mauro Reis Vieira @mauroreisvieira
393 Followers 2K FollowingAjit @JitPackJoyride
184 Followers 864 Following product engineer @ co:helm | building apps with swift & typescript to create delightful user experiencesMykhaylo 🇺🇦🌻 @mryechkin
287 Followers 2K Following Lead Front-End Engineer @ Manulife 💻 Building design system libraries ✨Esa-Matti Suuronen @esamatti
765 Followers 2K Following Lead dev for https://t.co/2PgG27fSiE Website https://t.co/E3tcalhAr1 Mastodon https://t.co/JmBSaCLCxzColm Tuite @colmtuite
6K Followers 680 Following Co-founder @Modulz (acq'd). Founder @plexiapp (acq'd).Brendan @Brendan_CSEL
83 Followers 83 FollowingGuilherme de Andrade @ubmit
309 Followers 517 Following frontend engineer @viz_ai • prev @NewWork_SEGemma Black @GemmaBlackUK
293 Followers 573 Following ❤️ Family. Bible student. Software Developer by day @Kamma_Data. Working on https://t.co/IgDQNoDeZB by night. #NoScreenSundayEvenings🤔 Problem: You need 1rem to represent a multiple of 4px. 💡Solution: <html style="font-size: round(up, 1em, 4px)"> 😭 Problem: No Chrome/Edge support 😲 How was Safari so far ahead of the curve on this one, anyway?
@thdxr Is it because us normies have a wider range of skill levels we need to account for? I'm quite surprised people are against eslint based on replies and quote tweets. You all seem to customize the shit out of a text editor but won't setup a linter with a set of rules you like?
@agilecoder @gregberge_ @csswg @WHATWG @CSSHooks Super neat! 🤩
@t3dotgg Not covering NextJS? This is not big tech but I'd be curious to know what you think of inline styles, and @CSSHooks x.com/sebastienlorbe…
📜 Are Inline Styles Faster than CSS? @danimal_channel implemented his React website in 3 variants Then measured different metrics: HTML/JS size, Vitals, etc... Result? Plain inline styles outperform other CSS techniques! 😲 danielnagy.me/posts/Post_tsr…
@sebastienlorber @danimal_channel Very useful tip, most people are against inline styles ( for various reasons ) but after seeing this we might have a paradigm shift.
Now that this is settled, can we use inline styles? Not sure why everybody is against it.
📜 Are Inline Styles Faster than CSS? @danimal_channel implemented his React website in 3 variants Then measured different metrics: HTML/JS size, Vitals, etc... Result? Plain inline styles outperform other CSS techniques! 😲 danielnagy.me/posts/Post_tsr…
CSS-in-JS has never *intentionally* exposed component implementation details to the cascade. It was just an unfortunate trade-off - we hadn’t found a better way. If you’re still determined to do this, you’re better off being explicit about it: Just use BEM, or even Tailwind.
📜 Are Inline Styles Faster than CSS? @danimal_channel implemented his React website in 3 variants Then measured different metrics: HTML/JS size, Vitals, etc... Result? Plain inline styles outperform other CSS techniques! 😲 danielnagy.me/posts/Post_tsr…
Are inline styles a performance sleeper pick? #webdev #html #css danielnagy.me/posts/Post_tsr…
First @CSSHooks debunked some deeply-held assumptions about the functional limitations of inline styles. And now @danimal_channel challenges the widespread FUD around inline style performance. Maybe it’s time to re-evaluate your styling framework and consider a simpler approach!
Are inline styles a performance sleeper pick? #webdev #html #css danielnagy.me/posts/Post_tsr…
This is why I like design systems.
@CSSHooks @danimal_channel we are borne by the inlines, made man by the inlines, killed by the inlines. Fear the old inlines, my friend.
I get the impression that there's a huge amount of "tech influencers" on youtube, twitter, tiktok, etc that HAVE NEVER SHIPPED PRODUCT nor code at all... yet teaching the masses. The robots r gonna take those jobs, I'm gonna help em. Keep posting ur lil vs code extensions shorts