O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

UI Development for Engineers

Video Description

Now that new tools have blurred the line between the Web’s front and back ends, full stack engineers are in great demand—and for many, that means becoming more comfortable with user interface development. That’s where this hands-on video course comes in. Web designer and host Mike Kivikoski shows you how to use basic design principles to mold your code into something beautiful. By the time you complete this course, you’ll be able to create UI design mockups and then make them real.

  • Create a UI pattern with HTML5 and CSS, and refactor and expand it with HAML and SASS
  • Learn how to build grid systems of different sizes with CSS and SASS
  • Pick up basic typography skills, and learn how to improve your text and display fonts
  • Understand color theory, and learn strategies for building a color library
  • Dive into production-ready UI patterns that include a button library, a headline library, and content sections
  • Get the basics for building (and updating) a single codebase for multiple smartphones and tablets
  • Learn about various UI frameworks and their benefits, including Bootstrap, Compass, and Bourbon Neat

Mike Kivikoski runs Atedrake, a web design studio in Somerville, Massachusetts. He has also served as an Adjunct Professor at Endicott College, teaching Intro to Web Development and Intro to Web Design.