Tag Archives: html5

Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial

Posted in Coding, HTML & CSS, Tutorials1 year ago • Written by 75 Comments

A few weeks ago, we released two different introductory articles about HTML5 and CSS3, and I promised you we’d do some cool stuff together in the upcoming months. Well, I have been working hard on this video tutorial and I really hope you enjoy it.

In this tutorial I will teach you how to create a responsive website using HTML5/CSS3 from scratch. So rather than talking about, let’s get straight to it. I hope you will leave me feedback in as I would like to read some of your opinions very, very much!

Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial Read More

CSS3 Introduction – New Features, What it Can Do, and Resources

Posted in Coding, HTML & CSS1 year ago • Written by 12 Comments

A short time ago I posted an introduction article about HTML5 and I promised you a CSS3 introduction and what new things it brings to the industry, although it’s been some time since it was officially released. If you didn’t read the article on HTML5 yet, I strongly advise you do so, as CSS3 works better with the latest markup language from the World Wide Web Consortium.

CSS3 Introduction – New Features, What it Can Do, and Resources Read More

HTML5 Introduction – What is HTML5 Capable of, Features, and Resources

Posted in Tips, Tools, Web Design1 year ago • Written by 35 Comments

After analyzing our new focus here at 1WD, which basically is teaching new, young, designers about web design and helping them improve their skills and to start in the business, we realized that we really need to go as deep as possible into the basics. And while we covered many of these already, two basic things are still missing from the website, and these two are in-depth introductions and discussions about HTML5 and CSS. Therefore it is one of my assignments for the next period to teach you about these two technologies and, after this, to create several tutorials for you. So in the next two to three months, I will cover aspects of front-end web design, basic coding and tutorials about them. Buckle up and get ready to become better at coding!

UpdateCreate a Responsive Website Using HTML5 and CSS3 – Video Tutorial

HTML5 Introduction – What is HTML5 Capable of, Features, and Resources Read More

20 Addictive HTML5 Games For You To Enjoy

Posted in 1WD Features, Tools, Web Design2 years ago • Written by 9 Comments

HTML5 game development is a trending topic that developers and designers often talk about these days. It is slowly but surely replacing Flash with its support for animations and game development in combination with JavaScript. You will see that more and more HTML5 games are created everyday with awesome graphics and cool effects. In this round-up, we are going to provide you with a list of addictive HTML5 games.

20 Addictive HTML5 Games For You To Enjoy Read More

30 Must-See HTML5 Tutorials to Help You Impress Your Audience

Posted in Coding, Tutorials2 years ago • Written by 20 Comments

If you want to be a successful web developer or designer, you always have to be a step ahead. Sooner or later, HTML5 is going to strengthen its position even further and you want to be ready when that happens. Mastering the latest technology will allow you to experiment, push things further, and give you a considerable edge in the market.

For this roundup we’ve prepared 30 fresh, brilliant and useful HTML5 tutorials from 2012 ranging from basic element explanation to advanced case studies.

30 Must-See HTML5 Tutorials to Help You Impress Your Audience Read More

45 Fresh and Free HTML5 And CSS3 Templates You Should See

Posted in Coding, Freebies, HTML & CSS, Templates2 years ago • Written by 21 Comments

The first two things web developers consider when they need to create an extremely stylish and trendy website are CSS3 and HTML5. The reason for this is the functionality and features they offer and why HTML5 and CSS3 are a major topic for web designers.

Taking this into account, we thought to compile another fresh and cool collection of some professional HTML5 and CSS3 templates. So, here we are with 45 free, but fresh, templates that you can download.
So, enjoy this collection and have more fun in making the web experience more pleasurable and gratifying. Let us have a close look!

45 Fresh and Free HTML5 And CSS3 Templates You Should See Read More

7 Creative Ways to Use HTML5 Canvas

Posted in Tips, Web Design2 years ago • Written by 1 Comment

One of the most exciting features of HTML5 is the <canvas> element that can be used to draw vector graphics, create amazing effects, or produce interactive games and animations. Canvas is supported in all modern browsers, including the upcoming Internet Explorer 10, but a little help from JavaScript allows older versions to adapt. It was originally designed by Apple for creating lightweight dashboard widgets on its mobile devices, but is now an openly developed W3C spec which grants it enormous flexibility and application.

7 Creative Ways to Use HTML5 Canvas Read More

Eenox: Design HTML5 Websites for Desktop and Mobile without Coding

Posted in News, Tools, Web Design2 years ago • Written by 4 Comments

The death of Adobe Flash for mobile was not shocking news for the majority of its proponents, we all saw it coming. With that, HTML5 will definitely gain control of both mobile and desktop websites in a few years. Right now there are a lot of HTML5 template generators, making it easy for designers and developers to create an HTML5 website.

A French startup, Eenox, has developed a platform to help create dynamic HTML5 websites without writing a single line of code. If you are familiar with Wix, a Flash website builder with drag-and-drop features, it basically works the same.

Eenox is an application that you can use right in your browser. Designing an application/website is easy. It is literally a drag-and-drop, draw and place, kind of application.

Eenox: Design HTML5 Websites for Desktop and Mobile without Coding Read More

Using HTML5 Video The Easy Way

Posted in Tips, Tools, Web Design2 years ago • Written by 9 Comments

If you haven’t had a good reason to learn HTML5 video, let me give you one: Flash mobile is dead. Mobile is the new black, many people say that by 2014 more people will be browsing with their mobile device than using a desktop. You know, if we get through 2012 of course. So more then using CSS media queries and cool coding tricks, you need to be ready to switch also the way you post videos online.

Now  you may be asking yourself if it’s hard to implement HTML5 video, or if it’s worth the effort. Well, dear friend, it’s way easier than you think.

We’ll see today a few different ways you can implement it, and a few more things that you should be aware of.

So, let’s rock!

Using HTML5 Video The Easy Way Read More

Definitive Mobile Guide – 40+ Tools, Frameworks And Tutorials

Posted in Tutorials2 years ago • Written by 16 Comments

The mobile market is getting bigger and bigger. A lot of people are spending much more time mobile browsing than desktop. Sometimes I feel like developers aren’t paying proper attention to mobile interfaces. Maybe because we don’t have enough tools to do it, right? No, actually it isn’t.

Despite cool things like Safari Mobile that makes any (non-flash) website “browsable” it’s easy to see that conversion rates are much higher on interfaces design for mobile viewing.

So be ready to see A LOT of tools to help you create cool things for mobile with just what we know (HTML, CSS, JS).

Definitive Mobile Guide – 40+ Tools, Frameworks And Tutorials Read More
54.243.23.129 - unknown - unknown - US