Nicolas Giethlen @nicolasgiethlen
Make web great again! JS, CSS and UX stuff ▪ VueJS fanboy ▪ Scavenger of legacy code ▪ Front-end guy @diatem ▪ Crypto-trader wannabe ▪ Deviant guitar anti-hero codepen.io/Chmood/ Over the rainbow Joined December 2013-
Tweets6K
-
Followers2K
-
Following2K
-
Likes6K
PREVIOUSLY: separate rulesets for light and dark NOW: one ruleset with `light-dark()`
PREVIOUSLY: separate rulesets for light and dark NOW: one ruleset with `light-dark()` https://t.co/vRu4ixdJs7
😮 This is exciting! A brand new “State of HTML” survey, to complement their CSS/JS surveys. If you think you know everything there is to know about HTML, I bet you'll discover *a lot* in this survey.
😮 This is exciting! A brand new “State of HTML” survey, to complement their CSS/JS surveys. If you think you know everything there is to know about HTML, I bet you'll discover *a lot* in this survey.
The native `<textarea>` can now automatically increase its height. Just one line of CSS: `form-sizing: normal` Coming soon to Chrome Canary. Any suggestions or ideas? You can chat about it at CSSWG: github.com/w3c/csswg-draf…
Quick tip: Getting all links from any web site into a spreadsheet using browser developer tools christianheilmann.com/2023/08/24/qui… console.table($$('a'),['innerHTML','href'])
If you use the native <progress> HTML element, but don’t specify any attributes, it’ll animate back & forth. Super useful when you need a quick and easy status indicator. 🌠
Future CSS Tip! 🔮 You can power list animations like you would using IntersectionObserver with CSS scroll-driven animations and zero JS 🤯 el { animation: show; animation-timeline: view(); animation-range: entry; } keyframes show {0%{translate:0 50%;}} @CodePen link below! 👇
Future CSS Tip! 🔮 You can power list animations like you would using IntersectionObserver with CSS scroll-driven animations and zero JS 🤯 el { animation: show; animation-timeline: view(); animation-range: entry; } keyframes show {0%{translate:0 50%;}} @CodePen link below! 👇 https://t.co/inz7GrDStX
The CSS feature `@container style()` is pretty neat! Are you familiar with `@mixin` in Sass? It's a little bit like that. 1) Declare a chunk of CSS you want to re-use 2) Set a --custom-property to trigger it
In case you missed it, I wrote an article about the new viewport units in CSS. 🔗 ishadeed.com/article/new-vi…
In case you missed it, I wrote an article about the new viewport units in CSS. 🔗 ishadeed.com/article/new-vi… https://t.co/Iw7fEdoo6t
The past few months have ushered in a golden era for CSS and Web UI. Here are 20 of the most exciting and impactful features that landed recently or are coming soon. Authored by @Una, @argyleink, and yours truly. developer.chrome.com/blog/whats-new…
LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.
👀 An early look at transitioning to and from `display: none` in CSS 👀
Last week I was asked by someone in the Figma community to help debug and refactor their variant component So I'm going to try and walk through how I did it! Let's see if it works as 1 million tweets 🐦 The short answer is: components everywhere
Was curious to see how @midjourney v5 imagines tech celebrities as a baby these days... Baby Elon Musk
Spectral.js v2.0.0 is out now! This release uses 7 channels (white, cyan, magenta, yellow, red, green and blue) for the mixing which give much better and accurate results. x.com/onedayofcrypto…
Spectral.js v2.0.0 is out now! This release uses 7 channels (white, cyan, magenta, yellow, red, green and blue) for the mixing which give much better and accurate results. x.com/onedayofcrypto… https://t.co/wXNJGUHzPm
Floor796: buff.ly/3UqBklf An ever-expanding animation scene full of pop culture reference. What an awesome eye candy. Don't forget to click on the little characters to get some references (trigger warning: giant animation that might trigger motion sickness) #popculture
Anatomy of typography 📷: @EvaSilvertant
#つぶやきGLSL float e,i,a,w,x,g;for(;i++<1e2;){vec3 p=vec3((FC.xy-.5*r)/r.y*g,g-3.);p.zy*=rotate2D(.6);i<1e2?p:p+=1e-4;e=p.y;for(a=.8;a>.003;a*=.8)p.xz*=rotate2D(5.),x=(++p.x+p.z)/a+t+t,w=exp(sin(x)-2.5)*a,o.gb+=w/4e2,p.xz-=w*cos(x),e-=w;g+=e;}o+=min(e*e*4e6,1./g)+g*g/2e2;
Incredibly useful: An Interactive Guide to Color & Contrast (colorandcontrast.com), a wonderful guide to the theory, science, and perception of color and contrast — and how it affects interface design. Incredibly detailed and created by @NateBaldwinArt. #ux #design #colors
Malia Houghtelling @MHoughtell39002
91 Followers 5K FollowingKaty Klice @KatyKlice79064
46 Followers 5K FollowingI_vy @Ivy49633128800
5 Followers 999 FollowingCasimira Ticas @casimir_tica
65 Followers 5K Following_cerulean @cerulean83006
4 Followers 899 FollowingGaja Savina @savi_ga
36 Followers 5K FollowingDarshan Shah @ds_weblinegroup
562 Followers 2K Following #WebandMobileTechnologyConsultant Hire our dedicated resources @ #iOS #Android #PHP #JAVA #DotNET #IoT #NodeJS #ReactJS #AngularJS #Xamarin #ML #AWS #AINunya Klah @klah_yao
591 Followers 2K Following Software Engineer • VueJs • Scala • AWS • #nvng • Building @quevyapp I always win✌️ https://t.co/n5gWzHZIJ4 YouTube: Tech Jinja , https://t.co/HUDsDEEBhPQuiana Shine @QuianaShine
662 Followers 949 Following Publisher and trader, I always work to make trading from home simpler and more successful.Virtual Employee @virtualemploye
12K Followers 11K Following A global innovation hub & incubator for SMEs and startups looking for industry-specific talent. Perfected remote staffing with 15 years of client management.Philippe Dubois, Asso.. @PhilDubPrez
2K Followers 5K Following Président-fondateur de l'association @assomo5, expert, commissaire d'exposition, conférencier, préservation de l'histoire de l'informatique et des jeux vidéo.Vuestic UI @vuestic_ui
299 Followers 884 Following 💛💙 #Vuestic Core Team. Crafting Vuestic UI & Vuestic Admin with #Vue3, #Vite, #Pinia, #TailwindCSS. Proud #OpenSource contributors with a deep love for @VuejsDelorme @Delorme_art
1 Followers 8 Following #DigitalArtist #PhotoManipulation #Artist #AffinityPhoto Passionné par #Art #ArtNumérique #Japon #Geekeries et #Gamingابو لؤى الش�.. @KABTEn53020
195 Followers 1K Following ﴿ وَاذْكُر ربّكَ إِذَا نَسِيتَ ﴾ - سُبحان الله - الحمدالله - الله أكبّر - أستغفر الله - لا اله الا الله - لاحول ولا قوة الا باللهCommunautés Métiers.. @CometByExtia
4K Followers 3K Following Conférences, Meetup® Events, talks, sur : #Dev #Agilité #FeelGood #Makers #Java #IT #Indus #BIM et plus ! 🚀 En visio & gratuits 👉 Les Comet' by @extia_conseilsanjeet yadav @sanjeet00235335
9 Followers 71 FollowingRODO Token @rodotoken
30K Followers 2K Following #RODO token is safe and calm environment for trading, eliminating the pump and dump schemes and highest level of funds protection. https://t.co/eR6lHe7tgQJulien TORNIOR @JulienTornior
979 Followers 5K Following 🏠 Marseille (France) 💎 Accompagnateur de talents #JS 💡Engagé en recrutement open source Passionné 🏀 // 🥾 // 🍝 - Membre du Mangiare Club 🍕🇮🇹Samuel @samueldans0
696 Followers 1K Following terminally on-chain | vibing @developer_dao, @superteamdao | views=mine. ⚡️Ali Raza @MrAliiRaza
23 Followers 576 Following Full Stack Developer | AI Enthusiast:Machine Learning | Deep Learning | Web Development | SEO Strategy | Digital Marketing Expert | Data AnalysisLil'U @Lil_U_
96 Followers 1K FollowingPoyraz Cobayassi Kara.. @KarasuGulru2022
85 Followers 5K FollowingYann @yann_yinn
812 Followers 875 Following Dev freelance. J'ai les dev freelance à trouver des clients, négocier leur TJM, du 100% remote ou du temps partiel, cadrer un devis etcFernando Doglio 🇺�.. @deleteman123
3K Followers 5K Following Hi there! 🎙️https://t.co/KAHqIv1EUV 🥇Microsoft MVP 🧑💻Data Strat Director @globant 📝 https://t.co/WeuGN99awJ ✉️ DMs open!Darek Gusto @gustojs
3K Followers 3K Following A lowly webdev building a modern app for play by post games. From time to time I have some opinions on @vuejs, @feathersjs, @tailwindcss.Santosh @sagi_santosh
182 Followers 2K FollowingHasThemes @HasThemes
361 Followers 5K Following HasThemes, a team of 45 experienced designers & developers. 100,000 customers from more than 80 countries using our product & services from 2012.Guillaume @guilomeczn
2 Followers 60 FollowingMatthieuKl @KlMatthieu
293 Followers 1K Following 🧐 Veille SEO 🤔 Réflexion Data 🤯 Application Web J'aime flâner sur Twitter et faire du SEO 😈V.E.D. @V_E_D_
9K Followers 9K Following VIDEOGAME ENDINGS DATABASE - What happens at the end of that ultradifficult game you've never finished in your childhood? #retrogamingDiatem @Diatem
660 Followers 648 Following Entreprise des Services du Numérique à #Strasbourg / #THD #fibre #cloud # collab #développement web #ecommerce #intranet #extranet #emarketing #SEO #formationNathan Young @NotAimerico
81 Followers 87 Following Passionné de sport : NBA, Trashtalking, Football & Curling #StorksTTFL #Celtics #HoodieMelo #InvadeTheLand #SIG #Strasbourg #Ntilikina #RacingClubStrasbourgWeb Audio Weekly @webaudioweekly
1K Followers 302 Following An email newsletter all about the future of audio technology on the web platform written by @chrislowis. Subscribe: https://t.co/hpiKaIkqhOMichael @dleifeht
71 Followers 998 FollowingOpenReplay Blog @OpenReplayHQ
797 Followers 2K Following High-quality content for frontend developers. OpenReplay is an open-source session replay suite that gives developers bug-finding superpowers.Electromaker @ElectromakerIO
13K Followers 6K Following Checkout our Shop, Podcast & Show: https://t.co/eJGwMqGTB2Alexandre DUBS @Alexandre_Dubs
52 Followers 235 Following #web #IT #technology #marketing #wine #bio #history #news #alsaceWes Bos @wesbos
376K Followers 2K Following Fullstack JS Dev ❯ https://t.co/6heZ7gZqg1 ❯ https://t.co/lOo3xh23G1 ❯ https://t.co/XYbxq79WBS ❯ Posts 🔥 Tips ❯ Co-hosts @SyntaxFMSarah Drasner @sarah_edo
284K Followers 3K Following stupid like a fox • Director of Eng- Web, iOS, Android & Multiplat Infra @google, O'Reilly Author • https://t.co/HhzYWwxqL9, https://t.co/SOjL0RPUNN she/her BLMRachel Nabors (they/t.. @rachelnabors
36K Followers 5K Following Fractional dev rel. Prev @reactjs @awsamplify @clerkdev GDE W3CDavid Walsh @davidwalshblog
86K Followers 479 Following Senior Software Engineer. MooTools Alumni, Javascript Fanatic, and open source lover. Former @Mozilla, @SitePenEvan You @youyuxi
260K Followers 2K Following Husband, father of two, independent OSS dev. @vuejs, @vite_js, @rolldown_rs, and more. Connoisseur of sushi. Chinese-only alt: @yuxiyouSystem76 @system76
80K Followers 2K Following We make powerful Linux computers to help you do more, go further, and unleash your potential.Vitaly Friedman 🇺�.. @vitalyf
13K Followers 408 Following UX Designer/Consultant • Founder, editor-in-chief, creative lead @SmashingMag • Speaker • Loves good design patterns and doesn’t give up easily. 🍣Association MO5 @assomo5
12K Followers 718 Following Association type loi 1901 dédiée à la préservation et la diffusion au public du patrimoine numérique.World of Engineering @engineers_feed
3.7M Followers 64 Following The most fun way to learn something new everyday. Brother page of @stats_feedWorld of Statistics @stats_feed
3.7M Followers 594 Following There are three kinds of lies: lies, damned lies, and statistics. Sister page of @engineers_feedVercel @vercel
266K Followers 9 Following Vercel’s frontend cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web. Creators of @nextjs.Upsilandre @upsilandre
4K Followers 205 Following Pour retrouver tous mes threads allez sur ce compte secondaire @UpsilandreA que j'utilise comme un blog. Et mon vrai blog ci-dessous👇pour les sujets plus gros.Rock Paper Shotgun @rockpapershot
181K Followers 5 Following We write about PC games, and things to do with PC games, at http://t.co/Um01p3Ndtd.Delorme @Delorme_art
1 Followers 8 Following #DigitalArtist #PhotoManipulation #Artist #AffinityPhoto Passionné par #Art #ArtNumérique #Japon #Geekeries et #GamingKevin Powell @KevinJPowell
57K Followers 618 Following CSS Evangelist Helping people fall in love with CSS: YT: https://t.co/Zw5FMPLKQz Twitch: https://t.co/2HEmoiM37N Courses: https://t.co/BJIftdUnMNTerrible Maps @TerribleMaps
1.8M Followers 1K Following The home of terrible maps with a pinch of humour [email protected]@[email protected] @TerribleMia
12K Followers 2K Following Over at https://t.co/JOhuANhORB these days. (she/her) A member of @OddBird, @CSSWG, @SassCSS, @TeacupGorilla, and @GrapefruitLabPierre-Loup Griffais @Plagman2
14K Followers 27 Following Valve coder. Currently working on Steam Deck.Cheeseness @ValiantCheese
2K Followers 2K Following Made @hive_time, making @FossilSweeper & @WintersWakeGame (+lots of side projects) @[email protected] https://t.co/i4be16KhBJLiam @ GamingOnLinux .. @gamingonlinux
71K Followers 1K Following News + Spicy Opinions. One person. Support on Patreon: https://t.co/DwT0R8JglJ Follow: https://t.co/Iuc5MsGGREAsahi Linux (@AsahiLi.. @AsahiLinux
32K Followers 7 Following Account retired, please follow us on Mastodon: @[email protected] https://t.co/hG6ROiXY2Vpictures of the end @neighbours_wifi
307K Followers 1K Following documenting the end of the world / follow to witness the last era of humans and animals on earth (parody account) / no promos, no selloutOlivier Poncet 🚀 @ponceto91
13K Followers 3K Following 48yo 📢 CTO • DT 🤓 Artisan du Magiciel 🖥️ Codeur 💡 Bidouilleur ⚙️ Bricoleur ➡️ #FreeSoftware #OpenSource #OpenHardware #Arduino #RepRap #Linux 🐧Les Dévalideuses @LesDevalideuses
12K Followers 257 Following Le collectif féministe qui démonte les idées reçues sur le handicap #feminisme #handicap #handifeminisme #crip9GAG ❤️ Memeland @9GAG
17.1M Followers 17 Following Building @MEMELAND one meme at a time • 📧 [email protected] • CEO ➡️ @9gagceo.Yann @yann_yinn
812 Followers 875 Following Dev freelance. J'ai les dev freelance à trouver des clients, négocier leur TJM, du 100% remote ou du temps partiel, cadrer un devis etcEthan Lee @flibitijibibo
7K Followers 70 Following Linux porter, Maintenance guy, Developer of FNA. FEZ, Celeste, TMNT: Shredder's Revenge, Transistor, Streets of Rage 4, Dust: AET, Eversion, Apotheon, VVVVVV...jack @jack
6.5M Followers 5K Following #bitcoin and chill. #nostr: npub1sg6plzptd64u62a878hep2kev88swjh3tw00gjsfl8f237lmu63q0uf63mSteam Deck @OnDeck
271K Followers 7 Following The latest news about Steam Deck and Steam Deck OLED, the powerful handheld gaming PCs from the team at @valvesoftware.Josh W. Comeau @JoshWComeau
126K Followers 2K Following Indie hacker and educator. Blogging at https://t.co/kbdJDUdLg5. Previously @gatsbyjs, @digitalocean, @concordia_btcmp, @khanacademy. He/Him 🌈Boiling Steam @BoilingSteam
528 Followers 211 Following BoilingSteam is all about the Linux Gaming World! Relentlessly, since 2014: articles, reviews, interviews and (sometimes unpopular) opinions.Adventure Kid @adventurekid
302 Followers 198 Following Hi! I use obsolete personal computers, hand held gaming consoles and video game consoles in conjunction with modern synthesizers to create music and art. 8-bit+Cécile @AtaxyaNetwork
26K Followers 641 Following Uptime: 23 years | Height: 35U | Freelance Cloud builder | @as208069 | Retro computing hobbyist | 📧:[email protected]Gaia-X Association fo.. @gaiax_aisbl
4K Followers 223 Following Gaia-X is a community driven pan-European project initiated to enable a secure, open and sovereign use of data. It's officially represented by the Gaia-X AISBLsunday parker ♿️ @sundaytakesbart
2K Followers 557 Following Accessibility @Microsoft. Tweets are my own and made with accessibility in mind.jess @_jessicasachs
14K Followers 3K Following FOSS nerd - @ionicframework day job - @faker_js, @cypress_io alum, @vuejs ecosystemMatthieuKl @KlMatthieu
293 Followers 1K Following 🧐 Veille SEO 🤔 Réflexion Data 🤯 Application Web J'aime flâner sur Twitter et faire du SEO 😈StrasbourgJS @Strasbourg_js
259 Followers 118 Following Communauté #JavaScript de Strasbourg ✉️ : [email protected] ✍️ : @edimitchel @keziahmoselle @mfrachet — 🌐 : https://t.co/uKYrRT8wXKCharlie Gerard @devdevcharlie
49K Followers 2K Following Staff engineer @SocketSecurity, published author 📗 and maker 🧪. Researching human-computer interaction and creative technology. She/Her 🏳️🌈Vite ⚡ @vite_js
89K Followers 162 Following Fast and simple build tool for the web. It's pronounced /vit/ like Veet! Discord chat: https://t.co/2jP3bCBsxu, Mastodon: @[email protected]Juan @jose8a
362 Followers 962 Following A bit Lit on the Vue - Web Components are the Jam and Astro-licious. Climate, da farming, da tunes, and da huh! Learning data viz. Where's da guac?Cassie Evans @cassiecodes
35K Followers 2K Following 🫖 cosycore devrel @GreenSock. creative tinkerer. 💜 cassiecodes on discordCSS Weekly @CSSWeekly
16K Followers 1K Following Helping you keep up with CSS. Created by Zoran Jambor. 🎥 YouTube: https://t.co/hUpRlLwtqX ⚜️ Course Mastering Linting: https://t.co/XqlCmOZl71V.E.D. @V_E_D_
9K Followers 9K Following VIDEOGAME ENDINGS DATABASE - What happens at the end of that ultradifficult game you've never finished in your childhood? #retrogamingAdam Argyle @argyleink
52K Followers 1K Following #CSS #UI DevRel @GoogleChrome, @CSSWG member, host on #GUIchallenges, co-host: #CSSpodcast and #BADatCSSpodcast, maker of VisBug, @OpenProps and https://t.co/lb3SDxC6ECOBS @OBSProject
309K Followers 101 Following Open Broadcaster Software, free open source software for video recording & live streaming | News & Updates | For support, visit: https://t.co/QIGrhkuNlLFeross @feross
29K Followers 2K Following ⚡️ Founder + CEO @SocketSecurity (https://t.co/7g1opA8rgG) • 🌲 Visiting lecturer @Stanford (https://t.co/yw9prxLQAM) • ❤️ Open source @WebTorrentApp + @StandardJSGIMP @GIMP_Official
37K Followers 169 Following GNU Image Manipulation Program Also on @[email protected]CSS {IRL} @CSSInRealLife
13K Followers 387 Following CSS – In Real Life. Tips, tricks and handy links on The Web’s Most Beautiful Language™️. Tweets by @MicheBarkswhy do I take melatonin? well, my options are: 1. take melatonin, get tired at a normal hour, and get normal amounts of sleep 2. no meds, lie awake for 3 hours, force wake at a normal hour, sleep deprived 3. no meds, go to bed when tired, sleep as long as needed, which leads to:
🥳🥳🥳 Subgrid is finally supported in all modern browsers!!! web.dev/css-subgrid/
Future UI Tip ✨ You can create an HTML && CSS only Accordion that only has one section open at a time 🤙 Do this by adding a matching name attribute to sibling details elements ✨ <details name=accordion> <summary>One</summary> </details> <details name=accordion>…
Blink: Intent to Ship: Accordion pattern using name attribute on <details> elements groups.google.com/a/chromium.org…
🚀 Photoshop is now on the web! Enabled by WebAssembly, Emscripten, Web Components + Lit, Service Workers + Workbox & high-performance storage. The @googlechrome enjoyed collaborating with @Adobe on the launch. Try it out! 📚 Case Study: web.dev/ps-on-the-web/
We officially launched Photoshop on the web yesterday. Check it out at photoshop.adobe.com #photoshop
Play the original wipEout in your browser: phoboslab.org/wipegame/ Also check out the in-depth "Making-of" in my blog: phoboslab.org/log/2023/08/re…
These are two rings perfectly circular and concentric [source, read more: buff.ly/3DS7tKO]
me: I need some high voltage electrolytic capacitors mom: we have high voltage electrolytic capacitors on aliexpress the high voltage electrolytic capacitors on aliexpress:
Is that a new demo over at scroll-driven-animations.style/#card-header-s…? Why yes it is! It’s a shrinking header that gets a scroll shadow as you scroll down + its contents also get adjusted. This is all powered by Scroll-Driven Animations, using only CSS 🤩
Dollar Street (gapminder.org/dollar-street), an incredible project that highlights families in the world, sorted by income per month. What an incredible project to understand how people really live, beyond stereotypes and clichés. Via @montebianco.
Millitext is a font where glyphs are one-pixel wide. It's an exploitation of how subpixels (individual R/G/B lights of a display) are triggered by certain colors. For example, magenta pixels trigger subpixels R and B, while G is left dark between them. 🔗boingboing.net/2018/12/27/1px…
9 ways to resolve "It works on my machine": 1. Try incognito mode. 2. Use a different browser. 3. Is everything committed? 4. Did you change/add a file that is gitignored? 5. Delete node_modules and run npm install. 6. Check your dev env versions such as Node/npm. 7. Is your…
#tinyCSStip Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`? Use `color-mix()`!
Images from dark and gritty violent Teletubbies live action remake
Cook up some pixels🍜 slynyrd.com/blog/2020/9/30… #pixelart #tutorial #gamedev #ドット絵
I think I've pushed @figma's new Variables and Advanced prototyping to its limit... I present a fully working version of Flappy Bird!! 🔥 Featuring: - Scoring + highscores - Pseudo-randomised pipe placement - Physics based movement - Uses 46 variables #Config2023