Does anyone know how to get CSS Anchor Positioning to work with a transformed parent?
The green box has translate: 300px 0px; but Safari and Firefox ignore the translation for the anchored ul 🫠
#webdev #safari #firefox
It was a big year for Screen Sizes and Clear Read with Screen Sizes getting a complete redesign inspired by Liquid Glass and Clear Read finally being able to have Bionic Reading as a font
Take a look at these and more at www.toast-studio.com
Don't head in to Hyperspace Lumiose without TypeDex!
Featuring all of the new Mega Pokémon, get it today at www.typedex.app
Making your way through the Lumiose Pokédex? I've added a new setting to show the Obtain Method in the Dex list, saving you some taps!
Trying to reach the top of the ZA Royale? Don't forget to take TypeDex with you
www.typedex.app
#pokemon #pokemonlegendsza
What’s New: - Screen Sizes 3 introduces a brand new design that focuses on easier readability and navigation - The new Options Bar allows you to configure all of your device viewing options - New filters, favourites, and recents for quicker navigation - Updated guides that are easier to browser - Support for new iPhones and Apple Watches
Get it today at www.screensizes.app
Re-posts are very welcome 🚀
I'm excited to share Screen Sizes 3
A major update with a fresh new design for faster navigation, rewritten guides, and supports the newest Apple devices
It's so nice when you are at the end of a long project and you can just design the new app icon 😮💨
Expanding out the data that Apple Vision shows now it's more of a first class citizen in the app
I’ve been putting together some filters to help you keep Screen Sizes easy to browse as the list of models grows over time
She’s a skinny queen!
Really love how this is coming together. The sidebar with tabs is such a nicer experience on smaller screens
Making the little guide covers was a lot of fun too!
After going back to the drawing board I now have a general structure I'm happy with. I've been wanting to make the view options more obvious for a while now
Things are rough here but you can see how you can set your view options and then they carry through the app with you
I’m still working hard on Screen Sizes 3 but I’ve had to go back to the drawing board a little bit on some things. Really want to get this right
I really like how your view options now follow you around the app. If you only want to work with landscape iPads that's now really easy
It's the little details like having separate icons for the display shapes in landscape
Screen Sizes 3 is coming along nicely. You can now view portrait vs landscape dimensions separately which cleans up a lot of the UI.
There is still a lot to do so unfortunately it will not be ready for the iPhone 17 launch this week
It's nice to be coding up some new features 👨🏽💻
Screen Sizes 3 will track your recently viewed and you'll be able to mark favourite models
They're little features but I think it will make Screen Sizes nicer to work with the ever expanding list of models 📱
All of the guides are complete. Now it's time to start working on the spec sheet
This is still a problem on beta 5. If Safari supported env(titlebar-area-x) I could inset my controls OR env(safe-area-inset-top) should account for the window controls
This isn’t an uncommon placement for websites and web apps. People often put menus here
Drawing new icon examples to show platform differences. The layering effects Apple now gives you are interesting, meanwhile Google offers no guidance on their preferred style these days
Bringing the Store Screenshots guide in to line with the style of the others and expanded it to include Steam and the Epic Games Store
Updated the Widgets guide. Because they are so expansive I've combined it in to a single page guide that makes it easier to compare the templates
So many ways a widget can be rendered now!
Starting to build out the Live Activities template filling it in with more finished content 🙂
And with that I think it's time to start building Screen Sizes 3!
Expanding this same layout to the Live Activities guide. This is rough and needs some more explanation content but you get the idea
Made this table a little more comprehensive
Widgets sure do appear in a lot of places these days!
Refine refine refine
Getting closer to a spec sheet layout
