CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.

Check out these sites!

| Michael Nicol's Posts

Sep 27, 2018

A list of useful sites i use and i suggest you check them out. Will be updated over time

Font Awesome: Thousands of high-quality icons for HTML

Canva: Free online graphic deisgn

CSS3 Transitions: Use CSS transition for uncomplicated simple animations

freeCodeCamp: 1000+ challenges to learn Front End

FCC Forums: Great community for help with coding needs

Media Query: Responsive Web Design

Flex Box: Very simple and powerful; combine with Media Query

ScreenFly - Test reponsiveness

Coolors: Generate a random color scheme * Top rated color combinations

Box Shodows: To add depth

Inspiration: Hundreds of Codepens' for ideas

Write on Web: drawing on screen

Ruler Measurement: find the size of an element

WhatFont: Extract fonts from your favorite web pages

ColorZilla: Extract colors from webpages

Just finished my technical documentation page project -->

No comments yet.

Leave a Comment Markdown supported. Click @usernames to add to comment.

We're all for progressive enhancement, but CodePen is a bit unique in that it's all about writing and showing front end code, including JavaScript. It's required to use most of the features of CodePen.

Need to know how to enable it? Go here.

Close this, use anyway.