Tag / responsive

shawn.blais

Shawn has worked as programmer and product designer for over 20 years, shipping several games on Steam and Playstation and dozens of apps on mobile. He has extensive programming experience with Dart, C#, ActionScript, SQL, PHP and Javascript and a deep proficiency with motion graphics and UX design. Shawn is currently the Technical Director for gskinner.

@tree_fortress

by shawn.blais

Flutter: sized_context – An easier way to access MediaQuery.size!

After sharing our simplified screen size detection example to reddit last week, we received a great suggestion from the community: the concept would work better as a set of extension methods.

The original thought was to add the methods to MediaQuery, which didn’t seem that appealing because it would still be quite verbose to access. Then we realized we could just use the build context directly, which turned out really nice! So nice, that we’ve gone ahead and created a package for it here: https://pub.dev/packages/sized_context.

Continue reading →
by Lanny McNie

Thoughts on Responsive “Art Direction”

In the creative community, there are discrepancies in how people use design-related lexicon. Terms like “Creative Direction”, “Asset Production”, and “Design” are often used interchangeably and inaccurately. It can be confusing.

“Art direction” in particular, means different things to different people, and there’s a recent trend in using this term to describe specific processes surrounding the production of scalable assets in responsive systems.

For example, according to the Google Developer’s documentation on responsive images:

“[c]hanging images based on device characteristics, also known as art direction can be accomplished using the picture element. The picture element defines a declarative solution for providing multiple versions of an image based on different characteristics, like device size, device resolution, orientation, and more”. – Google Developer Documentation.
Continue reading →