Coder Social home page Coder Social logo

Paige Heffler'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.

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.

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.

hide-show-responsively icon hide-show-responsively

Use media queries and responsive design techniques to hide and show content on different screen sizes.

horizontal-nav icon horizontal-nav

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

html-writer icon html-writer

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

icon-navigation icon icon-navigation

Combine together grids, modular type & CSS components to make a responsive navigation with icons.

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.

link-card icon link-card

Making a card pattern that is completely clickable.

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.

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.