Posts by
HTML5 Image Effects – Sepia
- 29
- Feb
HTML5 Image Effects – Sepia
Today we continue our HTML5 canvas examples, today I want to share with you a method of applying a sepia effect to images. This is not a very difficult method, anyone can repeat it. In our demo we can play with different images by adding a sepia effect to them, as well as we can ‘export’ our result on the image element (<img>).
Read more
Stream Radio Script
- 27
- Feb
Stream Radio Script
Today I have prepared another really great tutorial for you. Recently I have started development of my own radio software (as module for Dolphin CMS) and got interesting results. So, I would like to share you with some results about it. It will be nice looking (CSS3) radio script. It consists from three main elements: header (with nice animated search bar and integrated radio player), left side (with list of categories and subcategories) and right side (which will contains list of recent/ or filtered stations).
Read more
HTML5 Video player jQuery plugin
- 22
- Feb
HTML5 Video player jQuery plugin
As you know – HTML5 <video> element is already supported by most of browsers (by modern browsers). Its initialization is very easy. During today’s investigation I have understood few things: that each browser supports only few of video formats, and each browser has own native video controls (and all of them are different). But fortunately, html5 can give us all necessary possibilities to make own interface to control our video element. Today I will show you process of building own html5 player (quite crossbrowser), more, it will be new jquery plugin.
Read more
Pure CSS3 Accordion
- 21
- Feb
Pure CSS3 Accordion
Today I’ll tell you about another one great thing that you can implement with CSS3 – it’s an accordion. I think that accordion is still pretty popular in web. This is nice and compact way to keep some information at page. Of course, we always can use javascript (jQuery) plugins in order to set accordion, but sometimes this is not so necessary. We can use only CSS3 to achieve the same effect, today I will tell you exactly how this can be done.
HTML5 charts and graphs
- 20
- Feb
HTML5 charts and graphs
Today I have found one interesting library – flotr2. This is opensource library for drawing HTML5 charts and graphs. It allow to draw charts in different modes like: lines, bars, candles, pies, bubbles. More – it don’t require any extra libraries like jQuery or Prototype. And finally – it has good compatibility with different browsers. I have prepared our own demo for today’s lesson (using that library).
Infographic: CSS3 Properties
- 17
- Feb
Infographic: CSS3 Properties
Information Graphics (known as infographics) are one of the best ways to transfer some information into a reader’s mind. It can be something new, or other useful information gathered in one place. Nowadays many people don’t have enough time to read a lot of text on multiple screens. Infographics makes the information intuitive and understandable. That’s why we would like to share the best relevant infographics from all over the web. Today I found second one related infographic on CSS3 Properties. It covers most of its properties: radius, opacity, multiple backgrounds, gradients, transitions, shadows etc. I sure it will very interesting for you.
Read more
10 HTML5 canvas examples for Valentine’s Day
- 16
- Feb
10 HTML5 canvas examples for Valentine’s Day
I had to prepare this a few days ago, but I hope that it’s not too late. I want to introduce you the pleasant html5 examples for women, especially on Valentine’s Day. This is a collection of interactive hearts and flowers. Trust me – your girlfriend will love it!
Read more
Powerful Chat System – Lesson 4
- 15
- Feb
Powerful Chat System – Lesson 4
Today we continue a series of articles on the creation of powerful chat system. Our forth lesson will contain next elements: list of profiles (for our main page) and profile page. We will display some basic info of our members, and in next article we will add avatars to them and something else.
Read more
CSS3 multicolor menu
- 13
- Feb
CSS3 multicolor menu
In our new tutorial we’ll create a new nice multicolor and crossbrowser CSS3 menu with sliding (I use css3 transition) and color pure css3 color switcher. This is UL-LI-based menu.
New HTML5&CSS3 single page layout – Fashion
- 08
- Feb
New HTML5&CSS3 single page layout – Fashion
Our today’s template is very light, clean and friendly. Maybe someone will think that this is something very light and easy, but possible that someone have been looking for such styles for a long time. Anyway I sure that you will like it. I would like to introduce a new great masterpiece – ‘Fashion’ template. This is the nice HTML5/CSS3 template with nice light (with a little of red) colors.
