lani0016 Goto Github PK

followers: 1.0 following: 0.0 repos: 92.0 gists: 0.0

Name: Kayleigh Laniel

Type: User

Kayleigh Laniel's Projects

only-keyboards-allowed

Solve keyboard focus problems in this small accessibility-related exercise.

portfolio

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

portfolio-metadata

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

registration-form

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

request-for-grade

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

responsive-banner

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

responsive-header

Use float and media queries to make a responsive website header.

responsive-icon-cards

Use media queries and display to create responsive icon cards.

responsive-image-caption

Create a responsive image and caption using the CSS position properties and media queries.

responsive-image-section

Create a responsive section that has an image on it's left half.

responsive-navigation

Use media queries and knowledge of how display works to create a responsive navigation.

responsive-typography

Use media queries to enhance the typography of a website for different screen sizes.

retina-gallery

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

retina-images

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

robot-parts-co

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

saas-website

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

section

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

sections

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

stylish-beets

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

svg-icon-sets

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

svg-line-drawing

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

svg-smiley-face

Hand write SVG code to create an interactive smiley face.

trendy-fruit

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

typographic-insets

Use the CSS float property to add some insets into a piece of text.

use-all-the-selectors

A CSS exercise refreshing and teaching about all the different selectors.

using-a-type-system

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

using-css-variables

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

using-gridifier

A quick look at how using a generated grid from Gridifier in your website to simplify making responsive layouts.

using-markbot

A demo repository to get practice forking and passing automated tests with Markbot.

using-svg-icons

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

lani0016 Goto Github PK

Kayleigh Laniel's Projects

Recommend Projects

Recommend Topics

Recommend Org