Episode 20 - Exploring Mobile First and Responsive Design

Junior Developer Toolbox

Content provided by Erin Orstrom and Dave Harned. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Erin Orstrom and Dave Harned or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.

6y ago 45:09

MP3•Episode home

Archived series ("Inactive feed" status)

When? This feed was archived on August 22, 2019 02:31 (4+ y ago). Last successful fetch was on June 21, 2019 15:10 (5y ago)

Why? Inactive feed status. Our servers were unable to retrieve a valid podcast feed for a sustained period.

What now? You might be able to find a more up-to-date version using the search function. This series will no longer be checked for updates. If you believe this to be in error, please check if the publisher's feed link below is valid and contact support to request the feed be restored or if you have any other concerns about this.

This week we’re talking about the history of mobile devices, and how they have affected different aspects of and approaches to software development.

“Sharpening the Tools”
————–

Erin:

Shifting into a full-time mindset. Not having to track hours and turn them in. Getting all my ducks in a row with health benefits and 401ks and what not.

Dave:

…Learning about site performance, and page load optimization, which we’ll get into more detail later in this episode. But my past week has been finding new ways to get web assets to load as quickly as possible, to provide a good user experience.

Shout Outs:
Teddy Williams – is a self taught developer who recently landed his first developer job. He listed out various resources and tools he found along his journey, and mentioned that he enjoyed Junior Developer Toolbox! Thank you so much for the shout out, Teddy! Congratulations, and we’re wishing you good luck on your new gig!

“Opening the Toolbox”

What is mobile first? Generally speaking, it’s an approach to “responsive” design that prioritizes building for smaller screens or resolutions before scaling up to larger screens.

History of mobile first

- Remembering “Mobile Web”
- Steve Jobs unveils iPhone, 2007
Remembering our experiences
How to accommodate a wide range of devices
- Separate pages for mobile
- “Responsive design”
  - Grid System
  - Fluid Images
  - Media Queries
2011, Luke Wroblewski
- Gradual degradation v. progressive enhancement
- Bootstrap 4
- Example: http://erinorstrom.com/Full_Stack_Conf_Site/
More than just design / development
- Affects other aspects of project management, testing, etc
- Optimization
- Really understanding / prioritizing your user

References
==========

Bootstrap 4 Basics on Treehouse:

https://teamtreehouse.com/library/bootstrap-4-basics-2

Responsive Layouts on Treehouse:

https://teamtreehouse.com/library/responsive-layouts

You can reach us at helloworld@juniordevelopertoolbox.com

Facebook: Junior Developer Toolbox

Twitter: @JrDevToolbox

Instagram: JuniorDeveloperToolbox

40 episodes

#Tech #Tech News #Tech Tips