Design, CG Graphics & Inspiration

25 New HTML5 Tutorials & Articles

25 New HTML5 Tutorials & Articles

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…

Responsive Web Design: Fresh Tools, Articles and Tutorials

Responsive Web Design: Fresh Tools, Articles and Tutorials

It’s been a while since we have last time posted our three roundups dedicated to responsive web design. A lot of new tools, tutorials, articles and techniques appeared and have decided to come up with the latest and newest collection of the freshest materials.

Read more…

45 New Tools and Services for Web Designers and Developers

45 New Tools and Services for Web Designers and 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…

7 Steps to Get Prepared for IE10 and Windows 8

7 Steps to Get Prepared for IE10 and Windows 8

As you, certainly, already know, Windows 8 Consumer Preview was released on February, 29, and together with it the 5th platform preview version of Internet Explorer 10. In this article I am going to talk about how to prepare for the updated version of IE. Although, the narration will be mainly about IE10, many of these advices are applicable to other browsers, including the other platforms.

Read more…

PSD2HTML Review

PSD2HTML Review

Not every designer can quickly create a valid, semantic standard compliant markup, that looks equally good in all popular browsers. Frequently, when designers create magnificent and complex graphic part, they try to complete the coding part on their own. This can take too much time and become a really frustrating experience.

PSD2HTML® is an excellent solution for designers who want to get a high quality PSD to HTML conversion and CMS implementation in short turnaround time. They accept source files in all common formats, such as PSD, PNG, TIFF and AI. PSD2HTML® also provides the implementation of your design into popular CMS, including but not limited to WordPress, Drupal, Joomla! and Magento.

I used their services myself and here is my experience:

Read more…

Pixel Distortions with Bilinear Filtration in HTML5 Canvas

Pixel Distortions with Bilinear Filtration in HTML5 Canvas

In this post I want to describe simple methodology of pixel image distortion on “clean” javascript in 2D – Canvas without the use of the special libraries and shaders, by the direct access to the pixels of the image. I hope, it will be interesting and useful both for general development and for the decision of some tasks.

Read more…

  • February 22, 2012,
  • Stdit

50+ New HTML5 Websites

50+ New HTML5 Websites

Are you ready to get a new portion of inspiration? We have no doubt that it’s so! As a lot of new HTML5 sites have appeared since we did our last review on 70 Original HTML5 Markup Websites, we would like to share with you the best examples of the recent HTML5 websites. Perhaps, some of these might give you great ideas on how to enhance your own web site.

Read more…

Great Dozen of Advices to the Beginning HTML Coders

Great Dozen of Advices to the Beginning HTML Coders

Introduction

I am a freelancer. Previously, I didn’t think much about how and what coders do. I was responsible for the server, and my friend was coding and managing with the content. Quite recently I wanted to try to understand “what’s what”. A couple of days ago I came across the material that I liked very much. It was a clear example of what and how to write. Unfortunately, I cannot share the link, because I don’t remember where this manual is situated. Though, it was possible to memorize it, I went another way – I summarized it and made some notes. So, you are welcome to look through my notes.

Read more…

  • February 9, 2012,
  • Michael Davydenko

On the Sails of HTML5: How New Technologies Change Modern Web. Part 2

On the Sails of HTML5: How New Technologies Change Modern Web. Part 2

You can read the first part of this article here

A3. Agile

The third A is Agile. The world is difficult and sometimes it is not enough to be simply accessible and adaptive to some different, but general parameters. A site must be flexible and the making of technological decisions must be flexible too.

Read more…

  • January 25, 2012,
  • Constantin Kichinsky

On the Sails of HTML5: How New Technologies Change Modern Web. Part 1

On the Sails of HTML5: How New Technologies Change Modern Web. Part 1

What is HTML5?

Today, from a number of those people who are somehow related to web development, only lazy ones haven’t heard about HTML5. You won’t be mistaken, supposing that at every modern conference, where some questions about web are being discussed, almost for sure, there might be something about HTML5. Practically every large company, related to web, whether it is Google, Apple, Microsoft, Amazon, Adobe, Oracle, Facebook, Yandex or Mail.ru. says something in favor of HTML5, makes a declaration of love and adherence to advancement and development of HTML5. Yeah! (Opera and Mozilla, undoubtedly, are in this list too.)

Read more…

  • January 24, 2012,
  • Constantin Kichinsky

Tooltips in CSS3 and HTML5

Tooltips in CSS3 and HTML5

In this article I’ve decided to write about quite simple and easy method of how to create the simple “tooltips” – pop-up prompts. In this method we will not use JS, we’ll be content with CSS3 and HTML5.

Read more…

  • December 1, 2011,
  • Nikolay Izoderov

Meet the Designer – Interview with Alessio Atzeni

Meet the Designer – Interview with Alessio Atzeni

Today we present to our readers an interview with web designer and front-end developer – Alessio Atzeni. He is a passionate web designer specializing in XHTML, CSS and Javascript web development, and each site he develops is built to be search engine friendly.

Read more…

40+ New HTML5/CSS3 Articles and Tutorials

40+ New HTML5/CSS3 Articles and Tutorials

HTML5/CSS3 are bringing so much useful into web designers’ lives and in this connection we don’t stop on searching through the web for exhaustive and interesting tutorials, articles and snippets to share all the best resources with our readers. In this post we’ve collected the latest and the newest HTML5/CSS3 Articles and Tutorials that might help you in mastering your skills.

Read more…

  • November 10, 2011,
  • AndrewG

Bruce Lawson | HTML5 Semantics: you too can be a bedwetting antfucker

Bruce Lawson | HTML5 Semantics: you too can be a bedwetting antfucker

With all the whizzbangs of canvas and multimedia, the Ooh!s of the History API and the Aah!s of Appcache, the 30 new elements in HTML5 are often overlooked by developers coming to terms with what’s new in the HTML Hood.

But semantics aren’t the boring old comfortable cardigan in your developer wardrobe – they’re the studded leather codpiece around which the rest of your Mighty HTML Warrior’s armour is built.

We’ll look at how the new HTML elements came about, note problems with their current specifications, then wonder whether those problems are actually features rather than bugs. We’ll also consider the WHATWG’s penchant for “teleological semantics” and, back in cardigan mode, propose a middle ground.

There will be no Turkish dancing videos.

Slides and transcript available on fronteers.nl/​congres/​2011/​sessions/​html5-semantics-bruce-lawson

  • ,
  • AndrewG

New High Quality HTML5/CSS3 Templates and Themes

New High Quality HTML5/CSS3 Templates and Themes

There are a lot of professional and qualitative HTML and CSS templates available for free and in case you are familiar with coding, you can learn a lot of handy things and new techniques just by studying code. In today’s post you won’t find a long list with all the available HTML/CSS templates on the internet but it’s a refined collection of the best handpicked high quality HTML5/CSS3 templates and themes. Moreover, all of them are free to use, so we hope that some of these will meet your expectations and be useful in your projects.

Read more…

HTML5: New Functions Of The Old Tags

HTML5: New Functions Of The Old Tags

It is well known that tags <b>, <i>, <s>, <small> are presentational, and consequently, in terms of a paradigm “structure, presentation, behavior” their use is not welcomed. Elements <strong>, <em>, <del> are seemed more usual. So it was during the long years of development practice. However a great deal changed in semantics of these elements with arrival of HTML5. Now we have 4 new tags with sense and our thoughts are in a muddle.

Read more…

  • October 13, 2011,
  • Waldeh