Quantcast
Channel: Pens from Scott Nix
Browsing all 38 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

A Pen by Scott Nix

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

View Article



Image may be NSFW.
Clik here to view.

CSS Question

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.

Dribbble CSSRebound - Give 'n' Go Stickers

See the Code - See it Full Page - See Details CSSRebound of the https://dribbble.com/shots/1657523-Give-n-Go-Stickers shot for the http://give-n-go.co/ one year anniversary. This Pen uses: Slim, SCSS,...

View Article

Image may be NSFW.
Clik here to view.

Hamburger Toggle

See the Code - See it Full Page - See Details Single Element with hover, previous version didn't have hover, just testing to make sure it was possible for something else I am working on. This Pen...

View Article

Image may be NSFW.
Clik here to view.

A Pen by Scott Nix

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.

A Pen by Scott Nix

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.

Twitch.tv BibleThump Emote

See the Code - See it Full Page - See Details Just a twitch.tv BibleThump emote in CSS. The sadness, the feels. This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

Zelda Fire 8-bit

See the Code - See it Full Page - See Details Tinkering, converted the Zelda Fire to CSS using box-shadows and a single element. This Pen uses: HTML, SCSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

Thematic Theme Menu Font Icons

See the Code - See it Full Page - See Details Specifically made for the Thematic Theme Framework for Wordpress, this setup is for a demo and for people to fork to play with social icon fonts. This Pen...

View Article


Image may be NSFW.
Clik here to view.

Thematic Theme Sidebar Icons

See the Code - See it Full Page - See Details The setup of the markup is using the Thematic Themes structure, so this isn't the best example if you aren't using Thematic. Basic striped down example....

View Article

Image may be NSFW.
Clik here to view.

Thematic Theme Navigation

See the Code - See it Full Page - See Details A font icon option for use with the Thematic Theme framework for WordPress. This example was primarily to show someone something and is very rough...

View Article

Image may be NSFW.
Clik here to view.

Compass Cheat Sheet

See the Code - See it Full Page - See Details I always forget gradient syntax and other obscure thing, this is just a reference pen This Pen uses: Haml, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

A Pen by Scott Nix

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.

Thematic Theme with Flexbox

See the Code - See it Full Page - See Details Test example for converting the Thematic Theme (for WordPress) to a flexbox layout, with a Susy Grids fallback. This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

A Pen by Scott Nix

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

View Article


Image may be NSFW.
Clik here to view.

CSS Question

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.

Blizzard's BRM Elemental

See the Code - See it Full Page - See Details I liked this little guy, noticed it was no longer on the website so I recreated it (using their image). This Pen uses: Haml, SCSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

Hamburger Toggle

See the Code - See it Full Page - See Details Failed attempt at https://dribbble.com/shots/2157317-Hamburger-Icon, I will probably just redo it. I know how I have to do it now to get it to be an exact...

View Article

Image may be NSFW.
Clik here to view.

Code Blocks

See the Code - See it Full Page - See Details Highlighting linear gradient background scales with the body font size, thanks to Lea Verou - vimeo.com/52882799 This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

Dribbble CSSrebound Blue Jay

See the Code - See it Full Page - See Details https://dribbble.com/shots/1540131-Cyanocitta-cristata Nothing fancy, just a CSS version of the Blue Jay designed by Ben Stafford This Pen uses: Jade,...

View Article
Browsing all 38 articles
Browse latest View live




Latest Images