Uzi Solutions's Work | ContraWork by Uzi Solutions
Uzi Solutions

Uzi Solutions

Web Developer | Responsive Websites in HTML, CSS & JS

    4
    Followers
Followed by Benjamin C, Muhammad , and Ordain I

Daud Khel, Pakistan

WorkPostsAbout

Daud Khel, Pakistan

Cover image for 30+ projects. Zero frameworks. Just
30+ projects. Zero frameworks. Just HTML and CSS. šŸš€ That is where I started, and I just uploaded almost all of them to GitHub. What they taught me: šŸ”¹ Layouts break first, and that is how you learn them šŸ”¹ Small details (an underline, a hover, a slide) make a page feel finished šŸ”¹ You learn more by rebuilding a real page than by watching ten tutorials But a page that only looks good is half the story. So here is what comes next: āš” JavaScript projects: uploading now, one by one āš›ļø React: already learned, now revising it while building real projects I am still learning, and I am sharing the whole journey in public so you can see the mistakes too. If you are a beginner too: what was the project that finally made things click for you? šŸ‘‡ šŸ’» All my projects: https://github.com/MuhammadUzairKhalid15 #WebDevelopment #FrontendDeveloper #JavaScript #ReactJS #LearningInPublic #OpenToWork
2
0
11
Animated Underline Login Form (HTML & CSS) A login form design built to practice pseudo-elements, sibling selectors, gradients, and transitions. No JavaScript. Skills: HTML, CSS, CSS Animation, UI Design Live: https://muhammaduzairkhalid15.github.io/Animated-Underline-Login-Form-Uzi-Solutions/ (https://muhammaduzairkhalid15.github.io/Animated-Underline-Login-Form-Uzi-Solutions/)Code: https://github.com/MuhammadUzairKhalid15/Animated-Underline-Login-Form-Uzi-Solutions Demo design only.
0
7
CSS Vertical Tabs (HTML & CSS) A vertical tabs component made without JavaScript. Built to practice the radio button hack, sibling selectors, and transitions. Skills: HTML, CSS, CSS Transitions, UI Design Live: https://muhammaduzairkhalid15.github.io/CSS-Vertical-Tabs-Uzi-Solutions/ (https://muhammaduzairkhalid15.github.io/CSS-Vertical-Tabs-Uzi-Solutions/)Code: https://github.com/MuhammadUzairKhalid15/CSS-Vertical-Tabs-Uzi-Solutions Practice project.
0
15
Laptop Landing Page (HTML & CSS) A product landing page built to practice gradient text, keyframe animation, decorative SVG shapes, and a responsive breakpoint. No JavaScript. Skills: HTML, CSS, CSS Animation, UI Design Live: https://muhammaduzairkhalid15.github.io/Laptop-Landing-Page-Uzi-Solutions/ (https://muhammaduzairkhalid15.github.io/Laptop-Landing-Page-Uzi-Solutions/)Code: https://github.com/MuhammadUzairKhalid15/Laptop-Landing-Page-Uzi-Solutions Front-end design practice.
0
15