Product Solutions Open Source Pricing Search or jump to...

Sign in Sign up

HubSpotContentOffers / online-registration-form Public Notifications Fork 8 Star 15

forked from athenaozanich/online-registration-form

Code Pull requests Actions Projects Security Insights

master 1 Branch 0 Tags Go to file Code About

Online registration form for Unit 3 of

This branch is up to date with athenaozanich/online-registration-form:master .
Treehouse Techdegree.

Readme
athenaozanich Merge pull request athenaozanich#7 from athenaozanich/refactor aae755f · 5 years ago 28 Commits
Activity

Mock-Ups Adding mockups of the proposed page. 7 years ago 15 stars

0 watching
css Misc updates 5 years ago
8 forks
js Merge branch 'master' into refactor 5 years ago Report repository

.gitattributes 💥🐫 Added .gitattributes & .gitignore files 7 years ago

Releases
.gitignore 💥🐫 Added .gitattributes & .gitignore files 7 years ago
No releases published

README.md Misc updates 5 years ago

Packages
index.html Merge branch 'master' into refactor 5 years ago
No packages published

README
Languages

Information regarding this project repository

JavaScript 48.7% HTML 29.5%
CSS 21.8%

Goals

The goal of this project is to display a solid understanding of how forms should be structured, how they operate, and
how to handle basic HTML5 form validation. I went a little further and also improved the Web Accessibility
Compliance as well as adding additional features. I utilized a Fluid Mobile First approach to designing this so as to
maximize not only cross browser compatibility but also cross platform compatibility as well.

Languages

1. HTML5
2. CSS3

Technologies and Techniques

1. Chrome Dev Tools
2. Editors
3. Terminal
4. git and github
5. Mobile First Responsive Design
6. Fluid width Responsive Design

Description

A Mobile-First Responsive registration form. Incorporated various html input types and associated attributes for form
control. Form implements html5 form validations such as required and simple valid email check. Form is WCAG
compliant passing Chrome Dev Tools Lighthouse audits and utilizes semantic markup for the architecture of the html.
The form also includes an elegant "blur-in" animation for the sake of presentation purposes.

NOTE: The Front End Web Development Techdegree is meant to train you in HTML, CSS and JavaScript, and let you
practice and show your mastery of these fundamental building blocks of the web. Because of that, please avoid using
frameworks like Bootstrap, Foundation, Skeleton, and so on for this project. Even though you may end up using
frameworks like these professionally, you still need to know and be able to implement designs with your own knowledge
of HTML, CSS and JavaScript.

In addition, please avoid submitting any projects that rely on a server-side technology like PHP or Ruby on Rails.

© 2024 GitHub, Inc. Terms Privacy Security Status Docs Contact Manage cookies Do not share my personal information