View Code? Open in Web Editor
NEW
Super mega demo project, how to develop a proper frontend-only project ๐๐
Home Page: https://front-end-by-rimantas.github.io/19-grupe-coming-soon/
License: MIT License
CSS 34.01%
HTML 10.47%
JavaScript 55.52%
19-grupe-coming-soon's Issues
- part of community checklist
Blue line is expanding from 0% to [x]% in ~1s.
- data from separate file
- input validation (selector)
- render socials with JS
- js docs
Inner element is moving (up -> down) non-stop, every ~1s.
- data from separate file
- input validation (selector)
- render progress bars with JS
- js docs
- part of community checklist
- input validation (selector)
- render clock with JS
- static content
- js docs
Target date is New Year evening.
Add margin to the left and to the right.
- initiate animation only if component is actually visible
margin-left/right/top/bottom -> margin
- static content
- responsive
For social icons we'll use FontAwesome v.4.7.
- html sections (3)
- columns
- desktop only
- part of community checklist
- css effect (smooth scroll behavior)
Let it countdown - update number values every 1s.
- h2
- p + nuorodos (www + email)
- placeholder: progress bar
- placeholder: message form
- logo
- h1
- p
- placeholder: clock
- placeholder: subscribe form
- placeholder: mouse
Change text length from 10 symbols to 1000
- single logic for any form in the page
- validation rules can be detected based on data-* attribute values
- on submit, if success: show success message in a "toast" component
- on submit, if error: show error message in a "toast" component
- js docs
Transform responsive design into grid system
Email and message should be required inputs.