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.

22 76380
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 25000
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 31825
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 10550

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 19620

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 46635 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 30185
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.

6 34965
How to display twitter posts using javascript

How to display twitter posts using javascript

I think that displaying your Twitter posts on your website is a wonderful way to show people in-time news. This feature can be very useful for your project. Because it can can inspire your website’s visitors to follow you on Twitter. I am going to create simple script which loads twitter posts and renders into HTML format using JsRender jQuery library. Everything is on the client side.

0 19575
Facebook API - Get friends activity

Facebook API – Get friends activity

Today I want to show you how to display activity feeds of your friends at your website. Ever wondered what your friends were doing on the Facebook Pages that you both like? Most of you can answer ‘yes’. And today we are going to display that activity feed at your website, I am going to use Facebook API (using fql.query). The result script can show us different feed types, for instance: status update, posted links, notes, photos, videos and other. Everything are located in ‘stream’ FQL table. So, let’s look to the realization.

0 12620
How to create simple and effective design template

How to create simple and effective design template

Today we are going to use jQuery mobile library again. Today I’m going to show you how to create simple, but very effective webdesign template for your website. Our template consists of header (with small logo), navigation menu, main content area (2-column grid layout with custom design boxes) and footer. More, we can say that this is a fluid layout, which means that it looks great with any resolution of your monitor. Welcome to try it.


HTML5 Audio player with playlist

161 330460
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