Design, CG Graphics & Inspiration

HTML5 Validation Tips

HTML5 Validation Tips
  • September 12, 2011,
  • AndrewG

How to Make Your Own Video Player On HTML5 Video

How to Make Your Own Video Player On HTML5 Video

Today we are going to cope with the task of creating your own video player on HTML5 Video. Let me remind you that the video-element by itself already provides the necessary set of controls for playback controlling.

Read more…

  • September 7, 2011,
  • Constantin Kichinsky

LibCanvas Basics. The Practice

LibCanvas Basics. The Practice

This is a continuation of the article about LibCanvas basics. In the first part we’ve touched upon the theoretical side and now we’re going to do some practice and try to implement very basic and simple things. The main purpose of the article is to master the basic knowledge about LibCanvas, we’ll write a simple scripts, unsuitable for the use in real life, but you can develop them into something great.

Read more…

Content editable Feature in HTML5

Content editable Feature in HTML5

One of the HTML5 innovations has become the ability to edit the page in the browser. This feature is called content editable. It works in all modern browsers. To make the page editable, you need to put the tag attribute contenteditable = “true”. Under the tag can be almost everything: formatted text, images, lists, and even flash-movies. But you can add only text, the rest can only be removed. In this post I’ll show an example of using content editable on the website.

Read more…

  • August 26, 2011,
  • Boris

LibCanvas Basics. The Theory

LibCanvas Basics. The Theory

One of the most frequently asked question about LibCanvas now is “How to get started?” I agree that the threshold of entering into this library is slightly higher than in the simple canvas-library, so in this topic I will cover the basic notions of LibCanvas, such general concepts and principles as drawing primitive shapes, mouse and keyboard events, animation, enhanced context and behavior.

Read more…

HTML5 Canvas: Frequently Asked Questions

HTML5 Canvas: Frequently Asked Questions

In this post I would like to share some information about HTML5 Canvas in F.A.Q. format.

Read more…

  • August 11, 2011,
  • TheShock

HTML5: Geolocation: Requesting Location

HTML5: Geolocation: Requesting Location

In this video we learn about the HTML5 Geolocation API, and see how to request the user’s location.
Download the Code.

  • August 6, 2011,
  • AndrewG

HTML5 Essentials Resources

HTML5 Essentials Resources

Today HTML5 brings a lot of opportunities to web designers and web developers. The things that previously one could do only with the use of Javascript or Flash, now with HTML5 became more accessible. And for those who want to master their skills we’ve compiled some HTML5 specifications, references and tutorial articles that might be very handy both for beginners and professionals.

Read more…

  • August 2, 2011,
  • AndrewG

HTML5 Multimedia with Bruce Lawson

HTML5 Multimedia with Bruce Lawson

A much-hyped feature of HTML5 is native multimedia. In this session we’ll look at embedding multimedia into your pages, and how to make it work cross-browser and degrade gracefully in older browsers. Sound too good to be true? It’s not!

We’ll look at the pros and the cons of HTML5 multimedia and see how to write controls with JavaScript and CSS. We’ll also look at how HTML5 builds in support for subtitles and captions for multimedia accessibility. We’ll build up a working example, and look at what’s coming just around the corner in HTML.next – and you might pick up a Turkish dancing tip on the way.

  • ,
  • AndrewG

Paul Irish on HTML5 Boilerplate

Paul Irish on HTML5 Boilerplate

HTML5 Boilerplate is a “rock-solid defualt for HTML5 awesome.” In this video, Paul Irish, the man behind the project will show you how you can use HTML5 Boilerplate to get your projects up and running quickly while keeping best practices covered.

Paul will start with an overview of HTML5 Boilerplate before diving into some examples and demos to give you a feel for how you can jumpstart your next project with HTML5 Boilerplate.

  • July 29, 2011,
  • AndrewG

20 Free HTML5 Games

20 Free HTML5 Games

A lot of great changes happen in the world of web development and web technologies. As time goes really fast we get more and more innovations in these fields. Previously, everyone was excited with Flash that initially was used to add animation, video, and interactivity to web pages. And now it is often used for advertisements, games and flash animations for broadcast. But today is a new page in history of HTML5. And in this topic we would like to present to your attention a cool collection of 20 free HTML5 games. Unlike Flash, HTML5 is open source and it is totally free. As with any new technology, there are some problems with HTML5, but these are expected to be overcome in some time. The thing with HTML5 at present time is that the older browsers, for example Internet Explorer, do not support it. So if you would like to try the games we have listed below, you will have to make sure that you have any of these browsers installed: Chrome, Safari or Firefox.

Read more…

  • July 25, 2011,
  • AndrewG

PressWork Demo

PressWork Demo

Presswork is a free WordPress Framework for designers, developers & publishers.
Front-end Editor. Style without any code and take full control.

The idea is simple – let’s put the power of PressWork in the front-end. We wanted to give designers, developers, and publishers alike the ability to make all changes in a live preview environment while taking advantage of everything that WordPress already has to offer.

  • July 13, 2011,
  • AndrewG

Timesaving Tools and Services for Web Developers

Timesaving Tools and Services for Web Developers

Web developers should always be abreast of the latest news. And to make their work easier and to help in saving their time a lot of talented web developers from all around the world always try to bring some new decisions and tools. To your attention, we would like to showcase some fresh timesaving tools among which you’ll find useful services, resources, generators and frameworks that you might find very interesting.

Read more…

HTML5 Placeholder stylization with the help of CSS

HTML5 Placeholder stylization with the help of CSS

HTML5 has a wonderful attribute – placeholder (text prompts for input elements)

Read more…

Creating CSS3 Navigation Menus: Fresh Tutorials, Techniques and Tools

Creating CSS3 Navigation Menus: Fresh Tutorials, Techniques and Tools

Navigation menu is the most essential thing on a web site that should be carefully chosen according to its design and necessities. Today, there are a lot of ways to create a nice looking and usable navigation menu, but we would like to share with you some tutorials on how to make it with the help of CSS3. We’ve searched around the web and picked out the most interesting examples of CSS3 navigation menu tutorials you might want to try yourself. Hope you’ll like them and use in your projects or may be just for the daily practices.

Read more…

Creating HTML5/CSS3 Forms: 30 Helpful Tutorials

Creating HTML5/CSS3 Forms: 30 Helpful Tutorials

Web forms are very helpful in interaction between a web site and the users. It should be simple, functional, and beautiful. So, whether you are going to add contact us form or sign up form, there is no doubt, that with CSS3 you’ll create something creative and special with its great specifications such as box-shadow, text-shadow, transition, etc.. You should definitely check out the tutorials on creating HTML5/CSS3 Forms we’ve complied for you.

Read more…