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.
Publisher resources
Table of contents
- Introduction
- Learn the Basics of HTML
- Learn the Basics of CSS
- Writing the Basics of CSS
- Creating a UI Pattern
- Expanding on a UI Pattern
- What is HAML and SASS?
- How to Install HAML and SASS
- How to Write in HAML
- Refactoring Our UI Pattern
- Using SASS
- Expanding on Our UI Pattern with SASS
- Learning About Grid Systems
- Grid Systems with HTML CSS
- Grid Systems with HAML and SASS
- Typography for the Web
- Applications of Typography
- Learn Color Theory for the Web
- Building More UI Patterns
- Build for Mulitple Devices
- UI Frameworks
Product information
- Title: UI Development for Engineers
- Author(s):
- Release date: October 2014
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781491913628
You might also like
video
Designing APIs for the Web
Learn a better way to do distributed computing, using the ideas underlying the most successful distributed …
video
The Complete Guide to Designing a Mobile App
Welcome to The Complete Guide to Designing a Mobile App! Many fantastic apps never attract a …
video
UX Design Process Simplified from User Research to Usability
There are hundreds of elements involved in a UX Design process and each design firm uses …
book
Practical UI Patterns for Design Systems: Fast-Track Interaction Design for a Seamless User Experience
Understanding UI patterns is invaluable to anyone creating websites for the first time. It helps you …