We're growing into something new. Read More
Alexis

Alexis Sgavel


Dark video player

A small video player which I made to exercise and soon to be released as a freeebie. Some people felt that the HD button is in the wrong place but in my case I'm always looking the HD button as soon the video starts loading, easy access if you ask me. I'm not a UI/UX genius but I'm really hoping that I'm not too wrong about this.

Discussion

First attempt to recreate the Google+ buttons

Last night had some free time so I decided to recreate the Google+ buttons with Compass but in a more semantic way. The hover state needs some work, but I think it looks fine. Feel free to edit and use the code as you wish

<html lang="en" class="{block:IndexPage}home {/block:IndexPage}{block:PermalinkPage}{block:Posts}regular-post {/block:Posts}{block:Posts}{PostType} {/block:Posts}{block:Posts}p_{PostId} {/block:Posts}{/block:PermalinkPage}{block:SearchPage}search-result {/block:SearchPage}">

Recreate the body_class() on Tumblr

One the thing that I really love of WordPress is the body_class(); function that help me to style my pages with CSS. Unfortunately Tumblr doesn't have such function. So I decided to recreate the body_class(); on Tumblr with the variables that Tumblr has. Open your Theme and replace the <html> tag with this: <html lang="en" class="{block:IndexPage}home {/block:IndexPage}{block:PermalinkPage}{block:Posts}regular-post {/block:Posts}{block:Posts}{PostType} {/block:Posts}{block:Posts}p_{PostId} {/block:Posts}{/block:PermalinkPage}{block:SearchPage}search-result {/block:SearchPage}"> Raw Code » Now you have total control all over your Tumblr blog. This function will give you this classes: .home {} //Rendered on the front page, pages and pagination .regular-post {} //Rendered for all post (video, audio ….) .audio {} //Rendered for Audio post .answer {} //Rendered for Answer post .link {} //Rendered for Link post .quote {} //Rendered for Quote post .video {} //Rendered for Video post .chat {} //Rendered for Chat post .p_ID {} //Rendered for a single an unique post Ex: p_1304832370 .search-result {} //Rendered for search page Raw Code »

Buttons Idea

I been working in the re-desing of my porfolio lately. I'm still trying to find the balance but I kinda like this buttons

Tentative logo

Tentative logo/navbar for my blog. I Been play around with canvas, CSS3 and Lettering.js a bit.

Discussion

SASS Fancy 3D buttons

Just pushed a a very simple but powerful SASS recipe to create trendy CSS3 buttons. Demo Don't forget to check the live demo Install Install the buttons module with: @import "fancy_3d_buttons"; Raw Code » Configurable Variables f3d_button(background color, font size, font weight, line height, border radius, border top, border left) Raw Code » Mixin a.green{ @include f3d_button(#63bb4a); } a.blue{ @include f3d_button(#2992DF, 50px, bold, 1.5em, 10px, 2px, 2px); } Raw Code »

Discussion

Tumblrslider.js better photosets for Tumblr

Just released this early beta jQuery plugin for Tumblr. Tumblr is a gorgeous platform but photosets kinda s+cks, this plugin takes those awful photosets and create very minmalist slideshow on the fly. First release, so bugs and feedback are expected.

Discussion

Untitled

Arrhythmia.js, a new take on rhythm validation