Sara Habel-Liboiron's Projects
Fix and debug all the accessibility problems found in this website.
Re-design an animal rescue website by applying everything learned this term.
A lesson in using CSS keyframe animations to make a clock face with rotating hands.
Use multiple images as background to create more complex design solutions.
Use a type system with a little bit of CSS to create a banner.
A quick look at some basic additions to a website to make it more accessible.
Write the code necessary to make a very basic Jekyll powered website with shared header & navigation.
An exercise making a banner with a button that transitions to hover & active states.
A CSS code exercise looking at using multiple classes to create consistent styles.
Use CSS position along with float to create a call to action banner.
My prototype for our Web Dev I final.
Use the CSS float property to create a column layout with four cards inside.
Create a business card website to act as the coming soon page for your portfolio.
Create a wireframe/prototype for a confectionery website—showing what you learned this term.
Create a functional website contact form using Formspree as the message sender.
Using a big chunk of content and Typografier, design the content to it looks properly formatted.
Write the HTML code for the beets activity concentrating on semantics only.
A collection of dynamic web banners with messaging for blood donors to book appointments even during COVID-19.
Learn how to combine many CSS files together into a single CSS file for better performance.
Work through all the validation errors, indentation problems, & file issues.
Create a chart of data using HTML table elements.
Write up code for accessible, well designed form error messages with a little Javascript to help.
A term-long project redesigning an ecommerce website focusing on making a pattern library.
Use HTML table elements to create a calendar of events.
Use position relative & absolute to make this robot head explode when hovered.
An exercise using transitions to create hover boxes that fade from black & white to colour.
Fix a bunch of performance problems and pass the performance budget.
Create an animated introduction banner about ice cream.
A small pattern library to help demonstrate the Patternbot include system.
Using the Gridifier system and embedding grids within grids to make more complex layouts.