Top HTML5 Tutorials from HTMLGoodies
HTML5 is an emerging technology that is slowly changing the face of the web. The latest browsers support it, and developers are eager to begin using it on their websites. HTMLGoodies features many tutorials on the topic, and we've brought them all together here for your perusal.
Getting Started with Joomla!
If you've never heard of Joomla!, it's known as a CMS (content management system), which allows you to build complex web sites and run various applications. In this article we'll look at the many options for setting up Joomla! and how to configure the software.
How Can I Select the Best Images for My Website?
Why do you want an image? Is it for a web page as a dominant image, a background or a series of images that are part of a gallery? In this tutorial we will show you how to select the best images for your website.
Do Web Safe Colors Make a Difference?
Web Safe colors, also known as browser safe colors, were introduced many years ago, when the web was in its infancy. A guestion that comes up every now and then is whether modern web designers should be using this type of palette - or not?
How Can I Create Images for Mobile Devices?
When you think about mobile devices, the idea of creating images would seem to be a straightforward process. Unfortunately, it's not, but in this tutorial we will cut to the chase and show you how it's done!
One Video URL to Rule Them All
HTML5 is changing the landscape on how video is presented on web pages. New formats, codecs, screen sizes, devices and browsers are being developed on a continuous basis. What's one to do? Enter Vid.ly, which provides a universal video URL.
Web Developer Basics: The HTML5 Video Element
This article begins a "mini-series" of our in-depth coverage of important new elements in HTML5 to help you create media-rich pages that will work in any compliant browser. In this session we introduce the Video element!
Web Developer Class: Creating Forms with CSS3
You only have to look as far as Twitter's relatively new interface to see that stylized text boxes are still a popular design choice for input fields and forms. In this tutorial we will teach you a few different techniques to create styled forms and input fields using CSS3.
Using HTML5 Automatically For Placeholders in Email Forms--With No JavaScript
Previously, if a developer wanted to include some sample text in an email field in a form, and then make that text disappear when the user clicked within that field, they had to use some JavaScript to make it happen. Enter HTML5 and the placeholder attribute, which simplifies the whole process--using no JavaScript at all!
HTML5 Primer: How To Use the Audio Tag
In our series on HTML5, we've discussed geolocation, link relations, form and keyboard events, media events, mouse events, global attributes and multimedia. This week we're going to expand upon our discussion on multimedia and delve further into HTML5's <audio> tag.
Add Read More Link When People Copy From Your Site Using JavaScript
You may have been to a website and went to copy some text from the page and noticed that when you pasted the text it also copied a "read more" note which included the URL of the page you copied from. In this tutorial we will show you how you can do the same thing using a tidbit of JavaScript.
Ten Awesome Things Most People Don't Know About PHP
We all know the magic tricks, we all know the cool little functions. We all know the way to make dates look cool and numbers look awesome. But there are things most people don't think about, and I'm one of them. When I started writing this article I did a little research and found a few things that will also make me change the way I use PHP, and why I use.
Web Developer Tutorial: HTML5 Microdata
The HTML 5 draft specification includes Microdata. The Microdata spec provides a standardized syntax for addition additional semantic markup to your web pages to enhance the machine readability of your web pages. This tutorial will discuss microdata and will show why you should be interested in it!
Web Developer Basics: Multimedia In HTML5
In the last installment of this series, we talked about link relations in HTML5. In this article, we'll see how support for various multimedia formats in HTML5 will make things much easier for you as a developer...eventually.
Firefox Extension for Web Development: Font Finder
Continuing with the series on Firefox extensions for web development, this article features the Font Finder add-on which allows developers to analyze font information on a Web page and modify it for demonstration purposes.
Firefox Extension for Web Development: Color That Site!
Continuing with the series on Firefox extensions for web development, this article features another design tool to help you conceptualize a Web page or site by dynamically modifying its colors. This is one sophisticated application.
jQuery Basics for Web Developer: Attributes
We have talked about adding events to HTML objects using jQuery. Almost every HTML DOM element has a set of attributes that we can add, change, or remove using jQuery. In this article we'll discuss using attributes to manipulate different HTML objects.