Andy @helloimaje
Senior Product Designer & Mentor | SAAS B2B, B2C | Open to new roles imaje.co.uk Southampton, England Joined March 2015-
Tweets15
-
Followers4
-
Following67
-
Likes23
CSS Tip 🤙 You can create this header effect using position: sticky, clip-path, and custom properties 🔥 (Video 👀) header { position: sticky; top: var(--margin); } main { clip-path: inset(var(--header) 0 0 0);) } No mix-blend-mode or animations required ✨ What's the trick then? 🧐 Duplicate the header element first. Then fix the positioning of one behind the content. header[aria-hidden] { position: fixed; top: 0; margin-top: var(--margin); } Clip the top of the content to reveal the fixed header and put a sticky-positioned header inside it that matches up in position and size ✂️ :root { --header: calc(var(--margin) + var(--font-size)); } main { clip-path: inset(var(--header) 0 0 0); } header { position: sticky; top: var(--margin); } Make your life easier with custom properties 🙌 As the body scrolls, the fixed header gets covered by the clipped content and creates the effect ✨ And because the sticky header is "stuck" it reveals itself as the content goes out of view 😍 This one's pretty cool. You can set the font color to whatever you want. At first glance, it looked like it was a mix-blend-mode thing. It doesn't have to be! Think about it and lean into z-indexing 🫶 Watch the video to get an idea of things with the exploding view 🤯 Any questions, etc. let me know! Will likely do a YouTube video on this one too! 🙏 @CodePen link below! 👇
Inter version 4.0 → rsms.me/inter/ After two years of work on a new version of Inter, I'm so proud that it's finally released. (It's been in beta for the past year) The changes are vast. Most notably there are six additional "Display" designs for large delicious type
Our color combination of the week ♥︎ Save it to your mind here ↓ access.mymind.com/colors/eyJ0Ijo… And more colors here ↓ access.mymind.com/colors
Uploaded a new deck. This week, I break down the @figmadesign FTUX. Read on ➡️ buff.ly/3tJlqnK
youtube.com/watch?v=MamH-J… A recently released lunar orbit cgi render providing a peaceful soundtrack to this mornings work.
jakearchibald.com/2020/avif-has-… Hurrah! Now just wishing for swift browser support 🙏
I forced a bot to watch over 1,000 hours of Batman movies and then asked it to write a Batman movie of its own. Here is the first page.
Central Camera Company Rebuild gofundme.com/f/central-came… Help these guys rebuild their lives.
A Single Div: a CSS drawing project by @lynnandtonic a.singlediv.com
@FontBaseApp First of all I love your tool and use it on Mac with the intention to use it on PC. However, I have noticed that none of the activated fonts are appearing in Figma on PC. It all works fine on Mac however. Any help guys? Thanks much love!
diana-adrianne.com/purecss-franci… - Mind Blown! The ingenuity, patience and creative uses of CSS never cease to amaze me! #csslove
#filmphotography #filmphotographersnetwork We have a film-swap event planned for this weekend! Saturday at 10am-4pm Come and join us! For more info, visit... facebook.com/events/1954785…
goo.gl/1DhsKJ it's insane what browsers are capable of! If you do not have the right tool installed, just use photopea to view and edit sketch, psd files and more! #photopea #Webdesign
Love #filmphotography and live in the Manchester UK? Join our #meetup group and let's share our passion! goo.gl/ZU5iLZ
Harry Bailey - Bluesk... @HarryBailey
1K Followers 2K Following I share tips for how chaotic agencies master successful project delivery. On BlueSky as @harrybailey.com
Simon Forster @SimonFor
1K Followers 507 Following Host of the Classic Lenses Podcast (dormant) and the Large Format Photography Podcast | Photography based 3D Printing Professional | Maker of camera accessories
Books Nook Haven @BooksNookHaven
49 Followers 393 Following Welcome to our Ebook Emporium, where literary dreams take flight!
Wes Bos @wesbos
445K Followers 2K Following Fullstack Dev ❯ @SyntaxFM Youtuber ❯ AI Enjoyer ❯ Hardware Tinkerer ❯ Posts 🔥 Tips
Ilya Miskov @ilyamiskov
54K Followers 1K Following that designer guy from estonia @whop · prev @sketch, @frame_io, @data_axle
Zander Whitehurst @zander_supafast
246K Followers 26 Following Founder @memorisely • https://t.co/xSoNEdvmxz | Educator Advisory Board @figma | Making UX/UI education accessible ⚡️
NASA's Johnson Space ... @NASAJohnson
2.3M Followers 169 Following Lead center for the @Space_Station and Orion spacecraft. Home to Mission Control and the nation's astronaut corps. 🚀 https://t.co/7u1SQekfru
Daryl Ginn @darylginn
124K Followers 424 Following Prolific designer, engineer and perfectionist. https://t.co/lOSQVqP2nb https://t.co/dAcjqKcZIf https://t.co/tKy4XFHSU9
LINDSEY 👩🏿�... @LindseyCreated
48K Followers 613 Following a Black product design lead 👩🏿💻 | branding and building startups for other female founders 👇🏾
Jayneil Dalal @jayneil
13K Followers 1K Following I show top designers use AI: https://t.co/yaAT3sIs6L
NASA's Kennedy Space ... @NASAKennedy
3.0M Followers 189 Following 🚀We are the world’s preeminent launch complex for government and commercial space access. We usually post in ET.
新宿ゴールデン... @GoldenGai_TOKI
452 Followers 114 Following 新宿ゴールデン街・花園五番街の『BAR時』 です。20時オープンで閉店は翌２時（L.O. 1:30）です。日曜日が定休日となります。毎日、Deshico(デシコ)と尚美姉（ナオミネェ）の２人で元気にお待ちしております！(^^) チャージ¥1,000です。テーマが『皆の実家』なので、泥酔者と乱暴者はお断りしてます。
Freethink @freethinkmedia
22K Followers 3K Following Tech’s Cultural Frontier. Covering the builders, ideas, and innovations shaping society. Changing media with @bigthink.
AuroraWatch UK @aurorawatchuk
201K Followers 35 Following Receive alerts when the #aurora may be visible from the UK. A service provided by Space Physicists at @LancasterUni For more information see our website
mymind @mymind
73K Followers 0 Following Stop doomscrolling, start bloomscrolling. ˗ˏˋhttps://t.co/fhwN3pT7JJˎˊ˗ A truly private place for everything you care about. Your own digital garden.
Modest Mitkus @ModestMitkus
94K Followers 514 Following Building startups and documenting my journey.
Molly Hellmuth Tsacud... @molly_hellmuth
16K Followers 519 Following Teaching what I know about Figma & Design Systems Newsletter https://t.co/MyENQXKwWG Course https://t.co/mS04Tlbs2r
carlacaffeina @carlacaffeina
84 Followers 37 Following I work with creative thinkers, rebellious minds and game changers. I am a Creative Director, Massage Therapist and Professional Coach. 🌱Plants fueled
Michael Cropper @MickCropper
688 Followers 803 Following Freelance Software Developer, Web Developer, WordPress, SEO & Cyber Security Consultant @ContradoDigital @TendoJobs @GeezerCloud @IWantAMiniMe
International Space S... @Space_Station
8.9M Followers 156 Following NASA's page for the latest mission and science updates from the International Space Station.
Helena @minor_axis
4K Followers 557 Following Designer, director, writer ❧ https://t.co/6H19sZeh1Q ❧ https://t.co/ZSgwl3s2dC ❧ https://t.co/gGq9XrjuJv ❧ @_phosphoricons ❧ https://t.co/80KK1Z8ugT
Nielsen Norman Group @NNgroup
113K Followers 41 Following User advocates offering evidence-based user experience (UX) research, training, consulting. Visit our website for free UX articles. #nngux
NASA Solar System @NASASolarSystem
3.0M Followers 140 Following Join us as we explore the worlds of our solar system.
Design Details @designdetailsfm
11K Followers 7 Following A biweekly conversation about design process and culture. Hosted by @marshallbock & @brian_lovin. 🔥 Jobs for designers — https://t.co/aPKdPlQXyR
ARCHIVED - NASA Voyag... @NASAVoyager
819K Followers 50 Following This account has been archived. Follow @NASAJPL & @NASASolarSystem to get the latest updates on Voyager 1 & 2, the longest operating spacecraft in deep space.
Mozu/TVアニメ放�... @rokubunnnoichi
298K Followers 286 Following ミニチュア作ってます！他の作品も見たい！という方はYoutubeへGO！→ https://t.co/P7YGyBy8yCＭＯＺＵＳＴＵＤＩＯＳお仕事のご依頼は下記リンクから
Ian Barnard @Ian_Barnard
21K Followers 300 Following I draw letters! ✍️ Custom lettering, logotypes, and unique branding. Shop my digital brushes & handwritten fonts here 👇
Daybridge @daybridge
8K Followers 22 Following Bring work and life together in one calendar Works with Google, iCloud and Fastmail on web, Mac, iOS and Android Find us on Bluesky at @daybridge.com.
Benjamin De Cock @bdc
25K Followers 148 Following Design Lead @SpaceXSI. Formerly @cursor_ai, @stripe, @csswg.
SpaceX @SpaceX
41.9M Followers 127 Following SpaceX designs, manufactures and launches the world’s most advanced rockets and spacecraft
NASA JPL @NASAJPL
3.7M Followers 129 Following The Jet Propulsion Laboratory advances science and discovery through NASA robotic missions exploring Earth, the solar system, and the universe.
ARCHIVED - NASA's Per... @NASAPersevere
2.9M Followers 39 Following This account has been archived. Follow @NASAMars to get the latest updates on the Perseverance rover’s mission.
Josh W. Comeau @JoshWComeau
122K Followers 2K Following This account is no longer active. Follow me on Bluesky instead! https://t.co/8hNl3ebMa5
Meng To @MengTo
190K Followers 468 Following Founder at @designcodeio and https://t.co/Kpiogf225W. I teach designers code and developers design. My three.js templates: https://t.co/25OYbxYycG
Harry Bailey - Bluesk... @HarryBailey
1K Followers 2K Following I share tips for how chaotic agencies master successful project delivery. On BlueSky as @harrybailey.com
Cassidy @cassidoo
185K Followers 735 Following Making memes, dreams, & software! Sr. Director of Dev Experience at @github. Married to @ijoosong, mom of 2 nerdy babies. She/Her ✝️ Subscribe to my newsletter!
Financial Times @FinancialTimes
7.4M Followers 982 Following This account is now closed. For the best of FT journalism, including breaking news and analysis, follow @ft
BBC UX&D @bbcuxd
3K Followers 616 Following Tweetings from the @BBC User Experience & Design team (UX&D) #BBCUXD
Simon Forster @SimonFor
1K Followers 507 Following Host of the Classic Lenses Podcast (dormant) and the Large Format Photography Podcast | Photography based 3D Printing Professional | Maker of camera accessoriesTrends for United States
You might like
