Stop all active ajax requests
May 31, 2012     07:18:03

Several months ago I encountered a problem - "How to abort() all current requests on the project page?". If you have a project built on AJAX you'll definitely need this functionality. Moreover, if your project is not built entirely on AJAX, but uses it in some cases to accelerate the navigation on the project you would not have prevented the use of abort() for such requests.

In a single use of AJAX it is simple. The XMLHttpRequest has a abort method, which cancels the request.

// creating our request
xhr = $.ajax({
	url: 'ajax/progress.ftl',
	success: function(data) {
		//do something
	}
});

// aborting the request
xhr.abort();

But what if we have a lot of requests and we wand to abort all of them?



How to block using your website throught iframe? It's simple!

<script>
	if (window!= top) // if your website window is not top
		top.location.href=location.href
</script>

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.


iPhone 4 in CSS3 first month statistics
Jan 20, 2012     03:00:00

My great iPhone 4 in CSS3 was launched a month ago. And here is some stats.


ValueTitle
396,517Visits
370,657Unique Visitors
555,987Pageviews
1.40Pages/Visit
00:00:48Avg. Time on Site
81.03%Bounce Rate
93.45%% New Visits

Read full article to view more stats in charts;)


Site update & blog launch
Jan 17, 2012     10:10:10

Goog morning!

Few days ago I decided to update my website design and add a blog section. Redesign was an easiest part, blog developing is also not hard. The hardest thing is to write something interesting for you in my new blog. In this first article I'll try to describe what and what for will be my writing.

New design is very simple and understandable.

By the advice of Paul Grozyan (@grozyan) I combined "lab" and "project" sections. Because the project is only one for now, it's so tiny and looks like a lab experiment. There was idea to call the section "labject" but it was only idea:)

The most thing I like in new design is new code highlighting style! Here is an example how it works:

<!-- inclide prettify style file -->
<link href="/css/prettify.css" type="text/css" rel="stylesheet" />
<!-- inclide main prettify js file -->
<script src="/js/prettify.js"></script>
<script>
	$(document).ready(function(){
		prettyPrint(); // run code prettify on document.ready()
	});
</script>

<!-- construction for code prettify -->
<pre><code> 
Here is your code
</code></pre>

12