4 777
Subscribers
-724 hours
-17 days
+7430 days
Posts Archive
4 780
π
Building Great Forms with HTML and CSS
π Author: Emily Kay
π° Level: Intermediate
β° Duration: 6h 59m
π
Learn how to create useful and user-friendly web forms with HTML, CSS, and JavaScript. Discover how to create login, booking, payment, search, and other custom forms.
π Topics: Cascading Style Sheets, Forms Development, HTML
π€ Join @webdev_trainings for more courses
4 780
π
CSS Layouts: From Float to Flexbox and Grid
π Author: Christina Truong
π° Level: Intermediate
β° Duration: 1h 46m
π
Floats are fading away fast. Learn how to make the jump from floats to Flexbox and Grid to more efficiently create page layouts with CSS.
π Topics: CSS Grid Layout
π€ Join @webdev_trainings for more courses
4 780
πΈ Full description πΈ
CSS layouts are becoming less of a puzzle. After decades of hacking CSS to make multicolumn layouts, the CSS Grid Layout module makes page layout predictable. In this course, take a step back from traditional layout models, and learn how to take full advantage of the new capabilities of CSS Grid to build interfaces that are attractive, accessible, and responsive. Join Morten Rand-Hendriksen as he walks through how to create full-bleed layouts, multicolumn layouts, and advanced card-based layouts. He demonstrates how to create dynamic responsive grids that adjust to their available viewport space.
4 780
πΈ Full description πΈ
While creating forms with HTML and CSS is a core web development skill, making great forms requires a lot more than the basics. Emily Kay brings her years of experience working with customers and developers to explain how to create forms people will find useful and even enjoyable. Learn how to set up a basic form and add buttons, toggle switches, date pickers, and more. Become well-versed in form-specific CSS techniques and tricks, and add JavaScript to catapult your forms to the next level. Emily takes you through four start-to-finish projects featuring the most popular types of web forms: login, booking, payment, and search forms. Plus, learn how to incorporate accessibility and form validation and build a post-submission success page to let users know their entries have been accepted.
Note: Usability and layout considerations differ based on device and platform. All of the forms built in this course work equally well on mobile devices and desktops as well as all of the modern browsers.
