Overflow Sometimes things bleed off the parent element. We seen this in the Pac-Man assignment when we animated the characters off the screen, across the screen and than off the screen again. To hide things that go outside an element we can hide the overflow. It does not stop there though. Sometimes when a div… View Article

Fluid Design Fluid Layout & Typography Using fluid layouts we can deploy responsive layouts before even running media queries. We can do this using methods we have already dabbled in such as using % widths and relative units for the bigger parts of the page, on top of using things like flexboxes and CSS Grids…. View Article

        CSS Transitons | Transformations | Animations Section 0 Introduction Section 0A – Introduction Introduction Css Animations allow us to add cool animations to our elements. We can add all kinds of different animations to our web pages using only CSS to do so using these methods, no JS involved. In doing… View Article

CSS Grid Layout: A Comprehensive Guide CSS Grid is a powerful layout system that allows developers to create complex, responsive web designs with ease. Unlike Flexbox, which is one-dimensional, CSS Grid provides two-dimensional control over both rows and columns, making it perfect for overall page layouts and complex components. Introduction to CSS Grid CSS Grid… View Article

Intro to Servers 2 – Web-mastery and FTP In our last lecture we took a look at hosting & servers, how to connect, server types and the basics on the file structure. However, we should discuss things more in depth because when you are out in the field, a lot of the time you will… View Article