code monkey. music lover. average guitarist. football (@LFC) fan. got some dogs 🇪🇺🏳️🌈
Joined March 2019
- Tweets944
- Following320
- Followers45
- Likes1.2K
Andrew Long retweeted
2024 Election Specials. 4. The Conservatives
youtu.be/cKAeO-5saqQ
why so much focus on masonry – an out-dated design that hardly anyone uses? I agree it should be separate to grid (if built) but why build it at all? developing things they want to develop rather than all the things they should develop imo
#masonry #css
developer.chrome.com/blog/ma…
55
brilliant thread… awesome work
You’re unable to view this Post because this account owner limits who can view their Posts. Learn more
2
52
Andrew Long retweeted
📝 text-wrap Rendering Performance
I wanted to see what the overhead of the new text-wrap: [balance|pretty]; properties was. To test, I built a page with 10,000 <p> elements which, by default, have orphans—5,000 of the following:
This sentencing is appalling. Men almost always get away with rape and, as @stellacreasy points out, violent offences (which are mostly committed by men) get much shorter sentences. A woman has an abortion 4 weeks after she should have and that warrants 28 months? No it does not
The average prison sentence for a violent offence in England is 18 months. A woman who had an abortion without following correct procedures just got 28 months under an 1868 act- we need urgent reform to make safe access for all women in England, Scotland and wales a human right.
1
83
This sounds like a boast – from the leader of the party that brought us the disaster that is brexit, no less – that what the entirety of the UK had prior to brexit is significantly better that what the UK (excluding NI) has now.
How the fuck are these idiots in charge?!
'Northern Ireland is in the unbelievably special position - unique position in the entire world - in having privileged access not just to the UK market… but also the EU single market'
'Nobody else has that. No one. Only you guys, only here’
Rishi Sunak hails his Brexit deal
1
103
that’s another #javascript function i can get rid of. good ol’ #css
Whoot! I just learned you can use animatable CSS grid rows to transition an element's height from 0 to auto!
Toggle a class and see the magic happen.
Thx to @chriscoyier for sharing this little gem. 💯
chriscoyier.net/2022/12/21/t…
Video alt: Exampe showing an animated height.
64
Andrew Long retweeted
Nurses, we stand with you.
Today, and always.
Please RT if you do too - your support means more than you could ever know.
#NursesStrike
Andrew Long retweeted
This one might just be my angriest yet: Strikes!
Full version here: youtu.be/Gljtvwhcdhc
Andrew Long retweeted
When I was little I was determined to always protect nature, stand against 'bad people' to save forests, animals, wilderness. 🌳🌱🦝🦉
As I grew up my convictions slowly faded, and I've done literally nothing.
Andrew Long retweeted
Future CSS Tip! 🔮
Use animation-timeline to create scroll-linked animations 🤯
li { view-timeline-name:in; }
img { animation-name:reveal; animation-timeline:in; }
Animation is bound to the li position in the viewport ✨
Check these image reveals 😎
Demo link/info below! 👇
enjoy your new favourite least
favourite band… @thecoolgreen of course
You can also listen to first single “Hard Rock Potato”– which has nothing to do with potatoes but rocks hard.
The Cool Greenhouse Rock and Roll Musical Group and UFO Disclosure Advocation Society is very grateful for your continued custom.
open.spotify.com/track/5NiDP…
Andrew Long retweeted
A thread about content from the talk 👇
CSS scroll-snap is a classic CSS property; small, innocent looking API with huge potential. @argyleink showed us a whole bag of snappy tricks at #cssday
Full talk: youtu.be/34zcWFLCDIc
Slides: oh-snap.netlify.app/
Andrew Long retweeted
Enough is enough. It's time to turn anger into action.
Join the campaign to fight the cost-of-living crisis.
wesayenough.co.uk
Andrew Long retweeted
⚡️ Speedy CSS Tip! ⚡️
Create curved content scrollers 💈
Have a play with ✨ CSS mask ✨ and scroll-snap 🫰
Hope it's useful! 🤞 Thank you for the feedback 🙏
What shall we do next? 🧐
@CodePen link below 👇
Andrew Long retweeted
🎉 Shipping with Chrome 104 (released today) are individual CSS properties to do transforms.
From now on you can transform elements with the translate, rotate, and scale properties. Supported in all browser engines!
🔗 Read the post here: web.dev/css-individual-trans…
ALT .target { translate: 50% 0; rotate: 30deg; scale: 1.2; }
Andrew Long retweeted
✨ CSS Tip! (or Trick 🤔) ✨
Use the mask property to mask(hide) parts of an element
Use it to create a faux 3D content scroller 🤿
.track {
mask: radial-gradient(transparent 0 30%, black 30%)
50% 20vmin / 250% 100%,
}
👉 codepen.io/jh3y/pen/gOeXgXv via @CodePen
Andrew Long retweeted
You might find my videos helpful. YouTube.com/layoutland. Be sure to watch the Resilient CSS series. And my talks from @aneventapart (listed on the channel page).
