1 option
Building Responsive Forms with Flexbox/ with James Williamson.
- Format:
- Video
- Author/Creator:
- Williamson, James, speaker.
- Language:
- English
- Genre:
- Instructional films.
- Educational films.
- Video recordings.
- Physical Description:
- 1 online resource
- polychrome
- Place of Publication:
- Carpenteria, CA:: linkedin.com, 2016.
- System Details:
- Latest version of the following browsers: Chrome, Safari, Firefox, or Internet Explorer. Adobe Flash Player Plugin. JavaScript and cookies must be enabled. A broadband Internet connection.
- Summary:
- Learn how to use Flexbox (the CSS3 Flexible Box Model) to create responsive HTML forms.
- The CSS3 Flexible Box Model, or Flexbox, is a different way to design responsive websites and HTML forms. Flexbox doesn't rely on floats or collapsible margins. Instead, flex containers shrink and expand items to fit the available space. With flexbox, complex layouts can be achieved with cleaner, more semantic code. In this course, senior staff author James Williamson shows how to use flex containers, flex child items, and responsive design techniques to create responsive layouts for two forms: a short search form and a longer registration form with sections. He demonstrates how to style the form structures, fields, labels, and buttons; control the alignment of different elements; and enhance the responsiveness of both forms with media queries.
- Participant:
- Presenter: James Williamson
- Notes:
- 1/08/20160
- Access Restriction:
- Restricted for use by site license.
The Penn Libraries is committed to describing library materials using current, accurate, and responsible language. If you discover outdated or inaccurate language, please fill out this feedback form to report it and suggest alternative language.