Jesse Rountree

Front End Developer

CSS Library

By Jesse Rountree

Everything on this site was rendered, animated, and created using only HTML and CSS.

No Javascript, jQuery, or any other form of markup or libraries were used.

This entire site is responsive. I strongly encourage you to try a squish testA squish test is just slowly narrowing the browser window's width to see how the contents within the site adjust for the changing space.. If you are learning CSS, this site should be a good resource for you.

General CSS

Responsive CSS

Adaptive CSS

Float CSS

(With a 'clearfix'A clearfix is a CSS adjustment that fixes the loss of height to a container holding an item that floats.)

(Without a 'clearfix'A clearfix is a CSS adjustment that fixes the loss of height to a container holding an item that floats.)

Flexbox CSS

Items Centered with Space between them

1

2

3

4

5

6

7

8

9

10

11

12

13

14

Items Grow with Container

1

2

3

4

5

6

7

8

9

10

11

12

13

14

Items Stretch with Container

1

2

3

4

5

Animation in CSS

Parallax in CSS

Step One

Picture Credit Jen Rountree

Step Two

Picture Credit Jen Rountree

Step Three

Picture Credit Jen Rountree

End