GithubHelp home page GithubHelp logo

Petra van Eeghen's Projects

list-groups icon list-groups

A small, super simple exercise to get practice using list groups.

masthead-semantics icon masthead-semantics

Write out the semantically correct HTML elements for the masthead, navigation & banner of a website.

me-oh-my-html icon me-oh-my-html

Write all the necessary HTML for the content in the All ’bout them semantics group activity.

modular-nav icon modular-nav

Create a modular navigation using the grid and type systems.

portfolio icon portfolio

The starter portfolio repository, basically empty, but with a few helper files.

portfolio-microdata icon portfolio-microdata

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

registration-form icon registration-form

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

responsive-banner icon responsive-banner

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

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.

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.

using-css-variables icon using-css-variables

Learn how to use CSS variables to make your CSS more easily understood and more maintainable.

using-svg-icons icon using-svg-icons

Use Illustrator & Spritebot to generate some SVG icons and use them in a website.

volunteer-form icon volunteer-form

Create a large-scale volunteer registration form for a not-for-profit organization.

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.