To access all our features please use the Goodpods app.
Open the app
All of the Above: Design, Code, and Learning
Sam Bantner, Bryan Brush, Sean Patrick John Paul George Ringo Doran
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
iTunes • Overcast • TuneIn • Pocket Casts • RSS
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,...
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
iTunes • Overcast • TuneIn • Pocket Casts • RSS
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:
- Atoms
- Molecules
- Organisms
- Templates
- 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 ...
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
iTunes • Overcast • TuneIn • Pocket Casts • RSS
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
Episode 30: Memories, with Sam Bantner
In this episode:
Recorded in a car filled with mosquitos in Maine, Sam explains how externally storing our memories let's us remember more.
SUBSCRIBE WITH
iTunes • Overcast • TuneIn • Pocket Casts • RSS
Show Notes & Links
Sam Bantner pulling out all the stops.
Feedback:
How did you enjoy this episode? We hope you loved it, but we're curious to know what you thought.
Review on iTunes
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
iTunes • Overcast • TuneIn • Pocket Casts • RSS
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 ...
28: Fitness
All of the Above: Design, Code, and Learning
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
iTunes • Overcast • TuneIn • Pocket Casts • RSS
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...
27: WWDC 2015
All of the Above: Design, Code, and Learning
06/09/15 • 43 min
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
iTunes • Overcast • TuneIn • Pocket Casts • RSS
Show Notes & Links
iOS Apps Mentioned
Audio Scrobbler
Beats Music
Clear
Digg
Getty Images
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
Your personal magazine
Apple
iBooks Author
iCloud
Apple News Publisher
Apple
iAd
Facebook Instant Articles
Wired
Apple’s News App Takes Aim at Facebook
Apple
Making a Podcast
26: Travel
All of the Above: Design, Code, and Learning
06/03/15 • 48 min
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
iTunes • TuneIn • Pocket Casts • RSS
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
@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
25: Comedy, with 3G3Q
All of the Above: Design, Code, and Learning
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
iTunes • TuneIn • Pocket Casts • RSS
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 WebsiteShow 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
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
iTunes • Overcast • TuneIn • Pocket Casts • RSS
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