Course
Skills Expanded
Designing Modern Forms for the Web
In this course, you will gain a solid understanding of how to implement modern HTML forms. Software required: Sublime Text 2, Adobe Photoshop CC 2014.
What you'll learn
In this course, you will gain a solid understanding of how to implement modern HTML forms. We will first spend a few lessons exploring HTML5 form attributes and elements, while viewing these results in the browser. Then we will step into Adobe Photoshop to design a mockup of a modern form sequence. After that, we will spend several lessons making it a reality in the browser by focusing on HTML, responsive CSS, CSS animations and jQuery. Software required: Sublime Text 2, Adobe Photoshop CC 2014.
Table of contents
Introduction and Project Overview
1min
Designing Modern Forms for the Web
100mins
- Setting up a Basic Form 6m
- Experimenting with HTML5 Form Attributes 9m
- Experimenting with HTML5 Field Types 8m
- Starting a Photoshop Mockup of a Form 7m
- Finishing the Form Mockup 11m
- Exporting the Assets and Writing the HTML 9m
- Finishing the HTML 10m
- Writing the CSS for the First Form 10m
- Finishing the CSS 9m
- Writing the jQuery 10m
- Finishing the jQuery and CSS Animations 12m
