Learning Plan 1
HTML & CSS basics: structure, inline/internal styles, and simple formatting.
View WorkCSS Technologies focuses on an in-depth exploration of CSS, covering everything from the fundamentals of style sheets to more advanced layout techniques. Throughout the course, I am building sample layouts while experimenting with fonts, text styles, design elements, and table properties. Along the way, I am learning different methods for structuring webpages, including floats, Flexbox, and Grid. One of the most exciting aspects has been working with CSS transitions, transformations, and animations, where small adjustments can create a more interactive and engaging design. This course is also helping me develop a strong understanding of responsive design, ensuring layouts adapt smoothly across different screen sizes. Additionally, I am being introduced to CSS frameworks, which help streamline the design process and maintain consistency.
This website is an ongoing project that applies both Flexbox and Grid layouts, built using HTML5 and CSS3, to create a structured yet dynamic design.
HTML & CSS basics: structure, inline/internal styles, and simple formatting.
View WorkExternal stylesheets, typography rules, and understanding the box model.
View WorkMastering Flexbox and Grid for responsive and complex layouts.
View WorkResponsive design with media queries and mobile-first strategies.
View WorkCSS transitions, hover states, and adding dynamic behavior to static elements.
View Work2D & 3D transformations, perspective, and animation theory using keyframes.
View WorkAnimations, sprite sheets, and building image galleries with interactivity.
View WorkExploring CSS frameworks like Bootstrap to build responsive, modular layouts.
View Work