New Adventures…

Today is my last day at Octave & Octave. I had an incredible time here. However, as with most journeys, the time has come for me to move on to the next challenge…

Continue reading →

Responsive Design Bookmarklet

For some time now, I’m a big fan of the Window Size Bookmarklet by Joss Crowcroft. This bookmarklet allows you to display the X/Y size of the viewport in the left corner of your browser. It can be very useful for debugging some CSS3 media queries.

When I came across on responsive.is, I said to myself: “Victor, you must write your own bookmarklet which mix both features.”
I mean a bookmarklet which allows to display the size of the viewport and some buttons to change the viewport to smartphone/tablet size automatically.

Continue reading →

Introducing Glisse.js

One week after Curtain.js I’m glad to announce the release of my latest plugin called “Glisse.js”.

Glisse.js is a simple, responsive and fully customizable jQuery photo viewer… and with a whole bunch of CSS3. You’ll like the transitions between two pictures entirely assumed by CSS3. There are 7 different transition effects. You can use your keyboard to navigate between pictures, and there is a full touch support for iPhone and iPad. Unfortunately, I haven’t tested yet the plugin with an Android device.

Continue reading →

Generating random color in Sass

I needed to generate HTML elements which had random background colors with Sass. Unfortunately, it’s absolutely impossible.

So, I decided to add a custom ruby method to the Sass::Script::Functions module. It’s incredibly elementary but maybe it’ll help someone :)

Continue reading →

Percentage Bugs in WebKit

No later than a few days ago, at Octave & Octave, I had to make a grid generator in Sass which is fully responsive.
Rather than using a fixed grid as I usually do, I decided to create a fluid grid using percentages (calculated with the famous target / context * 100 = result).

Continue reading →

Smooth animated tooltip

It’s a tooltip menu for a webapp that I’m working on. I’m using a bit of javascript to manage the events, and a lovely css3 transfromations to animate opening and closing. It’s works on all major modern browsers.

Continue reading →

Next Page »