Quantcast
Channel: Pens from Eduardo Bouças
Browsing all 47 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

(Blog) Experimenting with Sass and Grids - Part 1/2

See the Code - See it Full Page - See Details This pen is part of this post: http://eduardoboucas.com/blog/2015/01/13/experimenting-with-sass-and-grids.html This Pen uses: HTML, SCSS, JavaScript, and

View Article



Image may be NSFW.
Clik here to view.

(Blog) Experimenting with Sass and Grids - Part 2/2

See the Code - See it Full Page - See Details This pen is part of this post: http://eduardoboucas.com/blog/2015/01/13/experimenting-with-sass-and-grids.html This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

(Blog) A cautious and calculated venture into Flexbox

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.

Animated burger menu

See the Code - See it Full Page - See Details A burger menu that transforms into a close button when the menu is expanded. Clean and simple markup. This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

Collapsible nav with burger menu, no JS

See the Code - See it Full Page - See Details A collapsible navigation with a burger menu that animates into a close button and all without JavaScript. Boy, what a bargain! This Pen uses: HTML, SCSS,...

View Article


Image may be NSFW.
Clik here to view.

3D Isometric element in CSS

See the Code - See it Full Page - See Details A 3D isometric element that animates on hover This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

include-media

See the Code - See it Full Page - See Details A Sass mixin for writing powerful media queries with a simple syntax. See more at http://include-media.com This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

SCSS triangles mixin

See the Code - See it Full Page - See Details A SCSS mixin for creating triangles on the edge of a container. You can specify the position, orientation dimensions and color. This Pen uses: HTML, SCSS,...

View Article


Image may be NSFW.
Clik here to view.

OSX Sublime Text with cursor

See the Code - See it Full Page - See Details A replica of a Sublime Text editor window on Mac OS This Pen uses: HTML, SCSS, JavaScript, and

View Article


Image may be NSFW.
Clik here to view.

BEM demo

See the Code - See it Full Page - See Details Confused about what to do with BEM when there's a lot of wrappers and inner wrappers and all that sort of stuff going on? Fear not, BEM still works. This...

View Article

Image may be NSFW.
Clik here to view.

A split screen gallery

See the Code - See it Full Page - See Details A split screen gallery for telling a story or showing a slideshow. It's buggy on iOS because of the way it deals with fixed positioned elements. This Pen...

View Article

Image may be NSFW.
Clik here to view.

Viewport sized typography with minimum and maximum sizes

See the Code - See it Full Page - See Details A Sass mixin for creating viewport sized typography with minimum and maximum sizes This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

A Pen by Eduardo Bouças

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.

(Blog) Experimenting with Sass and Grids - Part 2/2

See the Code - See it Full Page - See Details This pen is part of this post: http://eduardoboucas.com/blog/2015/01/13/experimenting-with-sass-and-grids.html This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

A Pen by Eduardo Bouças

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.

CSS accordion

See the Code - See it Full Page - See Details Experimenting with making a CSS-only accordion. Has the limitation of once you expand a tab, you won't be able to collapse them all. Not necessarily a...

View Article

Image may be NSFW.
Clik here to view.

Unfinished experiments. GO AWAY!

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

View Article


Image may be NSFW.
Clik here to view.

include-media

See the Code - See it Full Page - See Details A Sass mixin for writing powerful media queries with a simple syntax. See more at http://include-media.com This Pen uses: HTML, SCSS, JavaScript, and

View Article

Image may be NSFW.
Clik here to view.

Video navigation experiments

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 Eduardo Bouças

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

View Article
Browsing all 47 articles
Browse latest View live




Latest Images