gus-quintini's repositories
accessibility-fixer-upper
Fix and debug all the accessibility problems found in this website.
animated-clock
Use CSS keyframe animations to make a clock face with rotating hands.
background-images
Use multiple images as background to create more complex design solutions.
basic-jekyll-site
Write the code necessary to make a very basic Jekyll powered website with shared header & navigation.
confectionery-website
Create a single-page website for a confectionery store—showing what you learned this term.
contact-form
Create a functional website contact form using Formspree as the message sender.
css-concatenation
Learn how to combine many CSS files together into a single CSS file for better performance.
data-table
Create a chart of data using HTML table elements.
designing-form-errors
Write up code for accessible, well designed form error messages with a little Javascript to help.
dog-rescue-pattern-library
A term-long project redesigning a dog rescue website focusing on making a pattern library.
events-calendar
Use HTML table elements to create a calendar of events.
fastness-fixer
Fix a bunch of performance problems and pass the performance budget.
icon-cards
Combine together grids, modular type & CSS components to make a series of link cards with icons.
icon-navigation
Combine together grids, modular type & CSS components to make a responsive navigation with icons.
interactive-polaroids
Create interative polaroid images with CSS transitions and transforms.
interactive-svg
Make an embedded SVG graphic with animations & transitions.
javascript-less-carousel
Learn to implement a functional and reusable carousel without Javascript.
leafy-decorations
Use background images to create design elements on a masthead & banner.
portfolio-microdata
Look at writing the code necessary for describing portfolio piece using Microdata and Schema.org.
registration-form
Create a registration form using HTML’s form & input elements with functionality supplied by Formspree.
responsive-banner
Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.
responsive-photo-gallery
Combine together grids, modular type & CSS components to make a responsive photo gallery.
retina-gallery
Given a complete website, export the images into the right dimensions, compress & smush.
retina-images
A quick look at exporting retina ready images using the compressive JPG technique.
robot-parts-co
A lesson in using honest SEO techniques and microdata to optimize a website.
svg-icon-sets
Use SVG icons sets to create a small layout with different icon.
this-site-aint-no-sloth
Create a simple responsive website that conforms to our performance budget.
video-background
Create a video background for the header of a website.