A Pen by Philip Zastrow

August 27, 2015, 5:51 pm

≫ Next: OSX Window

$

0

0

See the Code - See it Full Page - See Details

This Pen uses: HTML, SCSS, JavaScript, and

---

OSX Window

June 24, 2014, 9:22 pm

≫ Next: eq.js demo

≪ Previous: A Pen by Philip Zastrow

$

0

0

See the Code - See it Full Page - See Details

This Pen uses: HTML, CSS, JavaScript, and

eq.js demo

March 10, 2016, 4:39 pm

≫ Next: Aspect Ratio Containers

≪ Previous: OSX Window

$

0

0

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, JavaScript, and

Aspect Ratio Containers

January 25, 2013, 10:58 am

≫ Next: Circular Tabs

≪ Previous: eq.js demo

$

0

0

See the Code - See it Full Page - See Details

This Pen uses: HTML, CSS, JavaScript, and

Circular Tabs

May 20, 2015, 5:27 pm

≫ Next: CSS Piano

≪ Previous: Aspect Ratio Containers

$

0

0

See the Code - See it Full Page - See Details

Business card with circular tabs.

This Pen uses: HTML, SCSS, JavaScript, and

CSS Piano

November 2, 2015, 9:04 pm

≫ Next: EQ Source

≪ Previous: Circular Tabs

$

0

0

See the Code - See it Full Page - See Details

This Pen uses: HTML, CSS, JavaScript, and

EQ Source

April 19, 2016, 2:39 pm

≫ Next: Twitter Logo

≪ Previous: CSS Piano

$

0

0

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: http://codepen.io/collection/nZMGEe/

This Pen uses: HTML, SCSS, JavaScript, and

Twitter Logo

June 28, 2012, 7:40 pm

≫ Next: Piggy

≪ Previous: EQ Source

$

0

0

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

---

Piggy

May 31, 2016, 6:04 pm

≫ Next: Oscillating Fan

≪ Previous: Twitter Logo

$

0

0

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 during development.

This Pen uses: HTML, CSS, JavaScript, and

Oscillating Fan

August 14, 2016, 12:13 am

≫ Next: 3D effect with shadows

≪ Previous: Piggy

$

0

0

See the Code - See it Full Page - See Details

It's hot out there.

This Pen uses: HTML, CSS, JavaScript, and

3D effect with shadows

August 7, 2015, 7:49 pm

≫ Next: OSX Window

≪ Previous: Oscillating Fan

$

0

0

See the Code - See it Full Page - See Details

Two different approaches to creating editable 3D text

This Pen uses: HTML, SCSS, JavaScript, and

OSX Window

June 24, 2014, 9:22 pm

≫ Next: 3D effect with shadows

≪ Previous: 3D effect with shadows

$

0

0

See the Code - See it Full Page - See Details

This Pen uses: HTML, CSS, JavaScript, and

3D effect with shadows

August 7, 2015, 7:49 pm

≫ Next: Aspect Ratio Containers

≪ Previous: OSX Window

$

0

0

See the Code - See it Full Page - See Details

Two different approaches to creating editable 3D text

This Pen uses: HTML, SCSS, JavaScript, and

Aspect Ratio Containers

January 25, 2013, 10:58 am

≫ Next: eq.js demo

≪ Previous: 3D effect with shadows

$

0

0

See the Code - See it Full Page - See Details

This Pen uses: HTML, CSS, JavaScript, and

eq.js demo

March 10, 2016, 4:39 pm

≫ Next: Circular Tabs

≪ Previous: Aspect Ratio Containers

$

0

0

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, JavaScript, and

---

Circular Tabs

May 20, 2015, 5:27 pm

≫ Next: EQ Source

≪ Previous: eq.js demo

$

0

0

See the Code - See it Full Page - See Details

Business card with circular tabs.

This Pen uses: HTML, SCSS, JavaScript, and

EQ Source

April 19, 2016, 2:39 pm

≫ Next: Twitter Logo

≪ Previous: Circular Tabs

$

0

0

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: http://codepen.io/collection/nZMGEe/

This Pen uses: HTML, SCSS, JavaScript, and

Twitter Logo

June 28, 2012, 7:40 pm

≫ Next: CSS Piano

≪ Previous: EQ Source

$

0

0

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

CSS Piano

November 2, 2015, 9:04 pm

≫ Next: Piggy

≪ Previous: Twitter Logo

$

0

0

See the Code - See it Full Page - See Details

This Pen uses: HTML, CSS, JavaScript, and

Piggy

May 31, 2016, 6:04 pm

≫ Next: Oscillating Fan

≪ Previous: CSS Piano

$

0

0

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 during development.

This Pen uses: HTML, CSS, JavaScript, and