cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen

CodePen is a social development environment for front-end designers and developers. 👋

It’s the best place to build and deploy a website, show off your work, build test cases, and find inspiration.

Sign Up Learn More

This is CodePen Projects!

Projects screenshot

Picked Pens

View More Pens

Picked Projects

View More Projects

Picked Posts

View More Posts

The Scope Chain

In JavaScript, scope is the context in which code is executed.

So, let's look at what is the scope chain.

  function b() { console.log(x);}function a() { var x = 1; b();}var x = 5;a();

What do you...

Picked Collections

View More Collections

27 Pens

Line & Dot Effects

CSS/JS Line & Dot Animations & Effects

8 Pens

Sass Awesomeness

A collection of anything and everything helpful created using Sass.