Pinned Repositories
accessibility-fixer-upper
Fix and debug all the accessibility problems found in this website.
animal-rescue-website
Re-design an animal rescue website by applying everything learned this term.
basic-accessibility
A quick look at some basic additions to a website to make it more accessible.
button-styles
A CSS code exercise looking at using multiple classes to create consistent styles.
call-to-action-banner
Use CSS position along with float to create a call to action banner.
confectionery-website-prototype
Create a wireframe/prototype for a confectionery website—showing what you learned this term.
contact-form
Create a functional website contact form using Formspree as the message sender.
content-page
Using a big chunk of content and Typografier, design the content to it looks properly formatted.
content-semantics
Write the HTML code for the beets activity concentrating on semantics only.
css-validation-fixes
Work through all the validation errors, indentation problems, & file issues.
chelseagibson's Repositories
chelseagibson/accessibility-fixer-upper
Fix and debug all the accessibility problems found in this website.
chelseagibson/animal-rescue-website
Re-design an animal rescue website by applying everything learned this term.
chelseagibson/basic-accessibility
A quick look at some basic additions to a website to make it more accessible.
chelseagibson/contact-form
Create a functional website contact form using Formspree as the message sender.
chelseagibson/content-page
Using a big chunk of content and Typografier, design the content to it looks properly formatted.
chelseagibson/data-table
Create a chart of data using HTML table elements.
chelseagibson/designing-form-errors
Write up code for accessible, well designed form error messages with a little Javascript to help.
chelseagibson/ecommerce-pattern-library
A term-long project redesigning an ecommerce website focusing on making a pattern library.
chelseagibson/events-calendar
Use HTML table elements to create a calendar of events.
chelseagibson/fancy-hover-boxes
An exercise using transitions to create hover boxes that fade from black & white to colour.
chelseagibson/fastness-fixer
Fix a bunch of performance problems and pass the performance budget.
chelseagibson/geohub
A small pattern library to help demonstrate the Patternbot include system.
chelseagibson/interactive-polaroids
Create interative polaroid images with CSS transitions and transforms.
chelseagibson/interactive-svg
Make an embedded SVG graphic with animations & transitions.
chelseagibson/javascript-less-carousel
Learn to implement a functional and reusable carousel without Javascript.
chelseagibson/leafy-decorations
Use background images to create design elements on a masthead & banner.
chelseagibson/me-oh-my-html
Write all the necessary HTML for the content in the All ’bout them semantics group activity.
chelseagibson/modularity-mindfulness
A simple review exercise exploring grids, type systems & modular CSS
chelseagibson/only-keyboards-allowed
Solve keyboard focus problems in this small accessibility-related exercise.
chelseagibson/registration-form
Create a registration form using HTML’s form & input elements with functionality supplied by Formspree.
chelseagibson/responsive-banner
Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.
chelseagibson/saas-website
Code the SaaS website you designed in your Interaction Design course.
chelseagibson/section
Using the finalized HTML and basic CSS, complete the layout by adding Typografier & associated classes.
chelseagibson/svg-icon-sets
Use SVG icons sets to create a small layout with different icons.
chelseagibson/svg-line-drawing
An exercise to create a banner graphic while practicing animating SVG strokes using stroke-dashoffset.
chelseagibson/svg-smiley-face
Hand write SVG code to create an interactive smiley face.
chelseagibson/this-site-aint-no-sloth
Create a simple responsive website that conforms to our performance budget.
chelseagibson/using-css-variables
Learn how to use CSS variables to make your CSS more easily understood and more maintainable.
chelseagibson/using-svg-icons
Use Illustrator & Spritebot to generate some SVG icons and use them in a website.
chelseagibson/volunteer-form
Create a large-scale volunteer registration form for a not-for-profit organization.