Giter Club home page Giter Club logo

Amanda Dupuis's Projects

banner icon banner

Use a type system with a little bit of CSS to create a banner.

button-styles icon button-styles

A CSS code exercise looking at using multiple classes to create consistent styles.

button-systems icon button-systems

Explore how to use and change the default set of buttons provided by Modulifier.

cards icon cards

Dig into the browser’s layout models to make a simple, flexible informational design.

columns-of-cards icon columns-of-cards

Use the CSS float property to create a column layout with four cards inside.

contact-form icon contact-form

Create a functional website contact form using Formspree as the message sender.

content-page icon content-page

Using a big chunk of content and Typografier, design the content to it looks properly formatted.

content-semantics icon content-semantics

Write the HTML code for the beets activity concentrating on semantics only.

data-table icon data-table

Create a chart of data using HTML table elements.

fancy-hover-boxes icon fancy-hover-boxes

An exercise using transitions to create hover boxes that fade from black & white to colour.

grid-ception icon grid-ception

Using the Gridifier system and embedding grids within grids to make more complex layouts.

grid-layout icon grid-layout

Create a grid-based, responsive layout using the Gridifier tool.

header-icons icon header-icons

Use float to add navigation and two image icons to the header of a website.

hero-banner icon hero-banner

Use CSS position to make a hero banner with text displayed in front of an image.

horizontal-nav icon horizontal-nav

Make a horizontal navigation using the CSS flow and display properties.

hot-grid-dle icon hot-grid-dle

Create a small layout using grids, hiding and showing units & position.

html-writer icon html-writer

Write all the necessary HTML for the content in the Semantics Schemantics group activity.

icons icon icons

Use CSS modules & Modulifier to create a very basic list with icons.

image-grid icon image-grid

Use float and media queries to make a grid of images responsive for different screen sizes.

just-your-type icon just-your-type

A creative design project that demonstrates the skills learned so far using the Gridifier, Typographer & Modulifier.

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.