To access all our features please use the Goodpods app.

Open the app

headphones

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.
 ...more

All episodes

Best episodes

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

Best episodes ranked by Goodpods Users most listened

Episode 33: Vector v. Raster, with Sean Doran

In this episode:

Ever hear the words "vector" and "raster," when talking about graphics, but wondered what that actually meant? In this quick episode, Sean goes over the technical differences between the two, when each image type should be used, and how to optimize them.

SUBSCRIBE WITH

iTunesOvercastTuneInPocket CastsRSS


Show Notes & Links

Apps & Tools Mentioned

Sketch 3 by Bohemian Coding

Adobe Illustrator CC

Inkscape

Affinity Designer

Pixelmator

Adobe Photoshop CC

Gulp.js

Grunt.js

ImageOptim

Alfred


Intro

Since I recently taught a 2 hour workshop on Sketch 3, I wrote a couple of emails to the attendees the week leading up to the class in preparation for what they’d be learning. In the workshop I was showing them how to use Sketch 3 as a tool, and how to take advantage of what it has to offer, while also highlighting what areas Sketch isn’t good at. I didn’t have time to give an introduction to design basics, so that’s what these emails were for.

Sketch 3: A-Z was a one-week workshop that gave attendees the principles for designing modern day websites, and how they could get up and running with Sketch 3 as a new design tool to see their ideas come to life.

Before I begin, a big thank you to Kevin Mack and Columbus Web Group for putting on these Weekend Workshops. They are free, open to the public, and are meant to offer accessible education that isn’t your traditional schooling route. The monthly free meetups make for great networking events, educational opportunities, and an all around fun time. I can’t recommend them enough.

Scooby Doo after a couple of Scooby snacks

With programs such as Sketch 3, Adobe Illustrator, Affinity Designer, InkScape, we have what are called vector-based applications. So what I mean by vector-based is that it is based on points: tiny dots that have an X and Y coordinate. If you think back to grade school, you probably had graph paper and were told to put dots at certain (X,Y) coordinates. After all the dots were on the paper, you would connect the dots with a line in a certain order, and you’d end up with a drawing!

Sketch 3, and any design program that can handle vectors, takes that same graph paper concept, and steps it up a notch. Here's a lovely SVG just for you.

Vector graphics uses geometrical objects, like points, lines,...
bookmark
share episode

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
share episode

Episode 31: Flipped Classrooms, with Bryan M Brush

In this episode:

Bryan goes solo this episode and looks at a growing trend in instructional design known as the flipped classroom. He discusses not only its origins and advantages, but also its pitfalls. By the end of this brief episode you should be able to make sense of what exactly a flipped classroom is.

SUBSCRIBE WITH

iTunesOvercastTuneInPocket CastsRSS


Show Notes & Links

Wikipedia

Educational Technology

Teach Thought

Blended Learning

YouTube

The Fresh Prince of Bel Air Theme Song (Full Song)

eLearners

Synchronous vs. Asynchronous Classes

Expanding Learning

The Rise of Any Time, Any Place, Any Path, Any Pace Learning: Afterschool and Summer as the New American Frontier for Innovative Learning

Harvard Magazine

Twilight of the Lecture

JSTOR

From Sage on the Stage to Guide on the Side by Alison King

The Huffington Post

American Teachers Spend More Time In The Classroom Than World Peers, Says Report

National Education Association Today

Teachers Win Fight For More Planning Time

Edutopia

A New Understanding of the Digital Divide

The Washington Post

Technology won’t fix America’s neediest schools. It makes bad education worse.


Feedback

How did you enjoy this episode? We hope you loved it, but we're curious to know what you thought.

Rate on iTunes
bookmark
share episode

Episode 29: Community, with Joe Darnell

In this episode:

We have Joe Darnell subbing in for Bryan this week to talk about community. We look at what a community is in both the on- and offline world, and how we can use algorithms to uncover these communities.

SUBSCRIBE WITH

iTunesOvercastTuneInPocket CastsRSS


About Our Guest: Joe Darnell

A fellow podcaster, Joe Darnell has a vested interest in logo design and branding for online and print media. He's especially keen on attention to detail and productive workflows. Altogether, Joe has 15+ years of experience in graphic design, video editing, and audio production. Not too long ago, he was the creative director at one place, and then another. For now, Joe works alone, like Batman. For listeners of All of the Above, his TechTonic podcast is right up your alley.

You can find him on Twitter @_JoeDarnell


Show Notes & Links

Apps Mentioned

Khan Academy

Instapaper

Square Cash


Intro

MovieByte

We review movies and TV shows, aggregate movie and TV news, offer opinions and analysis, and most of all have good fun and great discussion.

Top Brew

A podcast best served fresh.

TechTonic

The Seismic Shifts in Technology Culture

Urban Dictionary

Upper Echelon


Bryan: Community’s Impact on Learning (Starts at: 3:22)

Technology has expanded our sense of the word community. Previously we may only have thought of a community as a town or neighborhood. Such a definition is centered around mostly a shared geographical location. Today communities can refer to a group that shares similars interests, needs or responsbilities without any concern for distance or even time (Rosenberg, 2005).

And in turn it seems that we are seeing the idea of communities mentioned more and more in both education and workplace training. More specifically we are seeing the idea of communities of practice. For example you may see Nursing students getting together to study, have regular discussions, share experiences, and ask each other for help. That can then expand beyond just students to also include educators, practicitioners, and experts in the field joining in on the discussion, offering advice and wisdom, and serving as mentors.

The act of building and joining a community has also been shown to bring about increased motivation, engagement, and better performance academically as well as in the workplace (Mac, Ivan, Reuman, & Main, 1995). So I am interested to hear if you all have stories in which joining or building a community impacted you and your education.


Joe: Characteristics & Forms of Community (Starts at 4:20)

Penn State

Exploring the idea of Community

Macworld

Steve Jobs: Making a dent in the universe

Statesman ...

bookmark
share episode

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
share episode

Episode 27: WWDC 2015

In this episode:

After an interesting keynote for WWDC 2015, Bryan, Sam and Sean talk pick the one thing that interested them the most, and go deep into Apple News, Swift 2.0, and Apple Music.

SUBSCRIBE WITH

iTunesOvercastTuneInPocket CastsRSS


Show Notes & Links

iOS Apps Mentioned

Audio Scrobbler

Beats Music

Clear

Digg

Flipboard

Getty Images

LinkedIn

Nuzzel

Rdio

Spotify

Mac Apps Mentioned

Clear

Getty Images Stream

iBooks Author


Intro

The Verge

Apple’s WWDC 2015 — Catch-up

The Next Web

Apple’s new developer program may actually bring more extensions to Safari

Daring Fireball

Live from WWDC 2015, with special guest Phil Schiller


Bryan: Apple News (Starts at 1:58)

Engadget

Apple News app brings ‘beautiful’ personalized content to iOS

All of the Above

Magazines, with Jacob Tender

Digg Reader

Digg’s RSS Reader

Flipboard

Your personal magazine

Apple

iBooks Author

iCloud

Apple News Publisher

Apple

iAd

Facebook

Facebook Instant Articles

Wired

Apple’s News App Takes Aim at Facebook

Apple

Making a Podcast

bookmark
share episode

Episode 26: Travel

In This Episode:

This week we become your digital travel agents and discuss cosmopolitanism as a tool for education, the many, many, many design aspects of luggage, and the technologies we use on our journeys. Oh, and we talk about toothpaste too. So much toothpaste.

SUBSCRIBE WITH

iTunesTuneInPocket CastsRSS


Show Notes & Links

Apps Mentioned

Overcast

Transit

Waze

Car2Go

Ariadne GPS


Intro

Nelsonville Music FestBunbury Music Festival


Bryan: The Cosmopolitan Education (Starts at 2:28)

Wikipedia

Nighthawks by Edward Hopper

Taylor & Francis Online

Travel: Education: School: Education by Neith E. Headley

Rick Santorum

Official Website

Take Back America

The official Rick Santorum for President theme song. Also on SoundCloud

The Bugle Podcast

Episode 183 — Bugle Lady Special

Bloomberg

Rick Perry has a Rap-Country Campaign Song

All of the Above

Episode 017: Maps, with Graham Welling

Twitter

@TrevorPaxton — Sam’s friend in China

Bloomberg

Trash Troubles Pile Up in China


Sean: Luggage (Starts at 15:00)

The Wirecutter

The Best Carry-on Luggage

Amazon

Humangear GoToob Travel Bottle

The Wall Street Journal

Too many tooths!

YouTube

BuzzFeed: Everyday Things Women Pay More For Than Men

Amazon

Nalgene Bottles

bookmark
share episode

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
share episode

Episode 34: None of the Above | The Hiatus Episode

In this Episode:

This isn't a goodbye, this is a "see you later" as we blastoff into the sunset, sailing through the atmosphere with reckless abandon.

Subscribe With

iTunesOvercastTuneInPocket CastsRSS


Sunset by Nick Slater

Episode Artwork Inspiration

Nick Slater is an amazing illustrator that you should definitely follow. He is prolific, has an identifiable aesthetic, and is always delivering high quality work. I remembered seeing this illustration a month ago, and it instantly popped in my head when trying to come up with something as we "sunset" our podcast. Also, Professor Blastoff.


Show Notes & Links

Sean Patrick John Paul George Ringo Doran

Sam Jebediah Bantner

Bryan M Brush


The Final Feedback

How did you enjoy this episode? It was short, and sweet, and we might not make any more — but rating it on iTunes is forever.

Review on iTunes
bookmark
share episode