obaidazeino Goto Github PK

portfolio-react

portfolio-website

practice

for practice

prefers-accessibility

Practice applying accessibility preferences in your web designs.

pretty-products

Apply CSS Grid & Flexbox to a product listing page layout.

responsive-banner

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

royal-barbershop

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.

soccer-app

soccer-app-2.0

speak-the-look

Record yourself reading out some CSS to get practice joining the language & code parts of your brain.

squiggly-muse

squiggly-muse-blog

squiggly-muse-blog-deploy

stunning-start-page

Use your grid & flexbox skills to make a full website homepage.

stylish-beets

Style the beets HTML file from an earlier week to match the screenshots.

svg-icon-sets

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

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.

type-those-grids

Apply basic CSS Grid layouts to a simple typography-focused layout.

use-all-the-selectors

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

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.

web-design-2-independent-project

Spend a few weeks writing the code for your independent project website—and make it amazing.

whats-yo-name

Use basic if-statements and prompts to make your first Javascript program.