While mobile first will allow it to "work" on other devices, it won't be a good UI. Phone interfaces are not the same as tables are not the same are large displays.
It's difficult to create one layout that will work across sizes. Documents are the easier to translate. Applications are the harder to translate.
It's not difficult, it just requires more planning and creative thinking! I'm building a web app which looks perfect on each device while still using the same components without any crazy hacks (with just HTML & SCSS!) I might be able to share some photos. :)
Software dev at Netflix | DC techie | Conference speaker | egghead Instructor | TC39 Educators Committee | Girls Who Code Facilitator | Board game geek | @laurieontech on twitter
You're right, but getting things working is the first step. Using the concepts above to adjust that design to look more elegant on other screen sizes is made easier from that starting point.
Software dev at Netflix | DC techie | Conference speaker | egghead Instructor | TC39 Educators Committee | Girls Who Code Facilitator | Board game geek | @laurieontech on twitter
While mobile first will allow it to "work" on other devices, it won't be a good UI. Phone interfaces are not the same as tables are not the same are large displays.
It's difficult to create one layout that will work across sizes. Documents are the easier to translate. Applications are the harder to translate.
It's not difficult, it just requires more planning and creative thinking! I'm building a web app which looks perfect on each device while still using the same components without any crazy hacks (with just HTML & SCSS!) I might be able to share some photos. :)
You're right, but getting things working is the first step. Using the concepts above to adjust that design to look more elegant on other screen sizes is made easier from that starting point.
Desktop
Mobile
(Icons look a bit weird on desktop, dunno why tho)
That looks awesome! Nice work!