5 HTML Tutorials You’ll Find Useful

5 05 2011

If you haven’t started learning HTML 5 yet, then you’re behind the curve ball. It won’t be long before HTML 5 is out of development and in common use. Then will be too late to learn how to use it. Your competition will be way ahead of you and you’ll be playing catch up.

Here are 5 HTML 5 tutorials that you’ll find helpful today and that you’ll continue to use when everyone else is programming with it as well.

  1. Using The Canvas Element In HTML 5 – You’ll need to know a little JavaScript in addition to HTML, but this powerful feature will allow you to create graphical applications more simply and have fun doing it.
  2. Using The HTML 5 Section Element – This is one you’ll use often.
  3. Using HTML Definition Lists – For specific use with Visual Studio 2010.
  4. Introduction to Off-Line Capabilities With HTML 5 – Help your site visitors use your apps off line with this great tutorial.
  5. Creating Credit Card Payment Forms With HTML 5 – An advanced tutorial. You’ll learn how to create credit card forms easily using HTML 5 as your basic programming code.

HTML 5 is revolutionizing web development. It will be easier and more fun to design dynamic websites with HTML 5. Take a few tutorials and learn how to design your next website with HTML 5.


10 New Markup Elements In HTML 5

29 04 2011

HTML 5 has a lot of new developments for web designers. If you have gotten used to HTML 4 and think that HTML 5 will be easy to learn, you could be in for a shock as you’ll have to learn a whole new language (almost).

There are still some common elements, however, HTML 5 does introduce some new markup. Here are 10 new markup elements introduced by HTML 5:

  1. Article – This markup element is for using syndicated content from another website.
  2. Command – Used for a button, radiobutton, or a checkbox.
  3. Header – Introduces a section or a document and could include navigation.
  4. Nav – Used for a section of navigation.
  5. Video – Video elements now have their own markup in HTML 5.
  6. Keygen – Generate keys to authenticate users.
  7. Embed – For embedded content, such as a widget or a plug-in.
  8. Hgroup – For a section of headings. For example, H1 to H6.
  9. Aside – Separate content that is related to the surrounding content. Resembles a sidebar in print design.
  10. Figcaption – Defines the capture of a figure element, which can include a group of stand-alone content, photos, or videos.

There are plenty more new markup elements in HTML 5. This just barely scratches the surface. To learn more HTML 5 markup with a tutorial and a free download, visit HTML Atoms.

10 Tutorials Websites To Sink Your Teeth Into

27 04 2011

Web developers are always looking for tutorials websites. I’ve got quite a list of developer tutorials that you can delve into. With these sites, you’ll spend hours learning new code that you can use in your website development. Don’t go anywhere until you try these 10 tutorials websites.

  1. AJAX Tutorials – Web 2.0 is here so you might as well learn how to code for it. These AJAX tutorials will get you started.
  2. ASP.NET Tutorials – If you are a Windows server coder, this website will give you the basics and lead you on to some advanced tutorials.
  3. CSS Atoms – Learn CSS from the bottom up.
  4. HTML Atoms – There’s no better place to learn HTML.
  5. Dot Net Tutorials – This site has more advanced .NET tutorials than any other site around.
  6. JavaScript Atoms – You can try to design a website without JavaScript, but you won’t get far. Learn how to code with JavaScript with easy-to-follow tutorials.
  7. Programming Help – This tutorials website features tutorials on CSS, AJAX, .NET, and many other coding languages.
  8. Photoshop Atoms – You can’t build a website without graphics. Learn how to create stunning graphics with this Photoshop tutorials website.
  9. The Web Made Easy – The tutorials on this website are easy, and fun.
  10. SQL Atoms – Learn SQL the easy and fun way with these awesome tutorials.

I highly recommend these website tutorials. You’ve got a lot to dig into now. Start digging. 🙂

Will HTML 5 Save The Web?

25 04 2011

HTML 5 is in the late development stage and it’s looking pretty good. I like a lot of the new ways of making certain web design elements work. I like the definitions of web design elements. And I like the overall direction that HTML is taking with the fifth generation. But will it save the Web?

In truth, the Web is in no danger of going anywhere. It’s not in the running for sudden destruction. It’s not even in decline. However, HTML is.

Let’s face it. HTML 4 is outdated and almost irrelevant. If you look at how most websites are being designed these days, the bulk of code that is going into them is CSS, PHP, and JavaScript. The Windows server equivalent is ASP.

While HTML is still being used, it makes up a small percentage of the actual code for most websites. But HTML 5 could change that.

CSS, PHP, JavaScript, and ASP will still be used after HTML 5 is released to the public. But HTML 5 does show some promise for reducing the amount of code overall in web development and the over reliance of other code in particular.

HTML 5 offers many new web design developments and some of them are based on elements that have typically not been associated with HTML. The Web may not be in danger of dying, but HTML 5 will certainly improve the way website designers and developers are creating their billboards.

11 Web Page Sections Of HTML 5

13 04 2011

Just in case you aren’t keeping up with the developments in HTML 5, I thought I’d share with you the current definitions of 11 sections of a web page document. They’re simple, but I think they are essential to understanding where HTML 5 is going to take us.

  1. Body Element – Just as in HTML 4, the Body element defines the body of a web page.
  2. Section Element – New to HTML 5, the section element defines a specific section of a body element on a web page.
  3. Nav Element – Also new to HTML 5, is a specific section of a web page that defines the navigation of a website, providing links to other pages on that site.
  4. Article Element – Another new feature of HTML with version 5. This is a self-contained element containing content that is independently re-usable or able to be syndicated.
  5. Aside Element – Continuing with new HTML 5 features, an Aside element is akin to a sidebar in print. It is content that is not related to the main content on the page and therefore is separate.
  6. H-tag Elements – Section headings.
  7. Hgroup Element – Groups H tags of a single section into one element. New to HTML 5.
  8. Header Element – Defines a web page’s header.
  9. Footer Element – Defines a web page’s footer.
  10. Address Element – Defines the contact information for the nearest Article or Body element author.

HTML 5 has a lot of new features not currently defined in HTML 4. I think they are generally an improvement and I look forward to future HTML 5 developments as they are rolled out by W3C.

Know Your Tools

16 03 2011

The phrase “the tools of the trade” is one that comes up a great deal when someone is explaining what it is they do for a living. Every vocation, be it seemingly simple or highly complex, has tools of the trade. They might, as well, be simple hand tools or easy-to-operate machinery. They could also be great mechanical beasts that are housed in impossibly-large warehouses, replete with enough moving parts to baffle all but the bravest of engineers. What is important when we talk about tools of the trade is that they are not simply things that are there for your amusement. Not at all, in fact. The tools of your trade, whatever that might be, are there for a singular purpose: to help you get your job done and to help you get it done efficiently. Knowing and respecting your tools, as well as those who use them, is key to success. Knowing how to use them is key to keeping the job.

When it comes to programming, to building and designing not only proprietary software, but also the experience of the Internet, developers have a great deal of options. There are hundreds of different programming languages available to be used, all with individualized strengths and weaknesses. These faults and strong points set them apart and denote what exactly they can best be used for. Knowing how and when to use HTML, CSS, and JavaScript when designing a web page, for instance can mean a great deal. It can be the difference between building a dynamic site with an engaging aesthetic and designing something that could have been built with, say, Geocities. However, the main point remains: know your tools and respect their uses.

On the World Wide Web Consortium…

26 01 2011

Often spoken about, but never really understood — sort of like an ephemeral “computer illuminati” of sorts — the W3C is, indeed, your go-to source for the latest trends & developments in HTML & CSS coding.

No developer worth his/her weight would ever dream of not participating/consulting in the W3C!

The World Wide Web Consortium (W3C) was founded by Tim Berners-Lee after he left the European Organization for Nuclear Research (CERN) in October, 1994. It was founded at the Massachusetts Institute of Technology Laboratory for Computer Science (MIT/LCS) with support from the European Commission and the Defense Advanced Research Projects Agency (DARPA), which had pioneered the Internet (unfortunately, though, the DARPA did not contain Al Gore!).

W3C was created to ensure compatibility and agreement among industry members in the adoption of new standards. Prior to its creation, incompatible versions of HTML were offered by different vendors, increasing the potential for inconsistency between web pages. The consortium was created to get all those vendors to agree on a set of core principles and components which would be supported by everyone.

The domain w3.org attracted at least 11 million visitors annually by 2008 according to a Compete.com study.

The Consortium is governed by its membership, which in August 2009 comprised 322 organizations. The list of members is available to the public. Members include businesses, nonprofit organizations, universities, governmental entities, and individuals.

W3C also engages in education and outreach, develops software and serves as an open forum for discussion about the Web.