Authors Posts by Andrey


I am a web developer with huge experience (in web languages and even in system languages). Also I am the founder of current website (and several another). I like to write blogs about web development/design.

0 13215
CSS3 Loading elements - part 2

CSS3 Loading elements – part 2

We received a lot of feedback on this article CSS3 Loading elements, so we decided to prepare the second part of this article. Where we will create 4 new loading elements. All of them use pure CSS3 animation and don’t use images. Let’s review them.

1 45595

Pure CSS3 galleries collection

In our new collection of web tutorials you can find a new collection of pure CSS3 photo galleries (it means – without using javascript). Most of them support ‘click’ behavior. Usually it means that you can get enlarged version of image (or other object) when you click on it. If you are looking forward to add similar CSS3 photo gallery at your website or you are learning how to develop similar galleries – our collection is for you.

17 70535
3D CSS3 Book Generator with jQuery

3D CSS3 Book Generator with jQuery

Today we made up my mind to develop something really interesting and useful for you. A new jQuery plugin – as a generator of books. The main idea is to display user friendly book basing on raw text (with images). The book consists of pages, each page consists of 2 sides (as in a usual book), there are buttons Back-Next at the sides of pages to navigate through the pages, and when we turn the pages we see that the pages are turned in 3D (powered by CSS3). In order to achieve this 3D effect we use CSS3 transform (rotate3d, preserve-3d and rotateY) and transition effects.

22 78345
Webcam Video Capture in HTML5 and CSS3 filters

Webcam Video Capture in HTML5 and CSS3 filters

As we know – HTML5 defines a new element called <video> for embedding video. Usually people use this element to embed a video into web page. It is very convenient. Because the <video> element is designed to be usable without any detection scripts. You can just specify multiple video files, and browsers that support HTML5 video will choose one based on what video formats they support. Now, let’s imagine that we can use the same element to access a user’s camera and microphone. Our article opens these boundaries. I’m going to show you how to capture a video from your webcam in HTML5, and even more, I will show you how to pass this video into <canvas> object, and even – how to apply custom CSS3 filters to our video.

6 25915
An old letter

How to create an animated old letter

Today we will create an animated old letter. In this letter, we will use an animated pen. When the pen dries out – we’ll dip it in the ink. And even more, we add the feature to emulate the errors that will be erased during typing. Now let’s look at the implementation.

7 33170
Javascript cross-domain api for your website

Javascript cross-domain api for your website

Welcome our readers. Today I would like to give a small but very important lesson where we will create our own cross-domain javascript api. I think that many of you have already tried to implement something similar, and maybe you faced with the impossibility of normal operation with the API functions at third-party domains. Basically, you just can not make a normal AJAX requests to a remote server and receive a reply in your javascript function. And all because of security regulations. But today I’ll show you how to solve this problem.

0 10560

Modern Website Designs Collection

Today we have collected a new collection of websites with unique designs for your inspiration. And I would like to share with you our new web design roundup of websites. This is a hand-made collection of really modern looking websites. If you are looking for new ideas and inspiration – this is the best place to start from. Just check it – and you will find something interesting for your soul.

3 20010

Infographic: A Job for web developers and designers

Our today’s collection of infographics is .. about our work (job). Sometimes we can ask ourselwes: Is my work a well paid?, or, Am I really satisfied with my work? And even: Should I work for free? Or, we are thinking about our future, our plans. Answers to these questions will give our new hand made collection of infographics about our work.

15 48105 javascript API practice javascript API practice

Today I would like to give you something new, we have already talked about different social networks like facebook, google or twitter, but we haven’t tried other services, as example – musical services. I’ve prepared for you an example of work with As we know, this is huge musical website with rich api. In our tutorial we are going to create a script with next functionality: In the beginning it will obtain the top weekly artists (chart), then, we will remember a first one artist (as a top artist), and in the next step we will obtain information about him. And finally, in the third step we will get the top tracks by him. I sure that such script will be very useful for any music website.

6 30905
CSS3 3D top shift menu

CSS3 3D top shift menu

In this tutorial I will show you how to create animated 3D navigation menu (with images) with CSS3 only (JavaScript-free ). We will be using the power of CSS3 effects like perspective, box-sizing, transforms, gradients and transitions. You can use this menu in order to make a professional look of your website. Pay attention, than to see this menu you should move and hover your mouse over the blue element at the top of page.


HTML5 Audio player with playlist

161 351665
HTML5 Audio player with playlist HTML5 audio player. Many of you faced with the task of creating audio player at least once in your life....
CSS3 Modal Popups