MP3 Player with HTML5
In you are a beginner in HTML5 and you are looking for new knowledge – our new tutorial is for you. We are about to tell you how to create your own html5 mp3 player. For the first lesson, we are going to tell you about HTML5 Audio Element. The HTML5 audio element is at the core of the new media API. The element itself allows you to play several different types of audio files and has a convenient built-in controller, which allows the user to control the audio playback. Let’s start by creating a very basic HTML document that plays an audio file.
Infographic: The Psychology of Color
Today I prepared a new and fresh collection of infographics about color in web. Choosing right colors in web-design is an important part when you make something new. As usual, people rely on their own subjective thoughts, without thinking how important color is. Actually, every color has own associations. I think that this is very interesting and useful to understand the psychology of color.
Highcharts – deeper practice for real statistics
Everyone of us can face with a situation, when we need to handle with some statistics. Me too, I was going to make a short review on how to build active charts (diagrams), and in the long run I built quite actual statistical graphs, which initially are presented as CSV files. I found this statistics here, where I chose a couple of interesting tables: Marital Status and Educational Attainment. I developed the script that is able to select data from one or even multiple tables (of a CSV file), drawing various graphs for analyzing. In today’s article I will show you an interesting method of parsing CSV files, and displays the results in graphs using Highcharts.
Win Free Copies of Packt’s new book on HTML5 Modernizr
Readers would be pleased to know that we have teamed up with Packt Publishing to organize a Giveaway of their new book ‘Learning Modernizr’. And four lucky winners stand a chance to win copies of the book. Keep reading to find out how you can be one of the Lucky Winners.
DZone Goodie Box
Today is no ordinary day. In the morning the postman came to us with notification that we received a parcel. We were very excited. Not every day that happens. Parcel was from Dzone company. Inside – a lot of souvenirs. However, see for yourself – I have prepared a few pictures.
Webkit image effects with masks
Today’s article may seem short, but it describes some interesting features of webkit browsers, in particular – the animation of images using masks. I want to warn – these examples will only work in webkit browsers (Chrome and Safari). The idea to study the masks came to me when I saw the Chrome browser logo on Google website. I liked this effect and I wondered to understand how it works. Well, what is a mask? Basically, this is an image (or gradient), where a transparent part will make your element invisible, non-transparent will make your element visible. These masks are similar as in Photoshop.
Neat and modern main section with CSS3
Last week we started making the very neat header section. This article was very popular (we got a lot of reviews). So today I decided to continue begun design. Today we look at the most basic elements of a page such as blocks and forms. I think that if we make all the blocks with the same styles – it would be boring, so (for a change), I prepared four types of blocks with custom headers and footers. And, as a demonstration of the form design – I made the contact form. Now, this is complete design of a single page.
Win Free Copies of iPhone and Android HTML5 Apps course
We are glad to announce that we got a good offer by Udemy team. They provide a variety of video courses for web developers. We are are organizing a Giveaway for our readers. All you need to do is just left a comment below this post and win a free copy of ‘iPhone and Android HTML5 Apps for Beginners’ videocourse. Three lucky winners stand a chance to win it. Keep reading to find out about this course and how you can be one of the Lucky One.