Finally I had some time to finish Dookie - a small library that extends Stylus preprocessor with a bulk of useful mixins and components. In this post I want to share some details on it.

Read More

Guys, great news! You have an ability to leave us your email and be notified when app will be launched - likeastore.com (btw it’ll be very very soon :). No spam or other annoying stuff, you’ll receive only an announcement when service will be ready.

Check it out!

These days pixelhunter blog is celebrating one year, so thanks everyone who read it, hopefully new “so-called” sprint will bring updates more often and you won’t wait too long for upcoming cool stuff here!

Last weekend of March I had an amazing experience while taking part in my first hackathone together with debitoor mates - Alex and Anton. These days we had desire and ability to code something cool in a limited amount of time .

Read More

Long time without updates here, so for now I would like to present my small node.js module that handles with gravatars - node-grvtr.

Install it via npm and use single method provided by lib that will return an url with params:

var grvtr = require('grvtr');

grvtr.create('john.doe@example.com', { size: 200 }, function (url) {
  console.log(url); // generated url
});

Full list of options and docs is as always on github.

Check out some updates to my online card - voronianski.com. It’s clean and simple with all the info you might want to know.

I’ve used here fantastic free display Facunda font for headings, created pure CSS ribbon and some javascript effects like text’s small dance while hover it (via cool lettering.js) and printing letters that will tell you about me. Here I’ll share code for my typewriter js:

function typeWriter(text, n) { 
  if (n < (text.length)) {
    aboutBlock.html(text.substring(0, n+1));  
    n++;
   
    setTimeout(function() {
      typeWriter(text, n)
    }, 100);
  }
}

// 0 is number of a character to start with
typeWriter('Your text that will be printed', 0);

Also available on codepen.

After some pause that was caused by fantastic Paris vacations and cool projects that I’ve started earlier, let’s welcome here some small css3 demo. It works only in Webkit browsers(say “hi” to Chrome and Safari) and Opera but still is very slick and semantic. It uses input[type=”range”] element which allows user to pick a value from a given range. That’s clear, so check out my codepen page here - http://codepen.io/voronianski/full/zJwbI/

Recently I’ve wrote a tutorial for amazing Codrops magazine about how to set your Node.js real-time geolocation app. Read it here or you can visit the demo and watch who’s viewing this experiment at the same time. Pull from github repo to run locally.

Take a look on the experimental plugin for popins that I coded on these sunny holidays :)

It uses interesting concept for showing popup windows that was suggested by Hakimel. All documetation and demo you can find here: http://labs.voronianski.com/jquery.avgrund.js/

Ready to share useful jQuery code snippet with you. Solution for those who need to check orientation modes in browser of device while implementing something. It uses simple change event of mobile API.

function checkMode() {
  var o = window.orientation;

  if (o != 90 && o != -90) {
    // here goes code for portrait...
  } else {
    // here goes for landscape...
  }
}

// check orientation on page load
checkMode();

// listen for orientation changes
$(window).bind('orientationchange', function() {
  checkMode();
});