This website is for my full-time job, its a web development agency and they just need a website.
The most challenging part is positioning the contents. Images were the most difficult since I’ve been using position absolute and relative all the time.
I love how I achieved the look and feel of the website content and basic parallax animations, plus I learned a new skill in CSS which is Keyframes!
The glowing yellow is animated with CSS keyframes and Parallax effect on the gate, astronaut and front ground:
The same parallax is applied no the planet, moon and ground:
I just dislike the positioning part…I have a feeling something is wrong…
Of course it’s still under development so it won’t be the perfect finished product now.
Since absolute positioning could have problems of its own…and when web responsiveness came out it made even more problems…I do not think that absolute positioning on each break point is a good practice but that’s my knowledge limit for now.
If you have any articles about positioning best practices please share it with me if you may.