CSS Tooltip
Sep 22, 2013     16:57:13

Today I'll try to show you a simple example how to create CSS3 tooltip (with HTML and no JavaScript) with a little bit of animation on show and hide.

Demo:

single lineSome tooltip text, multiple linesMultiple line tooltip text
and actually can be breacked with <br>.
and with tagsYou can use any kind of tags here


Lumia 800 in CSS3
Sep 08, 2013     19:45:51

A long time ago there was an iPhone... and iPhone created in CSS3.

Since that time I received a lot of emails and messages in social network, tweets and likes in facebook, etc.

And one day I received a message from Nishant Kothary. He asked me to update my creation a little for better work in IE10 (pre release version for that time).

After short conversation he decided to create the next challenge for me and send me Lumia 800.


Imageless Lumia 800

Meet new imageless creation - Lumia 800


Source

All sources available on GitHub - http://github.com/TjRus/Lumia.js


tformer.js - empower your HTML forms
Apr 25, 2013     11:11:11

Introduction:

Have you ever tried to develop forms? Or wrote a script for the validation of these forms on the client side? Did you have to use the already existing plugins for form validation?

I had to, but I've never been 100% satisfied with any approach to neither solving the problem directly (own validation script for each project under its forms), nor how the existing third-party plugins works.


The Problem:

The main problems of own scripts and plug-ins have always been - the flexibility, convenience and simplicity.

A large number of data-attributes, required for configuration scripts (as in Parsley.js) makes the code less readable, and never remembers how to write them correctly. Not so simple ...

Not all plugins are well suited for the desired HTML-forms, and constantly write own scripts for different forms are not always convenient and reasonable.


Objective:

Create something flexible, easily configurable, a fully controllable, with an intuitive syntax and the main idea - to validate.


Solution:

The solution resulted in a small opensorce plugin, called tFormer.js.


W3C Conf 2013 stream
Feb 21, 2013     14:41:45

W3Conf is W3C's an­nual confer­ence for web pro­fes­sion­als. If you are a web devel­op­er or designer want­ing to hear the lat­est news on HTML5, CSS, the open web platform and your place in it, come join us!

Watch it



The problem with the audio tag
Feb 27, 2012     06:50:00

I was faced with an interesting problem while adding the sound effects to locking and unlocking my iPhone in CSS3.

When I was trying to specify the "src" attribute of audio source tag it cause Safari overload and the browser stopped responding. Here is the code:

<audio id="soundLock" controls="true">
	<source src="/p/iphone/sound/lock.ogg" type="audio/ogg" />
	<source src="/p/iphone/sound/lock.mp3" type="audio/mpeg" />
</audio>

How I made an iPhone 4 in CSS3
Jan 26, 2012     16:30:00

In 19th December 2011 I published my creation, iPhone4 in CSS3, to my website. Since that time more then 400 000 unique visitors saw it, many of them like and share it. And now i want to tell how I made it from the stage of beginning to the first tweet about it's finished.

Click "Read more" to find out how I made it.