The latest articles on DEV Community by Flutter FYI (@flutter_fyi). https://dev.to/flutter_fyi https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F647745%2Fa974d9ae-a512-4175-9ed8-f3efcc5e5895.jpeg https://dev.to/flutter_fyi en Flutter FYI Wed, 26 May 2021 03:03:31 +0000 https://dev.to/flutterfyi/hello-world-5g51 https://dev.to/flutterfyi/hello-world-5g51 <p>Apparently my namesake Twitter account is celebrating a birthday today. So I thought I should do something special.</p> <blockquote class="ltag__twitter-tweet"> <div class="ltag__twitter-tweet__media"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3Q8Osv-N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://pbs.twimg.com/media/E3mhxs7WYAQGNKI.jpg" alt="unknown tweet media content"> </div> <div class="ltag__twitter-tweet__main"> <div class="ltag__twitter-tweet__header"> <img class="ltag__twitter-tweet__profile-image" src="https://res.cloudinary.com/practicaldev/image/fetch/s--Bx_zGQRg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://pbs.twimg.com/profile_images/1006149992220786690/5muv1jIi_normal.jpg" alt="Flutter FYI | #VisualFlutter profile image"> <div class="ltag__twitter-tweet__full-name"> Flutter FYI | #VisualFlutter </div> <div class="ltag__twitter-tweet__username"> @flutterfyi </div> <div class="ltag__twitter-tweet__twitter-logo"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ir1kO05j--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/twitter-f95605061196010f91e64806688390eb1a4dbc9e913682e043eb8b1e06ca484f.svg" alt="twitter logo"> </div> </div> <div class="ltag__twitter-tweet__body"> Time flies fast when you're fluttering<br>Apparently I'm three years old today.<br>Happy birthday to me...<br>I really should do something nice to celebrate 🤔<br><br><a href="https://twitter.com/hashtag/MyTwitterAnniversary">#MyTwitterAnniversary</a> </div> <div class="ltag__twitter-tweet__date"> 12:38 PM - 11 Jun 2021 </div> <div class="ltag__twitter-tweet__actions"> <a href="https://twitter.com/intent/tweet?in_reply_to=1403330833834983431" class="ltag__twitter-tweet__actions__button"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--fFnoeFxk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/twitter-reply-action-238fe0a37991706a6880ed13941c3efd6b371e4aefe288fe8e0db85250708bc4.svg" alt="Twitter reply action"> </a> <a href="https://twitter.com/intent/retweet?tweet_id=1403330833834983431" class="ltag__twitter-tweet__actions__button"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--k6dcrOn8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/twitter-retweet-action-632c83532a4e7de573c5c08dbb090ee18b348b13e2793175fea914827bc42046.svg" alt="Twitter retweet action"> </a> <a href="https://twitter.com/intent/like?tweet_id=1403330833834983431" class="ltag__twitter-tweet__actions__button"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SRQc9lOp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/twitter-like-action-1ea89f4b87c7d37465b0eb78d51fcb7fe6c03a089805d7ea014ba71365be5171.svg" alt="Twitter like action"> </a> </div> </div> </blockquote> <p>Yep - I have a brand new <a href="https://flutter.fyi">website</a> to share my (re)learning journey with Flutter and Dart, starting with Flutter v2.2. I want to keep it simple and focused - here are the two main themes I will explore:</p> <h3> Development: Cross-Platform Apps </h3> <p>My earlier exploration of Flutter focused purely on mobile (Android/iOS) app development. My primary goal now is to revisit this in three contexts: </p> <ul> <li> <code>Language</code> | Build proficiency in Dart programming.</li> <li> <code>Cross-Platform</code> | Frontend experiences across mobile, web, desktop</li> <li> <code>Multi-Cloud</code> | Backend service integrations and tooling.</li> </ul> <h3> Design: Multi-Screen &amp; Foldable Devices </h3> <p>A secondary goal is to explore new <em>user experiences</em> enabled by foldable and multi-screen affordances. I see 3 areas for exploration:</p> <ul> <li> <code>Foldable Device, 1 screen</code>: Design for occlusion.</li> <li> <code>Foldable Device, Dual screen</code>: Design for spanning, side-by-side.</li> <li> <code>Multiple Devices</code>: Multi-screen 'coordinated' experiences.</li> </ul> <p>The former will focus on devices like the Microsoft Surface Duo, while the latter will explore ideas around 'companion' experiences for a ecosystem of smart things (e.g., TV, Auto, Wearables) within the Android ecosystem.</p> <p>Join me.</p> flutterfyi flutter dart programming