ShopTalk

153: With Mark Otto


Listen Later

Mark Otto is the creator of of Bootstrap. He currently designs at GitHub, and previously worked at Twitter.
Mark shared the origin story of Bootstrap and why there are so many websites made with it. We also discussed some of the other frameworks, Flexbox, and more.
We talked about (roughly in order):
Q & A:
28:27 When you’re building a responsive layout, do you use only one version of HTML markup and use CSS media queries to get the rest of the job done? Or do you you use javascript or other libraries to move HTML elements around to achieve different layouts?
32:33 I am using Angular JS to build a web site and am looking for good libraries to “pretty it up”. Would you recommend Bootstrap, Angular UI, JQuery UI, or is there something else I should be looking at?
38:20 Any plans of adding Flexbox to Bootstrap?
42:59 There is no debate that the table element and its children in HTML are not appropriate for layout design for many reasons, the most significant being semantics. However, has the jury decided the merits of using display: table, table-cell, etc. in CSS to provide layout for HTML elements?
46:29 Are there any ways to reduce the size of jQuery?
54:40 I’m building a gallery webpage with sorting. I’m going to have a lot of images (thousands) and I obviously don’t want it to take forever to load. What is the best way to design this that will run efficiently? Ajax?
57:42 Is there a reason that Google Fonts use HTTP rather than HTTPS?
Sponsors:
26:25 E4H: Responsive Web Design Summit – Environments for Humans brings together some of the Web’s most notable experts in responsive web design and web performance for an all-new, three-day online conference, the RWD Summit 2015! Bring the experts to your desktop March 10-March 12, 2015 from 9AM to 4PM (CT)
Use coupon code SHOPTALK for 20% off your ticket!
35:40 Invision – InVision is the fastest, most intuitive way to bring your design vision to life in beautiful prototypes—without a single line of code. So it’s easy to present designs, gather feedback, and user test, all on one platform. And right now, you can get 3 months of our Start plan absolutely free.
Get 3 free months of InVision Starter so you can prototype, collaborate, and iterate on up to 3 projects. Did we say it’s free? It’s free! Get started: invisionapp.com/signup/shoptalk
Show Links:
Mark Otto
Follow Mark on Twitter
Bootstrap
Dave Rupert: Mini Bootstraps
Omnigraffle
Sketch
WTF Forms
Flexbox Grid
Bob’s Burgers
Un CSS
jQuery Builder
Shoestring js
JSBin
If you’re looking for a job, head over to the Shoptalk Job Board. We just posted a bunch of great new jobs!
If you’re enjoying our show, please take a minute to leave us a review in iTunes. We really appreciate it, and thanks to everyone who has already left a review!
...more
View all episodesView all episodes
Download on the App Store

ShopTalkBy Chris Coyier & Dave Rupert

  • 4.9
  • 4.9
  • 4.9
  • 4.9
  • 4.9

4.9

502 ratings


More shows like ShopTalk

View all
The Changelog: Software Development, Open Source by Changelog Media

The Changelog: Software Development, Open Source

290 Listeners

Decoder with Nilay Patel by The Verge

Decoder with Nilay Patel

3,151 Listeners

Daily Tech News Show by Tom Merritt

Daily Tech News Show

1,392 Listeners

Software Engineering Daily by Software Engineering Daily

Software Engineering Daily

624 Listeners

Soft Skills Engineering by Jamison Dance and Dave Smith

Soft Skills Engineering

284 Listeners

Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Syntax - Tasty Web Development Treats

984 Listeners

REWORK by 37signals

REWORK

210 Listeners

Darknet Diaries by Jack Rhysider

Darknet Diaries

8,016 Listeners

The freeCodeCamp Podcast by freeCodeCamp.org

The freeCodeCamp Podcast

484 Listeners

Practical AI by Practical AI LLC

Practical AI

213 Listeners

The Stack Overflow Podcast by The Stack Overflow Podcast

The Stack Overflow Podcast

62 Listeners

PodRocket by LogRocket

PodRocket

58 Listeners

Whiskey Web and Whatnot: Web Development, Neat by RobbieTheWagner, Charles William Carpenter III, Adam Argyle, and The Radcast Network

Whiskey Web and Whatnot: Web Development, Neat

53 Listeners

The Startup Ideas Podcast by Greg Isenberg

The Startup Ideas Podcast

205 Listeners

Oxide and Friends by Oxide Computer Company

Oxide and Friends

59 Listeners