Portfolio
Shared 3D CSS Desk Fan ✨ https://twitter.com/jh3yy/status/1546131603117727750?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
⚡️ Speedy CSS Tip! ⚡️ Create animated border buttons with CSS masks 😷 https://twitter.com/jh3yy/status/1545473106134827009?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Shared some feature updates about the PopUp API 🎈 https://twitter.com/jh3yy/status/1545141447992741888?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Shared CSS tip on making multi-color drop shadows 🔥 https://twitter.com/jh3yy/status/1544712728547401728?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Shared JavaScript debugging tip! ✨ https://twitter.com/jh3yy/status/1544469482617425920?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Responsive Snek 🐍 Playing with SVG https://twitter.com/jh3yy/status/1544068872491376641?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
"Perspective" fuels "Creativity" which fuels "Innovation" visual built with GreenSock for my slide deck ⚡️ https://twitter.com/jh3yy/status/1541477962574245888?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Did a big ole mind dump on approaching CSS transform animations 😅 https://twitter.com/jh3yy/status/1541909911675740161?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Vida Creative did a nice write up on the talks at "All Day Hey! 2022" that I was featured in 😎 https://twitter.com/vidacreativeUK/status/1541353670260015105?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Built the house from "Up" with CSS 🎈 https://twitter.com/jh3yy/status/1540760666222366720?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Shared a working walkthrough of a demo from my Smashing Conf SF 2022 talk where you use device GeoLocation sensors to find a prize ✨ https://twitter.com/jh3yy/status/1540411740894089217?s=20&t=UAjT...
Gave a workshop on learning with creative coding at Smashing Conf SF 2022 ⚡️
Closed Smashing Conf SF 2022 with "Supercharge your skills with creative coding – Create your own web platform showcase" 🚀
Featured in the second edition of ZeroHeight's "zhine". This time, how to make squiggly pencils with SVG ✨ https://twitter.com/jh3yy/status/1539311766223482880?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Shared demo about "Shared Element Transitions" API && PopUp API 🚀 Exciting things coming to the web platform! https://twitter.com/jh3yy/status/1538206868140699650?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Talk from "All Day Hey! 2022" released for public viewing 🙌 Talk was "Take your skills to the moon with creative coding" https://twitter.com/heypresents/status/1537034707237580802
Spoke at GDG DevFest Ukraine – "Supercharge your skills with Creative Coding, an intro to CSS :has()" ✨ Event raised ~$128,000 🙌 https://devfest.gdg.org.ua/#speakers
Had business cards made! 👀 https://twitter.com/jh3yy/status/1535978076399710208?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Got custom brand hats 🔥 https://twitter.com/jh3yy/status/1535704458025394177?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Spoke at Pixel Pioneers 2022 – "Supercharge your skills with Creative Coding" 🚀 https://twitter.com/jh3yy/status/1535352924263571460?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Created my first feature for ZeroHeight "zhine" distributed at Pixel Pioneers! https://twitter.com/zeroheight/status/1535184078852526081?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Showing how you can use CSS :has() to create rudimentary game mechanics without JavaScript 🚀 https://twitter.com/jh3yy/status/1534277181932716035?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Had a demo from my CSS :has() showcase shared by Una ✨ https://twitter.com/Una/status/1534227147644194817?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Use "display: flex" in CSS to create expanding gallery views 🔥 https://twitter.com/jh3yy/status/1534182344508203009?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Using CSS calc && scoped custom properties to create expanding gallery views 👀 https://twitter.com/jh3yy/status/1534146966535426048?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Featured in CSS Weekly #507 https://twitter.com/CSSWeekly/status/1533916474515116035?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Playing with <input type="range"> 😅✨ https://twitter.com/jh3yy/status/1532843282484580354?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Created a pure CSS image zoom using new CSS primitives (Houdini, :has, object-view-box) 👀 https://twitter.com/jh3yy/status/1532145806278533120?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
⚡️ Speedy CSS Tip! ⚡️ Polaroid Images 📷 https://twitter.com/jh3yy/status/1531680894955790339?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Shared Pure CSS Tic Tac Toe prior to rebuilding with CSS :has() 🤓 https://twitter.com/jh3yy/status/1531584854676078593?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
Created animated block reveals in ScreenFlow ✨ https://twitter.com/jh3yy/status/1531382424654995457?s=20&t=UAjT2bHi4ukdd6_XvBQqYw
What if your <input type="range> could be segmented? A vanilla JavaScript, HTML, CSS challenge 🚀 https://twitter.com/jh3yy/status/1530349006425038848?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Shared tips on using the Chrome DevTools Sensors tab to map device orientation to input values ⭐️ https://twitter.com/jh3yy/status/1530291828339130373?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Shared a primer on the new HTML "popup" attribute! 🚀 https://twitter.com/jh3yy/status/1529909208098947072?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
CSS Tip on UI filtering with CSS attribute selectors! 🚀 https://twitter.com/jh3yy/status/1529215535669387264?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Tips on CSS attribute selectors! ✨ https://twitter.com/jh3yy/status/1529168166005391360?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Interviewed for Pixel Pioneers! ⚡️ https://twitter.com/oliverlindberg/status/1526508641569972224?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
"An Interactive Starry Backdrop for Content" – A CSS Tricks Article ✨ https://twitter.com/css/status/1526929824446545920?s=20&t=KzvzJT8TuvXGA9FURcxirw
"My money don't jiggle jiggle..." Made a 3D CSS money animation and synced it to some music 😅 Use "aspect-ratio" 😎 https://twitter.com/jh3yy/status/1525922539482103813?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
"A CSS Slinky in 3D? Challenge Accepted!" – A CSS Tricks Article ⚡️ https://twitter.com/css/status/1524758295654940672?s=20&t=WJjFZlU_geVIuCdlylrYcg
⚡️ Speedy CSS Tip! ⚡️ Animated Block Reveals for text. Here we gooooo! 🚀 https://twitter.com/jh3yy/status/1524088476119015430?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Gave my first ever talk at "All Day Hey! - 2022" 👀 "Take your skills to the moon with creative coding 🚀" I think it went well! https://heypresents.com/conference/2022
"Perspective" fuels "Creativity" which fuels "Innovation" 🚀 https://twitter.com/jh3yy/status/1372240404708483076?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
"Creating the DigitalOcean Logo in 3D with CSS" – A CSS Tricks article ✨ https://twitter.com/css/status/1520049600824025088?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Late night "⚡️ Semi-Speedy CSS TIp! ⚡️" All about reflecting elements in the browser and how to in all the different browsers 😎 https://twitter.com/jh3yy/status/1519431244970442753?s=20&t=C_iNz4yRd...
"What if our sliders actually slid?" – An article for Smashing Magazine! ✨ https://twitter.com/smashingmag/status/1518698643833950208?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
⚡️ Speedy CSS Tip! ⚡️ Animated Boujee Gradient Text Effect Here we gooooo! 🚀 https://twitter.com/jh3yy/status/1517629642064150529?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
CSS Animation Tips for Performance 💪 https://twitter.com/jh3yy/status/1517238822488182786?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Learn CSS Grid with 3D Mondrian 😅 https://twitter.com/jh3yy/status/1516555958633308161?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
⚡️ Speedy CSS Tip! ⚡️ Making 3D with CSS Here we gooooo! https://twitter.com/jh3yy/status/1515021738425434117?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Shared CSS Tip on chaining your CSS transforms! ✨ https://twitter.com/jh3yy/status/1514338592235134976?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
⚡️ Speedy CSS Tip! ⚡️ Animated CSS Loaders Here we gooooo! 🚀 https://twitter.com/jh3yy/status/1513599688662044684?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
"What if sliders actually slid?" – A fun demo playing with <input type="range"> https://twitter.com/jh3yy/status/1512069943268831234?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Reshare of how to create CSS Art and thinking in layers! https://twitter.com/jh3yy/status/1299082081121730560?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
"Think Outside the Box" animation using Houdini Properties and Values API. Promoting the use of being able to choreograph separate transition delays for parts of a transform. https://twitter.com/jh...
Created a demo animation with "The Bear" for the new DevRel role at Google! https://twitter.com/jh3yy/status/1511097339729039361?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
First day at Google! 🚀 https://twitter.com/jh3yy/status/1510889914526691335?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Created a spinning globe with React and ThreeJS for the GreenSock Observer Plugin release 🚀 https://twitter.com/jh3yy/status/1509566904083652616?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Experiments with <input type="range"> and CSS accent-color ✨ https://twitter.com/jh3yy/status/1509236288452546565?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Dropping CSS truth bombs for a11y! https://twitter.com/jh3yy/status/1507086622847819788?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Made the DigitalOcean logo in 3D with CSS! 🌊 https://twitter.com/jh3yy/status/1504588011237003265?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Sending bears around the globe! ┬┴┬┴┤•ᴥ•ʔ├┬┴┬┴ https://twitter.com/jh3yy/status/1504892728433328130?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
CSS Infini-Slinky made it into the CodePen Spark! ⚡️ https://twitter.com/jh3yy/status/1504431489303384069?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Poppin' Progress Bar! 🍿 Built a progress bar that updates and pops whilst learning about SVG maskUnits to get the job done! 💪 https://twitter.com/jh3yy/status/1504159842495258628?s=20&t=C_iNz4yRdVk...
Provided a walkthrough on "Vincent van Git" – The project I built that allows you to customise your Github profile by painting to your commit graph! https://twitter.com/jh3yy/status/150385901297823...
Shared a tip on CSS animation-delay and how to create stagger effects! 🚀 https://twitter.com/jh3yy/status/1503085532020101120?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Walkthrough of the "Animations Tab" in Chrome DevTools (Before I joined the Google Chrome DevRel team 😅) https://twitter.com/jh3yy/status/1503469147346423823?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Was on the Purrfect.dev show talking about Creative Coding with Alex and Brittney 💜 https://twitter.com/jh3yy/status/1503381549068300293?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Shared my CSS Art Egghead.io Course! https://twitter.com/jh3yy/status/1503011451698618369?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Reshared an old CSS Art of a PS5 Controller I did when I went through my CSS Art stage ✨ https://twitter.com/jh3yy/status/1502678923615821825?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Primer video on audio visualization with JavaScript for Smashing Magazine ✨ https://twitter.com/jh3yy/status/1502388177423712262?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Made a 3D CSS Slinky that slinks from side to side! https://twitter.com/jh3yy/status/1502022040097898497?s=20&t=C_iNz4yRdVkhVO9SLTbEmg
Guest on the PurrfectDev YouTube channel chatting with Brittney about "Creative Coding to Boost your Skills" 🚀 https://www.youtube.com/watch?v=MBNiWReTDQg
Was a guest on the Scrimba YouTube channel talking about Creative Coding! https://www.youtube.com/watch?v=_ogwzPqySyE
Part 2 of my "Guide to Audio Visualization with JavaScript and GSAP" for Smashing Magazine 🚀 https://twitter.com/smashingmag/status/1501874949010726912?s=20&t=5j9KJswmSIWsGxCBmrdGlQ
Gave a preview for my guide to audio visualization with JavaScript! 🚀 https://twitter.com/jh3yy/status/1501361781461114884?s=20&t=5j9KJswmSIWsGxCBmrdGlQ
Pure CSS 3D Slinky! ✨ https://twitter.com/jh3yy/status/1501220004716597256?s=20&t=5j9KJswmSIWsGxCBmrdGlQ
Completed Hactoberfest 2021 🙌 https://twitter.com/jh3yy/status/1500918693152309253?s=20&t=5j9KJswmSIWsGxCBmrdGlQ
Sharing CSS tips about independent transform transitions! 🚀🔥 https://twitter.com/jh3yy/status/1500598248431665152?s=20&t=5j9KJswmSIWsGxCBmrdGlQ
Became a Polywork Polynaut Advisor! 🚀 https://twitter.com/jh3yy/status/1499741225888497668?s=20&t=5j9KJswmSIWsGxCBmrdGlQ
Published part 1 of "A Guide to Audio Visualization with JavaScript and GreenSock" in collaboration with Smashing Magazine 🚀 https://www.smashingmagazine.com/2022/03/audio-visualization-javascript-...
Shared a CSS tip about "animation-fill-mode" for CSS animations ✨ https://twitter.com/jh3yy/status/1498987146207973377?s=20&t=ceOowyfesI4gAhXG66pBRA
Involved with the first "CSS Art Challenge" from Braydon Coyer 🚀 https://twitter.com/BraydonCoyer/status/1498659058571747329?s=20&t=ceOowyfesI4gAhXG66pBRA
Showing how CSS "resize" works with a Hot Dog demo! 🌭 https://twitter.com/jh3yy/status/1496630122551599105?s=20&t=ceOowyfesI4gAhXG66pBRA
What if your HTML sliders actually slid?? 😅 Creating velocity based input sliders with GreenSock ✨ https://twitter.com/jh3yy/status/1495864246055358470?s=20&t=ceOowyfesI4gAhXG66pBRA
Animated CSS Media Cards ✨ "Instagram Design to Dev #3" https://twitter.com/jh3yy/status/1494608973114318849?s=20&t=ceOowyfesI4gAhXG66pBRA
"Instagram Design to Dev #2" – Number 2 in my UI component series. This time it's an animated like button! ❤️ https://twitter.com/jh3yy/status/1493686918621638656?s=20&t=ceOowyfesI4gAhXG66pBRA
Made an animated SVG Valentine's card for the CodePen community! ❤️ https://twitter.com/jh3yy/status/1493335993100996616?s=20&t=ceOowyfesI4gAhXG66pBRA
Air Horns!!! https://twitter.com/jh3yy/status/1491819885495828482?s=20&t=SdVwDQaId80yNC1haBv2-w
Created a React JS Number Range Slider with GreenSock as part of my "Instagram Design to Dev" series ✨ https://twitter.com/jh3yy/status/1488260046282805252?s=20&t=SdVwDQaId80yNC1haBv2-w
A CSS game for all the family to enjoy! 😅 https://twitter.com/jh3yy/status/1491411427256864768?s=20&t=SdVwDQaId80yNC1haBv2-w
Appeared on "Approaching a Project with CSS" with Shashi && Mike ✨ Discussing how we approach certain things with CSS 🚀 https://www.youtube.com/watch?v=g-HttOH1y6w
Chatting CSS with James Q Quick ✨ (Don't think there is a link to video anywhere, sorry) https://www.jamesqquick.com/streams/move-things-with-css-with-jhey-tompkins
Live on YouTube talking about "Hobby vs. Work" with Chris Bongers 🚀 https://twitter.com/DailyDevTips1/status/1484797803712991232
Created an entry for the Hashnode CSS challenge 🚀 https://twitter.com/jh3yy/status/1483178814737829889?s=20
Created a configurable 3D CSS Cylinder playground 🚀 https://twitter.com/jh3yy/status/1481396936691396608?s=20
Live-streamed the start of creating a 3D button for the Hashnode challenge 🚀 https://www.twitch.tv/videos/1264309414
Shared how to create "That" loader in CSS 🚀 https://twitter.com/jh3yy/status/1482129843139530758?s=20
"How to Make a Pure CSS 3D Package Toggle" for CSS Tricks ✨ https://css-tricks.com/how-to-make-a-pure-css-3d-package-toggle/
Shared a CSS Tip about animating conic-gradient with Houdini ✨ https://twitter.com/jh3yy/status/1481743006835384323?s=20
My 3D CSS Plane made it into the Top 10 of CodePen's Most Hearted of 2021 💕 https://twitter.com/CodePen/status/1481284875718176770
Shared how to use the SpeechSythesis API in JavaScript ✨ https://twitter.com/jh3yy/status/1480990520302256133?s=20
Shared a tip about PageVisibility and injecting whimsy into your UX ✨ https://twitter.com/jh3yy/status/1480616001272176643?s=20
CSS Tricks article featured in Codrops Collective ✨ https://tympanus.net/codrops/collective/collective-689/
Created a parallax component for Niall's new site ✨ Built with React extending Tailwind for a NextJS site 🚀 https://twitter.com/jh3yy/status/1479637396476121088?s=20 Hosted on niall.af 😎
https://twitter.com/jh3yy/status/1479182733653921797?s=20
Kind words from Gracie @ DEV in this thread 🙏 https://twitter.com/jh3yy/status/1478771074779291653?s=20 My comment 👉 https://dev.to/jh3y/comment/1kp3l
Made a "Carousel" for your landing page 👀 https://twitter.com/jh3yy/status/1478468171816484867?s=20
https://www.twitch.tv/videos/1250017485
3D CSS 2022 Toggle 🚀 https://twitter.com/jh3yy/status/1477440846366658566?s=20
Hit #1 on Hacker News with tyto! 🚀 https://news.ycombinator.com/item?id=6886834
Had my site reviewed by Scott && Wes on Syntax.fm 🧐 https://syntax.fm/show/326/we-review-resumes-websites-and-online-presence
"Pug && CSS Workshop" for Codú Community ✨ https://www.youtube.com/watch?v=vvg4vilqWVs
"On Making Learning Development Fun" for "Landing in Tech" ✈️ https://www.youtube.com/watch?v=TR6_3hxD2EM
"Tips for New Web Developers" on Codú Community with Niall Maher ¶ co. https://www.youtube.com/watch?v=ZncFpmF1plc
Appeared on Francesco Ciulla's YouTube channel! ✨ https://www.youtube.com/watch?v=gXdt8WifoeE
CodePen Radio #348: Me! ✨ Fortunate enough to be a guest on CodePen Radio 🙏 "Probably the top person, at least that's who I think of, like who's the most creative person on CodePen, especially from...
3D Stopwatch 🚀 https://twitter.com/jh3yy/status/1471984301260554243?s=20
Gave a review on "Smart Interface Design Patterns" for Smashing Magazine https://twitter.com/jh3yy/status/1468617855595945986?s=20
Article "3D CSS Flippy Snaps with React and GreenSock" for Smashing Magazine ✨ https://twitter.com/smashingmag/status/1465317523692437504?s=20
Sharing DevTools Exploration 🧐 https://twitter.com/jh3yy/status/1463615619824332807?s=20
Article "Parallax Powered by CSS Custom Properties" for CSS Tricks ✨ https://twitter.com/css/status/1461714376952623104?s=20
3D Package Toggle 📦 https://twitter.com/jh3yy/status/1461824513486827532?s=20
Reflective text concept 🚀 https://twitter.com/jh3yy/status/1459578597497319430?s=20
3D Flippy Snaps! ✨ https://twitter.com/jh3yy/status/1461083404422852615?s=20
Draggable SVG Spoop! 👻 https://twitter.com/jh3yy/status/1454983704867229697?s=20
Horrible UX Exploration 😂 https://twitter.com/jh3yy/status/1453832761849098240?s=20
Made an appearance on "Chats with Kent" ✨ https://kentcdodds.com/chats/04/24/jhey-tompkins-chats-about-building-awesome-demos
Worked on Kent C Dodds' new website ✨ https://twitter.com/jh3yy/status/1445108994905985030?s=20
Created Kody Parallax for Kent C Dodds new website 🐨✨ https://twitter.com/jh3yy/status/1444003400690110484?s=20
3D Audience Demo 😅 https://twitter.com/jh3yy/status/1440372000262815748?s=20
Started contract @ Monzo ✨
CSS Tips && Tricks playlists shared by Egghead 🥚 https://twitter.com/eggheadio/status/1413226512480980996?s=20
Creating UI for Temporal – Animated Starscape and parallax planets ✨ https://twitter.com/jh3yy/status/1412420722031476740?s=20
Created UI for Temporal – Parallax Blockquotes ✨ https://twitter.com/jh3yy/status/1410961488961998850?s=20
Creating UI for Temporal – Directionally aware buttons and links ✨ https://twitter.com/jh3yy/status/1404909565242716165?s=20
Cuboid generator ✨ https://twitter.com/jh3yy/status/1387828003669958656?s=20
Tuggable Lamp 💡 https://twitter.com/jh3yy/status/1385764359490703366?s=20
3D Printer Animation 😅 Enter a URL to print the image ✨ https://twitter.com/jh3yy/status/1385237899126480901?s=20
Discussing "Meta" animation with GSAP 😎 https://twitter.com/jh3yy/status/1382352802769469443?s=20
Minecraft toggle 😎 https://twitter.com/jh3yy/status/1381307626726821890?s=20
3D Patrol Vehicle 👮♂️ https://twitter.com/jh3yy/status/1380705000293302281?s=20
"Cock a Doodle Dark" 🐔 Exploring the use of custom easing with GSAP for creating a dark mode toggle ✨ https://twitter.com/jh3yy/status/1379518772537667586?s=20
3D Party Chopper! ✨ https://twitter.com/jh3yy/status/1378139756165541891?s=20
Article "Squeaky Portraits" for Sitepoint 😎 https://twitter.com/jh3yy/status/1377046553106526217?s=20
Suez canal boat in CSS 😅 https://twitter.com/jh3yy/status/1376234219907772423?s=20
"Infinite Cover Flow" with GSAP ✨ Part of my "Meta GSAP" exploration/article. https://twitter.com/jh3yy/status/1375181388056518660?s=20
Created color generator for HSL colors with React and Prism 🎨 https://twitter.com/jh3yy/status/1374499978039631879?s=20
CSS Desktop Fan with radio buttons 🚀 https://twitter.com/jh3yy/status/1373063633891123208?s=20
Made an NFT in CSS 👀 https://twitter.com/jh3yy/status/1374003524644843521?s=20
"yarn add kitty" 😹 SVG, Figma, and GSAP ✨ https://twitter.com/jh3yy/status/1370862731696472067?s=20
Shared version of "Focussed Twitter", a browser extension for making the Twitter UI more aesthetically pleasing 😅 https://twitter.com/jh3yy/status/1369650984188805126?s=20
Infinity Squares animation ʕ·ᴥ· ʔ https://twitter.com/jh3yy/status/1368647671381188608?s=20
Created retro cat loading animation for retro.app 🚀 https://twitter.com/jh3yy/status/1368252246547435520?s=20
Audio visualization of Domo with JavaScript and GSAP 🐻 https://twitter.com/jh3yy/status/1367979249802559495?s=20
Exploring GSAP's custom easing to create flickering effects ✨ https://twitter.com/jh3yy/status/1367489650441539588?s=20
Exploring different GSAP techniques such as using the ticker to animate a mustache 😅 https://twitter.com/jh3yy/status/1367856180505305092?s=20
Neon text intro! 🚀 https://twitter.com/jh3yy/status/1367489633639137286?s=20
Made "Blokky Road" in one stream 😮 It's a web app for creating 3D CSS illustrations. Built with Vite and React. https://twitter.com/jh3yy/status/1366918750994370567?s=20
Playing with JavaScript audio visualizations ✨ https://twitter.com/jh3yy/status/1366563685511135233?s=20
Playing with audio visualizations and JavaScript ✨ https://twitter.com/jh3yy/status/1366485087752228875?s=20
Building IKEA in CSS 😅 https://twitter.com/jh3yy/status/1365782898662662147?s=20
404 concept page using Houdini ✨ https://twitter.com/jh3yy/status/1363238109413052423?s=20
Bouncing Mushrooms! 🚀 https://twitter.com/jh3yy/status/1363160112253255682?s=20
Creating a 3D Github activity visualizer! 😎 https://twitter.com/jh3yy/status/1362516498590367746?s=20
Built a working stopwatch with CSS Houdini and HTML 🚀 https://twitter.com/jh3yy/status/1362119516277403649?s=20
Article on 3D Buttons! 👇 https://twitter.com/jh3yy/status/1362045832086884352?s=20
"Bear Five" ʕ ·ᴥ·ʔʕ·ᴥ· ʔ https://twitter.com/jh3yy/status/1361459281036476416?s=20
Revived the newsletter under the name "The Bear Necessities" 🐻 https://www.getrevue.co/profile/jh3y
3D navigation concept with Three JS ✨ Exploring CSS2DRenderer capabilities 😎 https://twitter.com/jh3yy/status/1360997867893194754?s=20
"Squeaky Portraits" – An exploration of animated clip-path: path() 😅 https://twitter.com/jh3yy/status/1360019670393360389?s=20
Created "Wow" animation! ✨ https://twitter.com/jh3yy/status/1358777794168311811?s=20
Started a YouTube channel! 🎬 https://www.youtube.com/jheytompkins
Created 2021 Neon Tic Tac Toe game ✨ https://twitter.com/jh3yy/status/1355625929968640000?s=20
"Orion's Galaxy" featured in viewbox.club newsletter ✨ https://twitter.com/jh3yy/status/1357091241721233415?s=20
Released a course on making "Tic Tac Toe" with CSS and SVG for Egghead.io ＼ʕ •ᴥ•ʔ／ https://twitter.com/jh3yy/status/1357052318148153347?s=20
Created 3D UI Button Component 🚀 https://twitter.com/jh3yy/status/1355305224416669701?s=20
Wrote an article on CSS Aspect Ratio 😎 https://twitter.com/jh3yy/status/1355239237982048257?s=20
Created dynamic OG images for jhey.dev ✨ https://twitter.com/jh3yy/status/1355192474873061377?s=20
Streaming making an interactive Next JS && Tailwind powered stream overlay for Twitch ✨ https://twitter.com/jh3yy/status/1351645033452216324?s=20
Released new version of jhey.dev 🚀 https://twitter.com/jh3yy/status/1350173702999179266?s=20
Had 4 of my pens featured in Codepen's "Most Hearted" of 2020 ✨ https://twitter.com/jh3yy/status/1349828541416951809?s=20
Created CSS Clip Path Reveals with CSS custom properties ✨ https://twitter.com/jh3yy/status/1349037729355587587?s=20
Learn React by building a "Whac-A-Mole" for Smashing Magazine ✨ https://twitter.com/jh3yy/status/1395018867676745731?s=20
Wrote an article exploring the possibilities with CSS @property https://css-tricks.com/exploring-property-and-its-animating-powers/
Wrote an article about how to time travel with JavaScript and GreenSock https://css-tricks.com/going-meta-gsap-the-quest-for-perfect-infinite-scrolling/
3D CSS Plane! ✈️ https://twitter.com/jh3yy/status/1375639377150410758
Pairing with Dev – Creating Twitch overlays for the Dev.to live stream with Nick Taylor and Christina Gorton ✨ https://www.iamdeveloper.com/posts/pairing-with-jhey-tompkins-2k85/
Dev.to Walkthrough Wednesday with Nick Taylor and Christina Gorton – Talking all about animation! 🤓 https://youtu.be/AqTP9SX4nAU
Appearance on "Learn with Jason" making whimsical SVG animations powered by speech recognition 😎 https://www.learnwithjason.dev/whimsical-svg-animations-using-gsap
New article on CSS Container Queries for CSS Tricks! https://css-tricks.com/can-we-create-a-resize-hack-with-container-queries/
Released an ebook on learning the ins and outs of CSS animation. https://twitter.com/jh3yy/status/1301961107549159424?s=20
Authored a guide to getting started with React by making "Whac a Mole". Collaboration with Smashing Magazine. https://t.co/ofGBaSH7C6?amp=1
Animated the Polywork logo 😎 https://twitter.com/jh3yy/status/1394809886064746499?s=20
Made a lightsaber! https://twitter.com/jh3yy/status/1389954484579803136?s=20
"May the 4th be with you!" https://twitter.com/jh3yy/status/1389548611562840070