Archive for the ‘Develompent’ Category

SpriteRight

SpriteRight is a spritesheet generator for the Mac that lets you import your existing images or stylesheets. Make your sites load faster, cut bandwidth costs and save time. SpriteRight even generates CSS code on the fly.

Must have tool for any web developer! Just awesome application. CSS processing – is a killer feature, on sale now, only 4.99$.

Home page and AppStore link.

CSS3 Click Chart

CSS3 Click Chart – Code examples, descriptions, links, tutorials, polyfills, tools, and browser support info for all new CSS3 features.
Project on GitHub

Tip for Youtube Developers

Im just trying to apply better optimization to the original youtube sprite image:

Original (34.98 KB):
youtube sprite image
Optimized (13.64 KB):

Optimized image (right one) – more than twice smaller in size, but pretty identical visually.

Im using free tools for this optimization, ImageAlpha and then ImageOptim.

Thanks for attention!

Flickr Tab – Released!

Hello fans! First stable version of my pilot application “Flickr Tab” was released today.
Visit this landing page to install app on your page or check some example pages.

Application based on Facebook and Flickr APIs, PHP, MySQL and some jQuery powered.

Like and share, thank you!

My NEW Facebook Application! Flickr Tab!

Just released – FlickrTab. Second beta version. Please, feel free for install and test.

FlickrTab — the best and easiest way to integrate Flickr and Facebook.

Thank you!

Cross Browser Support for Console.log()

Almost all programmers use browsers Javascript-console for debugging.
The console is built into Chrome, Opera, IE and installed with Firebug in Firefox.
But she has a couple of disadvantages, which can be very easy to fix.

console.log('Cross Browser Support!');

They are:

Lets fix these problems quickly and easily!
(more…)

Webkit dummy 3D operation

Useful hack to stop elements flickering while CSS transitions are in progress/active.
Just apply this dummy rule to the body or a specific element to prevent render issues.

-webkit-transform: translate3d(0,0,0);