Julien Melissas

Julien Melissas


This is my blog.


I can’t promise anything, but I hope to write in here about Code, Music, Food, Cars, Life, and other stuff. Enjoy!

Navigation
TagCSS
Featured

Code

maybe-rgba() sass function

Posted on December 16th, 2017.

Earlier today I found myself in a funny situation. I have a sass mixin than adds a screen to divs which expects 2 arguments: $color and $opacity. From there, it takes those values and adds the appropriate code. Only problem, is I’m using my new customizer library (coming soon to a GitHub near you, I promise) which allows for color...

Featured

Code

CSS-only Vertical Progress Bar

Posted on October 5th, 2015.

A no JS way to make a simple 1-bar progress or goal bar that looks like a bar graph.

Featured

Code

Animated “x” icon for the Bootstrap navbar-toggle

Posted on March 3rd, 2015.

There are lots of posts online about that trendy (and awesome) transition from the hamburger icon (when the menu is collapsed) to that “x” (when the mobile menu has been expanded). I'm going to show you how to do it in Bootstrap.

Featured

Code

No Gutter Column Trick for Bootstrap

Posted on August 7th, 2014.

Recently I had a need to have a default grid in Bootstrap, but also on the homepage I needed to have 4 boxes that butted right up against each other. I came up with a handy .no-gutters class, which has some pretty basic CSS, that you apply to your .row tag holding your columns. Regular Bootstrap version below (with kittens!): No gutters:...