Coder Social home page Coder Social logo

Michaela Robinson's Projects

mrob.ca icon mrob.ca

My portfolio, a look at my graphic design work and who I am as a designer.

portfolio-metadata icon portfolio-metadata

Look at writing the code necessary for describing portfolio piece using metadata and Schema.org.

registration-form icon registration-form

Create a registration form using HTML’s form & input elements with functionality supplied by Formspree.

request-for-grade icon request-for-grade

Write up the reasons why your final project demonstrates everything learned this term.

responsive-banner icon responsive-banner

Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.

responsive-section icon responsive-section

Use media queries and float to make a responsive section on a website with three columns.

retina-gallery icon retina-gallery

Given a complete website, export the images into the right dimensions, compress & smush.

retina-images icon retina-images

A quick look at exporting retina ready images using the compressive JPG technique.

robot-parts-co icon robot-parts-co

A lesson in using honest SEO techniques and microdata to optimize a website.

saas-website icon saas-website

Code the SaaS website you designed in your Interaction Design course.

section icon section

Using the finalized HTML and basic CSS, complete the layout by adding Typografier & associated classes.

sections icon sections

Make a responsive website section with an image, blurb and a button.

stylish-beets icon stylish-beets

Style the beets HTML file from the previous week to match the screenshots.

svg-icon-sets icon svg-icon-sets

Use SVG icons sets to create a small layout with different icons.

svg-line-drawing icon svg-line-drawing

An exercise to create a banner graphic while practicing animating SVG strokes using stroke-dashoffset.

trendy-fruit icon trendy-fruit

A coding exercise practicing writing HTML in connection with using Typograifer classes.

using-a-type-system icon using-a-type-system

A quick look at using a generated type system from Typografier in your website to simplify making responsive layouts.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.