Log in

goodpods headphones icon

To access all our features

Open the Goodpods app
Close icon
headphones
All of the Above: Design, Code, and Learning

All of the Above: Design, Code, and Learning

Sam Bantner, Bryan Brush, Sean Patrick John Paul George Ringo Doran

The weekly show where an instructional designer, a software engineer, and a user experience designer pick apart the world, one topic at a time.
Share icon

All episodes

Best episodes

Top 10 All of the Above: Design, Code, and Learning Episodes

Goodpods has curated a list of the 10 best All of the Above: Design, Code, and Learning episodes, ranked by the number of listens and likes each episode have garnered from our listeners. If you are listening to All of the Above: Design, Code, and Learning for the first time, there's no better place to start than with one of these standout episodes. If you are a fan of the show, vote for your favorite All of the Above: Design, Code, and Learning episode by adding your comments to the episode page.

All of the Above: Design, Code, and Learning - 006: Calendars

006: Calendars

All of the Above: Design, Code, and Learning

play

01/07/15 • 46 min

Episode 006: Calendars

In This Episode

Time. Is it a real thing, or just a way to keep our sanity? Listen in to find out as we talk about wearing foambreros as we present "the bird" to the syllabus, comparing new and old age time tracking methods, all while going through a bit of time dilation. Sean may even squeal like a pig.

If you haven't already, subscribe on iTunes.

Show Notes

Follow All of the Above Podcast's board Episode 006: Calendars on Pinterest.

Intro

Bryan: How we shouldn’t schedule classes (Starts at 5:38)

Sean: Calendars as memory collectors (Starts at 17:50)

bookmark
plus icon
share episode
All of the Above: Design, Code, and Learning - 004: About Bryan Brush

004: About Bryan Brush

All of the Above: Design, Code, and Learning

play

01/02/15 • 33 min

Episode 004: About Bryan Brush

In This Episode

We learn more about the Russian-speaking educational mastermind, Bryan Brush. He's the whipped cream to your existence, making you feel better as you realize your full potential. Hopefully he will remember this episode later in life.

Show Notes

Follow All of the Above Podcast's board Episode 004: About Bryan Brush on Pinterest.

Subscribe on iTunes
Listen on SoundCloud

bookmark
plus icon
share episode
All of the Above: Design, Code, and Learning - 002: About Sean Patrick John Paul George Ringo Doran

002: About Sean Patrick John Paul George Ringo Doran

All of the Above: Design, Code, and Learning

play

12/30/14 • 26 min

bookmark
plus icon
share episode
All of the Above: Design, Code, and Learning - 32: The Web Design Equation, with Sean Doran

32: The Web Design Equation, with Sean Doran

All of the Above: Design, Code, and Learning

play

07/20/15 • 17 min

Episode 32: The Web Design Equation

In this episode:

Feeling overwhelmed with your web design project? Too many things to keep track of? Today Sean shares the system he uses to manage projects — keeping him focused on solving problems instead of worrying about what he’s missing.

Subscribe With

iTunesOvercastTuneInPocket CastsRSS


Show Notes & Links

Apps & Tools Mentioned

Pattern Lab

Sketch 3 by Bohemian Coding

Sketch Toolbox

Sketch Mirror by Bohemian Coding


Designing like a Mathematician

Whether it’s designing a website, a mobile app, or something in between, there are five parts to the design equation: Constants, Variables, Constraints, Maximums, and Minimums. When confronted with a large project, it’s helpful to identify what bucket each element of the screen falls into. From there, it’s easier to iterate and refine towards a final solutions. So let’s explore these in a little more detail.

But before we can explore those ideas in more detail, there’s one methodology that will help you out immensely: Atomic Design

Unlike print design, designing digital products, e.g., websites, apps, lend themselves to so many variables that are outside of your control that it can get overwhelming.

But First, Biology and Atomic Design

Atomic Design is a concept that Brad Frost first presented in 2013, and has been refining ever since — even creating Pattern Lab, a tool to help implement this approach to front-end web development. It breaks down the web page into 5 different building blocks:

  1. Atoms
  2. Molecules
  3. Organisms
  4. Templates
  5. Pages

The idea behind Atomic Design is to create reusable patterns through combining atoms, molecules, and organisms to create templates. With these templates, they can be translated into specific pages. The deeper dive into what each group is, and how it’s defined can be found on Pattern Lab’s about page. For a basic overview:

Atoms

These are the single solitary building blocks of a web page. These would be your headers (h1’s and h2’s) , buttons, and input fields. Just single entities that live by themselves.

Molecules

Take one atom, and combine it with another atom. There’s your molecule. It can have more than two atoms, but the goal is that the molecule performs one function, and it performs it well. Take a block quote with a citation at the end of it. That would be combining the block quote atom with the citation atom to create that molecule.

Organisms

Organisms are combinations of molecules and/or atoms. The best example of an organism would be a header. You have navigation (atom), a logo (atom), a search box, input text, and a search button (all together a molecule). This fits right in with what an organism should be.

Template

This would be a fully composed layout of what kinds of information should be displayed on the page, but not actually filled in with information. T

Page

Now, if you are to take a look at your Facebook Profile, you can see everything that I just mentioned, but filled out with content that makes it a real page.


Onto the Equation

Now that you know what atomic design is, and how it helps you to identify and design reusable patterns, let’s get into the nitty gritty.

Constants

When working in an agile environment, it sometimes feels as if the only constant is change itself. But within a project, there are things that become staples and will never change, or at least they hopefully won’t change for an extended period of time.

Constants can be items such as:

  • Brand Logo
  • Company or Product Name
  • Color Palette
  • Typography
  • Existing Content

These are more or less the essentials to a basic website

Other than those basic fundamental parts of a web design, there are tons of other constants that are used within ...

bookmark
plus icon
share episode
All of the Above: Design, Code, and Learning - 28: Fitness

28: Fitness

All of the Above: Design, Code, and Learning

play

06/17/15 • 25 min

Episode 28: Fitness

In this episode:

We explore how physical fitness can help you become more mentally fit, why it's important to design your life around fitness for a healthy lifestyle, and digital solutions to tracking your activity.

SUBSCRIBE WITH

iTunesOvercastTuneInPocket CastsRSS


Show Notes & Links

Apps Mentioned

Nike+ Running

Boozed? Widget for easy blood alcohol calculations


Bryan: Exercise and the Ability to Learn

HarVard Medical School

Regular exercise changes the brain to improve memory, thinking skills

The New York Times

How Exercise Can Help Us Learn

Amazon

Revenge of the Nerds

Study.com

What are the Roles of a Teacher?

National Center for Biotechnology Information (NCBI)

Mandatory School Vaccinations: The Role of Tort Law

Amazon

Spark: The Revolutionary New Science of Exercise and the Brain


Sean: Fitness as a Lifestyle

iTunes

How I Met Your Mother

SongKick

Mae, All Get Out, Mike Mains & the Branches

Skully’s Music Diner, Columbus, OH

SlideShare

Beliefs, Values, and Attitudes

iTunes

Freakonomics: Should We Really Behave Like Economists Say We Do?

Wikipedia

Cognitive Dissonance

Buffer

How Our Brains Stop Us Achieving Our Goals and How to Fight Back


Sam: Tracking Fitness Goals

Apple

Apple Watch Health & Fitness

Nike

Track, get motivated, and improve with the ultimate running app

Wikipedia

Peter Drucker

Stanford Social Innovation Review

Social Entrepreneurs Must Stop Throwing Starfish

9to5Mac

Apple will support reproductive health tracking with HealthKit in iOS 9

Boozed?

An iPhone Widget for easy blood alcoho...

bookmark
plus icon
share episode
All of the Above: Design, Code, and Learning - 25: Comedy, with 3G3Q

25: Comedy, with 3G3Q

All of the Above: Design, Code, and Learning

play

05/26/15 • 54 min

Episode 25: Comedy, with 3G3Q

In this episode:

We have a full house with fellow podcasters from 3G3Q on to talk about comedy. Bryan wonders if comedy and education can mix, Sean ponders the value of Vine and Twitter as comedic platforms, and Sam is right on time.

SUBSCRIBE WITH

iTunesTuneInPocket CastsRSS


About 3G3Q (3 Guys, 3 Questions)

Three guys ponder the finer things in life by asking each other weird questions. Each week Aaron, Adam, and Andrew compete to seem the most normal while answering questions about their fears, pet-peeves, and idiosyncrasies.

Official Website

Show Notes & Links

Intro

Amazon

A respectable bell

Hulu (sign up)

More cowbell

Roderick on the Line

Merlin Mann’s frank and candid weekly call with John Roderick of the Long Winters

Myke Hurley

Relay FM & Bionic + Bonanza Fame

Wikipedia

Liberty Bell


Bryan: Humor in Education (Starts at 3:29)

Hoaxes.org

Marshmallow Farming is very serious (YouTube)

App Store

Tinder

Rate My Teachers

Helping you schedule your college classes since it's inception

Closer Weekly

Can Whoopi Goldberg Save ‘The View’ After Rosie O’Donnell’s Departure? This is serious.

Tv Tropes

Passing the Torch


Sean: Vine & Twitter for the Laughs (Starts at 11:30, 12:02, or 12:20)

BuzzFeed

27 Comedians On Twitter Who Are Funnier Than You

Vine

Comedy

Wikipedia

Chaff

Wikipedia

Cruft

Wikipedia

Kernel (operating system)

Wikipedia

Corn kerel

Daring Fireball

Barvd: 2014 in Review (Favrd)

The Atlantic

Flash Fiction

Mike Birbiglia

A storytelling funny person

iTunes

Mike Birbiglia

Maximum Fun

Bullseye with Jesse Thorn: Sam Elliott & Kay Cannon

YouTube

Bill Cosby - Himself

IMDB

Tina Fey

IMDB

30 Rock

IMDB

Unbreakable Kimmy Schmidt

YouTube

That one guy that laughs too hard...

Judah Friedlander

The World Champion

bookmark
plus icon
share episode

All of the Above: Design, Code, and Learning - 013: The Cloud

013: The Cloud

All of the Above: Design, Code, and Learning

play

02/24/15 • 43 min

Episode 013: The Cloud

In This Episode:

We explore what the cloud really is, how all the things on the Internet are crazy, and weigh the pros and cons for education's reliance on third parties for their friendly neighborhood cloud necessities.

SUBSCRIBE WITH

iTunesTuneInPocket CastsRSS


Show Notes & Links

Intro

Mashable at 0:45

This fierce blizzard has made February Boston’s snowiest month ever


Sean: Tackling the Cloud (Starts at 2:09)

Gizmodo at 2:37

What is “the Cloud” — and Where is it?

PC World at 3:12

iCloud vs. iTunes backups: The crucial differences that affect your data

Research Agenda in Cloud Technologies at 3:55Information Architects (iA) at 4:18

iCloud’s previous over-simplification of file hierarchy

The Economist at 4:55

Jennifer Lyn Morone incorporates herself

Quartz at 5:00

You own it, but Facebook can still use it

YouTube Help Center at 5:18

This new rule about paid product placements caused a stir

Ars Technica at 5:30

Old article about Facebook’s “deleted” photo challenge

Snapchat’s Corporate Blog at 5:45

How Snaps are Stored and Deleted

Jennifer Mack at 5:50

How the Library of Congress receives Twitter’s firehose, and what that really means for deleted tweets

Terms of Service; Didn’t Read (TOS;DR) at 6:00

A nice project that aims to help people with long Terms of Service agreements by giving them grades

Wikipedia at 6:30

Cloud computing

Apple at 6:50

Free hour-long workshops

Apple at 7:00

iCloud

iGeeksBlog at 7:20

Step 8: Do a satanic ritual

Apple Support at 7:42

My Photo Stream FAQ

Connected at 8:26

#25: The Microsoft of Ourselves

Apple at 8:40

iCloud Drive

Apple Support at 9:20

OS X Yosemite: Manage iCloud storage

YouTube at 10:19

Surprise.

Wikipedia at 11:00

The Rat Pack

Dropbox Help Center at 11:...

bookmark
plus icon
share episode
All of the Above: Design, Code, and Learning - 011: Personalities

011: Personalities

All of the Above: Design, Code, and Learning

play

02/10/15 • 39 min

Episode 011: Personalities

In This Episode:

This week we take a look at the strange world of personalities. Bryan kicks things off by discussing learning styles and whether or not they really have an impact on us or not. Sean discusses the interesting challenge of designing for apps and platforms that have a personality of their own, and how we design for the personality of our users. Finally, Sam closes things out by considering how we quantify and group personalities through various tests such as the Myers-Briggs, DISC, and the Big Five.

Subscribe With

iTunesTuneInPocket CastsRSS


Show Notes & Links

Intro


Bryan: Learning Styles (Starts at 1:53)


Sean: Designing for, and with, Personality (Starts at 11:58)

bookmark
plus icon
share episode
All of the Above: Design, Code, and Learning - 010: Retrospective

010: Retrospective

All of the Above: Design, Code, and Learning

play

02/03/15 • 38 min

Episode 010: Retrospective

In This Episode:

This will be a different kind of episode. Since we cover a lot on this show, and sometimes in a very short span of time, we wanted to take a look back at what we have learned and what new ideas came from those discoveries. It also gives our new listeners a chance to jump right in without feeling they have missed too much.

This is an experiment, so let us know if you like it or not. If it is something that you seem to enjoy then we will start doing these at regular intervals to help keep everyone up to date in case they missed an episode or two. Just let us know.

Subscribe With

iTunesTuneInPocket CastsRSS


Show Notes, Links, and Free Resources

5 Days a Week (Starts at 1:00)


Episode 005: Podcasts (Starts at 4:15)


Download the Podcast Survey Results

Excel Numbers PDF CSV

Episode 006: Calendars (Starts at 7:55)


Episode 007: Messaging (Starts at 9:50)


Episode 008: eBooks, with Connor Mason (Starts at 11:07)

bookmark
plus icon
share episode
All of the Above: Design, Code, and Learning - 007: Messaging

007: Messaging

All of the Above: Design, Code, and Learning

play

01/13/15 • 41 min

Episode 007: Episode

In This Episode:

Continuing our series inspired by stock iOS apps, we tackle messaging and how our human brains can't handle it. Sean explores the world of sensors and the additional contextual information they provide, while Sam is obsessed with emoji. We get deep with Bryan and how we are constantly connected. We don't mean to make you depressed, but it might happen. Oh, and Pokémon.

If you haven't already, subscribe and rate us on iTunes so you can enjoy us every week, and so other people can find us as well!

Show Notes & Links:

Follow All of the Above Podcast's board Episode 007: Messaging on Pinterest.

Intro

Sean: Messaging with Context (Starts at 2:05)

Sam: Emoji and Unicode (Starts at 10:20)

bookmark
plus icon
share episode

Show more best episodes

Toggle view more icon

FAQ

How many episodes does All of the Above: Design, Code, and Learning have?

All of the Above: Design, Code, and Learning currently has 36 episodes available.

What topics does All of the Above: Design, Code, and Learning cover?

The podcast is about Podcasts and Arts.

What is the most popular episode on All of the Above: Design, Code, and Learning?

The episode title '33: Vector v. Raster, with Sean Doran' is the most popular.

What is the average episode length on All of the Above: Design, Code, and Learning?

The average episode length on All of the Above: Design, Code, and Learning is 34 minutes.

How often are episodes of All of the Above: Design, Code, and Learning released?

Episodes of All of the Above: Design, Code, and Learning are typically released every 7 days.

When was the first episode of All of the Above: Design, Code, and Learning?

The first episode of All of the Above: Design, Code, and Learning was released on Dec 22, 2014.

Show more FAQ

Toggle view more icon

Comments