Quantcast
Channel: Pens from Philip Zastrow
Browsing all 96 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

A Pen by Philip Zastrow

See the Code - See it Full Page - See Details This Pen uses: HTML, SCSS, JavaScript, and

View Article



Image may be NSFW.
Clik here to view.

OSX Window

See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

eq.js demo

See the Code - See it Full Page - See Details Test and demo of Sam Richard’s element query polyfill. The demo HTML is loaded in from http://codepen.io/zastrow/pen/ZYRRZj This Pen uses: HTML, SCSS,...

View Article

Image may be NSFW.
Clik here to view.

Aspect Ratio Containers

See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

Circular Tabs

See the Code - See it Full Page - See Details Business card with circular tabs. This Pen uses: HTML, SCSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

CSS Piano

See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

EQ Source

See the Code - See it Full Page - See Details This is the source content used for demoing Element queries using various methods. The EQ Source powers the demos in the Element Query Collection:...

View Article

Image may be NSFW.
Clik here to view.

Twitter Logo

See the Code - See it Full Page - See Details Took a good bit of time, but pieced together the Twitter logo with CSS. My markup choices make sense to me. This Pen uses: HTML, CSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

Piggy

See the Code - See it Full Page - See Details Cute little CSS Piggy. Done as a personal test to see what all could be done without addition tools. No color selectors or CSS gradient generators used...

View Article


Image may be NSFW.
Clik here to view.

Oscillating Fan

See the Code - See it Full Page - See Details It's hot out there. This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

3D effect with shadows

See the Code - See it Full Page - See Details Two different approaches to creating editable 3D text This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

OSX Window

See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

3D effect with shadows

See the Code - See it Full Page - See Details Two different approaches to creating editable 3D text This Pen uses: HTML, SCSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

Aspect Ratio Containers

See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

eq.js demo

See the Code - See it Full Page - See Details Test and demo of Sam Richard’s element query polyfill. The demo HTML is loaded in from http://codepen.io/zastrow/pen/ZYRRZj This Pen uses: HTML, SCSS,...

View Article


Image may be NSFW.
Clik here to view.

Circular Tabs

See the Code - See it Full Page - See Details Business card with circular tabs. This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

EQ Source

See the Code - See it Full Page - See Details This is the source content used for demoing Element queries using various methods. The EQ Source powers the demos in the Element Query Collection:...

View Article


Image may be NSFW.
Clik here to view.

Twitter Logo

See the Code - See it Full Page - See Details Took a good bit of time, but pieced together the Twitter logo with CSS. My markup choices make sense to me. This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

CSS Piano

See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

Piggy

See the Code - See it Full Page - See Details Cute little CSS Piggy. Done as a personal test to see what all could be done without addition tools. No color selectors or CSS gradient generators used...

View Article
Browsing all 96 articles
Browse latest View live




Latest Images