Become a Web Developer: Avi Flombaum of The Flatiron School on Big Web Show 89
AVI FLOMBAUM, dean of The Flatiron School, is my guest in Big Web Show Episode No. 89. A 28-year-old Rubyist, Skillsharer, storyteller and entrepreneur, Avi founded Designer Pages and NYC on Rails before creating The Flatiron School—a 12 week, full-time program designed to turn you into a web developer.
Listen to Episode No. 89 of The Big Web Show.
URLS, URLS, URLS
- The Flatiron School
- Huffington Post on Avi Flombaum
- Designer Pages
- NYC on Rails
- Skillshare Master Teacher
- Avi Flombaum on Linkedin
Big Web Show 77: @sazzy
IN EPISODE No. 77 of The Big Web Show, I interview returning guest Sarah Parmenter about designing an app for the homeless; the challenges of multi-device design; teaching HTML and CSS to young people; designing a complex reader app; the ideal number of employees for a small design studio; Brooklyn vs. small-town UK; and more.
The Big Web Show features special guests on topics like web publishing, art direction, content strategy, typography, web technology, and more. It’s everything web that matters.
Sarah Parmenter Photo by Pete Karl II.
Saul Bass pitches AT&T
Build Books With CSS3; Design a Responsive Résumé
“WE ARE ALL PUBLISHERS,” claims Issue No. 353 of A List Apart for people who make websites. Design books with CSS3; craft a responsive web résumé.
by NELLIE MCKESSON
While historically, it’s been difficult at best to create print-quality PDF books from markup alone, CSS3 now brings us the Paged Media Module, which targets print book formatting. “Paged” media exists as finite pages, like books and magazines, rather than as long scrolling stretches of text, like most websites. With a single CSS stylesheet, publishers can take XHTML source content and turn it into a laid-out, print-ready PDF. You can take your XHTML source, bypass desktop page layout software like Adobe InDesign, and package it as an ePub file. It’s a lightweight and adaptable workflow, which gets you beautiful books faster. Nellie McKesson, eBook Operations Manager at O’Reilly Media, explains how to build books with CSS3.
by ANDREW HOFFMAN
Grizzled job hunting veterans know too well that a sharp résumé and near-flawless interview may still leave you short of your dream job. Competition is fierce and never wanes. Finding new ways to distinguish yourself in today’s unforgiving economy is vital to a designer/developer’s survival. Happily, web standards whiz and mobile web developer Andrew Hoffman has come up with a dandy differentiator that is just perfect for A List Apart readers. Learn how to author a clean résumé in HTML5/CSS3 that scales well to different viewport sizes, is easy to update and maintain, and will never grow obsolete.
Illustration by Kevin Cornell for A List Apart.
Mike Monteiro’s “Design Is A Job” is finally available to buy or preview.
CO-FOUNDER of Mule Design and raconteur Mike Monteiro wants to help you do your job better. From contracts to selling design, from working with clients to working with each other, his brief book Design Is A Job is packed with knowledge you need to know. This is one of the most in-demand titles we at A Book Apart have yet published, and the long, long wait for its release (and yours) is finally over!
— Enjoy an exclusive Preview of Design Is A Job in Issue No. 348 of A List Apart, for people who make websites.
— Buy Design Is A Job directly from the makers at A Book Apart.
Also of interest:
- Watch F*ck you. Pay Me, a presentation by Mike Monteiro to San Francisco Creative Mornings, 25 March 2011. (Video, 38:40.)
- Listen to Big Web Show No. 59: Jeffrey Zeldman talks with Mike Monteiro of Mule Design. (Audio, 54 minutes.)
- Follow @mike_ftw on Twitter.
- Pay attention to Mule Design Studio.
Selling Design – an online reading list
TOMORROW, WHICH IS also my birthday, I begin teaching “Selling Design” to second-year students in the MFA Interaction Design program at School of Visual Arts, New York. Liz Danzico and Steve Heller created and direct the MFA program, and this is my second year teaching this class, whose curriculum I pull out of my little blue beanie.
In this class we explore collaboration and persuasion for interaction designers. Whether you work in a startup, studio, or traditional company; whether you design print, products, purely digital experiences, or any combination thereof; whether you’re the sole proprietor, part of a tightly focused team, or a link in a long chain of connected professionals, it is only by collaborating skillfully with others—and persuading them tactfully and convincingly when points of view differ and yours is right—that you can hope to create designs that make a dent in the universe.
During this spring semester, we’ll explore collaboration and persuasion from many points of view, and hear from (and interact with) many accomplished designers who will serve as special guest speakers. For our opening get-acquainted session, we’ll focus on texts that explore the some of the most basic, traditional (and rarely taught) aspects of design professionalism from the worlds of web, interaction, and print design:
by Jeff Gothelf – A List Apart
- Draw together
- Show raw work (frequently)
- Teach the discipline
- Be transparent
- Take credit for your wins
by Cassie McDaniel – A List Apart
- Critique as collaborative tool
- Presenting designs
- What is good feedback?
- Negotiate criticism
- The designer as collaborator
by Aarron Walter – A List Apart
- Personality is the platform for emotion
- A history of personality in design
- Creating a design persona for your website [or other project]
- Tapbots: Robot love
- Caronmade: octopi, unicorns, and mustachios
- Housing Works: a name with a face
- The power of personality
by Andy Rutledge
You should read this entire brief book, but for now, sample these bits:
by Sam Harrison – HOW Magazine
Dyson is used as an example of a product that currently dominates the market, even though nobody initially believed in the inventor’s idea. Lessons:
- Tell a personal story
- Create emotional experiences for decision makers
- See what’s behind rejections
by Arfa Mirza, Smashing Magazine
- Understand the nature of your client
- Have a rationale for every part of your design
- Show the best design options only
- Defend your design, but don’t become defensive
- Solicit good feedback and benefit from it
by Jacob Cass – Just Creative
Narrative of standing up to new-client pressure to do something against the designer’s self-interest, or which devalues design. Story told here is about money but it could be about any designer/client conflict in which the designer needs to gently educate the client. (Some designer/client conflicts require the client to educate the designer, but that’s another matter.)
by Jacob Cass – Just Creative
Basic article outlines ten background materials any designer (not just logo designers) should prepare to encourage confidence on the client’s part:
- Positive testimonials
- A thorough design process
- Awards won/published work
- A strong portfolio
- Design affiliations
- Great customer service
- Business Professionalism
- Appropriate questions
The Big Web Show No. 61: Khoi Vinh of Mixel and NYTimes.com
NOW ONLINE for your pleasure! In Episode No. 61 of The Big Web Show (“everything web that matters”), I interview Khoi Vinh, co-creator of Mixel, former NYTimes.com Design Director, co-founder of NYC design studio Behavior, and more.
In this episode we discuss Khoi’s career, including his fine-art background, art school, and design classes, his time at AIGA, how he came to love the grid, why he joined the NYTimes.com and why he left, and more. We also explore the inspiration that led Khoi to combine social with collage, and talk about the choice every design studio faces as it begins to succeed: get bigger, or get more selective? Don’t miss this free-ranging exchange of ideas with one of webdom’s nicest and most influential designers.
The Big Web Show features special guests and topics like web publishing, art direction, content strategy, typography, web technology, and more. This episode is sponsored by Happy Cog Hosting, TinyLetter, and Uncle Slam.
Other recent Big Web Show episodes:
Veen: Building Typekit on relationships
TYPEKIT FOUNDER JEFFREY VEEN has always shared knowledge freely, whether writing great books about web design and user experience, or (in this case) happily sharing a key secret of his business’ success: raising money isn’t about raising money – it’s about people.
HTML5, CSS3, UX, Design: Links from An Event Apart Boston 2011
THE SHOW IS OVER, but the memories, write-ups, demos, and links remain. Enjoy!
Speakers, attendees, parties, and the wonders of Boston, captured by those who were there.
Jeremy Keith quite effectively live-blogs my opening keynote on the particular opportunities of Now in the field of web design, and the skills every designer needs to capitalize on the moment and make great things.
Related to my talk: Jeremy Keith’s original write-up on a notorious but all-too-common practice. If your boss or client tells you to design this pattern, just say no. Design that does not serve users does not serve business.
“In his opening keynote … Jeffrey Zeldman talked about the skills and opportunities that should be top of mind for everyone designing on the Web today.” Luke Wroblewski’s write-up.
“As a consultant, [Whitney] spends a lot of time talking about UX and inevitably, the talk turns to deliverables and process but really we should be establishing a philosophy about how to treat people, in the same way that visual design is about establishing a philosophy about how make an impact. Visual design has principles to achieve that: contrast, emphasis, balance, proportion, rhythm, movement, texture, harmony and unity.” In this talk, Whitney proposed a set of 10 principles for UX design.
Live blogging by Jeremy Keith. Veerle, a noted graphic and interaction designer from Belgium, shared her process for discovering design through iteration and experimentation.
Luke’s live awesomeness cannot be captured in dead written words, but Mr Keith does a splendid job of quickly sketching many of the leading ideas in this key AEA 2011 talk.
See also: funky dance moves with Luke Wroblewski, a very short video I captured as Luke led the crowd in the opening moves of Michael Jackson’s “Thriller.”
“The next talk here at An Event Apart in Boston is one I’ve really, really, really been looking forward to: it’s a presentation by my hero Ethan Marcotte.”
Ethan’s amazing talk—a key aspect of design in 2011 and AEA session of note—as captured by the great Luke Wroblewski.
“In his presentation at An Event Apart in Boston, MA 2011 Jared Spool detailed the importance and role of links on Web pages.” No writer can capture Jared Spool’s engaging personality or the quips that produce raucous laughter throughout his sessions, but Luke does an outstanding job of noting the primary ideas Jared shares in this riveting and highly useful UX session.
Luke W: “In his All Our Yesterdays presentation at An Event Apart in Boston, MA 2011 Jeremy Keith outlined the problem of digital preservation on the Web and provided some strategies for taking a long term view of our Web pages.”
Although it is hard to pick highlights among such great speakers and topics, this talk was a highlight for me. As in, it blew my mind. Several people said it should be a TED talk.
Luke: “In his Idea to Interface presentation at An Event Apart in Boston, MA 2011 Aarron Walter encouraged Web designers and developers to tackle their personal projects by walking through examples and ways to jump in. Here are my notes from his talk.”
Compiled by the speaker, links include Design Personas Template and Example, the story behind the illustrations in the presentation created by Mike Rhode, Dribble, Huffduffer, Sketchboards, Mustache for inserting data into your prototypes, Keynote Kung Fu, Mocking Bird, Yahoo Design Patterns, MailChimp Design Pattern Library, Object Oriented CSS by Nicole Sullivan and more!
“In his Smoke Gets In Your Eyes presentation at An Event Apart in Boston, MA 2011 Andy Clarke showcased what is possible with CSS3 animations using transitions and transforms in the WebKit browser.” Write-up by the legendary Luke Wroblewski.
The “Mad Men” opening titles re-created entirely in CSS3 animation. (Currently requires Webkit browser, e.g. Safari, Chrome.)
Anthony Calzadilla, a key collaborator on the Mad Men CSS3 animation, showcases his works.
Pure CSS3 box-shadow page curl effect. Mentioned during Ethan Marcotte’s Day 3 session on exploring CSS3.
Fascinating article by Anton Peck (who attended the show). Proposed: a solution to a key problem with CSS transitions. (“Even now, my main issue with transitions is that they use the same time-length value for the inbound effect as they do the outbound. For example, when you create a transition on an image with a 1-second duration, you get that length of time for both mousing over, and mousing away from the object. This type of behavior should be avoided, for the sake of the end-user!”)
Ethan Marcotte: “Hello. I am here to discuss CSS3 gradients. Because, let’s face it, what the web really needed was more gradients.”
Like it says.
By the incomparable John Allsopp.
These sessions were not captured
Some of our best talks were not captured by note-takers, at least not to my knowledge. They include:
- Eric Meyer: CSS Anarchist’s Cookbook
- Mark Boulton: Outing the Mind: Designing Layouts That Think for You
- Jeff Veen: Disaster, DNA, and the Fathomless Depth of the Web
It’s possible that the special nature of these presentations made them impossible to capture in session notes. (You had to be there.)
There are also no notes on the two half-day workshop sessions, “Understand HTML5 With Jeremy Keith,” and “Explore CSS3 With Ethan Marcotte.”
What have I missed?
Attendees and followers, below please add the URLs of related educational links, write-ups, and tools I’ve missed here. Thanks!
Filed under: An Event Apart, Archiving, Boston, Career, cities, Code, Community, conferences, content, creativity, CSS, CSS3, Design, Designers, development, Education, events, Fonts, glamorous, Happy Cog™, HTML, HTML5, Ideas, industry, Information architecture, IXD, Layout, Marketing, Markup, people, photography, Real type on the web, The Profession, This never happens to Gruber, Typekit, Usability, User Experience, UX, W3C, Web Design, Web Design History, Web Standards, webfonts, Websites, webtype, Zeldman