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