• ×

    • Categories for WEBD 150

    CSS Overflow

    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…

    WEBD 150 – Styling Forms

    Forms Collecting information online from users can be done with forms, these add interactivity for users and allow website owners to collect data from users. There are many different methods that can…

    WEBD 150 – CSS Columns & Web Inspector

    CSS Columns & Web Inspector So far we have seen the ease of use with CSS Grid and flex box. With these tools we can take elements and easily deploy them into content in a way that any new element…

    WEBD 150 – Fluid Design

    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…

    WEBD 150 – Responsive Type

    Responsive Type Previously we learned about fluid units of measure. In this lecture we will look more into how responsive type works as well as expand on more methods to mitigate our typography. Font…

    WEBD 150 – The Developer Mindset 2

    The Developer Mindset 2 Where do I start!? Design Being new to this HTML & CSS stuff can be overwhelming. As you do assignments, start new projects or perhaps even take on clients the first…

    WEBD 150 – CSS Grid

    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…

    WEBD 150 – FlexBox & Organizing CSS

    CSS FlexBox What is Flexbox? Flex Box (The flexible box model) provides an easier, cleaner and more efficient way to lay out items within a container. Because Flexbox is so... Flexible, it will…

    WEBD 150 – Intro to Servers 2

    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…

    WEBD 150 – Intro to Servers 1

    Intro to Servers 1 (Linux Servers) What is a server? A server is a machine that can host resources and allow clients to access said resources. Physically, servers are tall racks of machines. They run…

    WEBD 150 – Class Intro

    Class Intro Welcome to semester 2 Learning Outcomes: Demonstrate intermediate knowledge of HTML and CSS to create functional websites. Explore code solutions for mobile devices by applying responsive…