Getting ready for #PokemonChampions?
Take TypeDex with you. Create filters to find the right Pokémon for your team.

www.typedex.app

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