HTML5 and CSS3

Sorted by:  

How to Open Links in New Windows or Tabs with HTML5

The web works because you can link pages on your website to pages on other people’s websites by using a simple anchor element. When you link to someone else’s site, though, you send users away from your [more…]

How to Link within the Same Page with HTML5

Links can help users navigate a single web page. Locations within web pages can be marked for direct access by links on the same page. Intradocument hyperlinks include such familiar features as [more…]

How to Link to non-HTML Resources with HTML5

Links can connect to virtually any kind of file, such as word processing documents, spreadsheets, PDFs, compressed files, and multimedia. Two typical uses for non-HTML links are software and PDF download [more…]

How to Create Web-Friendly Images

You can create and save graphics in many ways, but only a few formats are actually appropriate for images you intend to use on the web. As you create web-friendly images, you must pay attention to file [more…]

Where to Store Images for Your Website

When an image is ready for the web, you need to use the correct HTML5 markup to add it to your page, but you also need to know where to store your image. [more…]

Use the <img> Element to Place Images

Images in websites may be logos or clickable navigation aids, or they may display content; they can also make a page look prettier or serve to unify or illustrate a page’s theme. The image [more…]

How to Add Alternative and Title Text to Images

Alternative text describes an image so those users who can’t see the images for some reason can access that text to find out more about the image. Adding alternative text [more…]

How to Specify Image Size in HTML5

Web-page designers use images to deliver important information, direct site navigation, and contribute to overall look and feel on a web page. However, you have to use images properly, or you risk reducing [more…]

How to Make an Image Trigger a Link

Web pages often use images for navigation. They’re prettier than plain-text links, and you can add both form and function on your page with one element. To create an image that triggers a link, you substitute [more…]

How to Build Image Maps in HTML5

Web pages often use images for navigation. They’re prettier than plain-text links, and you can add both form and function on your page with one element. When you use an [more…]

Master HTML5 Audio Markup

Simply stated, there are two primary media elements for HTML5, both of which are absurdly easy to use. The audio element is named <audio>, and the video element is named [more…]

Master HTML5 Video Markup

Simply stated, there are two primary media elements for HTML5, both of which are absurdly easy to use. The video element is named <video>, and the audio element is named [more…]

How to Display a Meter Bar on Your Web Page

The HTML5 <meter> element lets you display a meter bar for various counters that you might manage over time to show readings for various metrics. The <meter> [more…]

Using HTML Entities

HTML is a terrific tool for writing documents, but every once in a while, you come across a character that can't easily be printed in HTML. For example, what if you're writing about math and you want to [more…]

Resetting and Extending CSS

The CSS language is flexible, powerful, and consistent. However, it's not perfect. Two ideas are floating around in the CSS/web development community that you might find interesting. [more…]

Useful JavaScript Libraries

JavaScript is a very powerful programming language and it can be extended in some very powerful ways. Besides the well-known jQuery library, there are many other intriguing libraries that extend the power [more…]

Using Templates with PHP

As web development becomes standardized, the Model-View-Controller (MVC) architecture has become more popular. The basic idea of this mechanism is to separate the data elements [more…]

Fun with jQuery Plug-ins

The jQuery library is impressive on its own, and when you add libraries like jQuery UI and jQuery Mobile, you can see exactly how powerful this tool is. But that's not all. The developers of jQuery built [more…]

What's Next for the Web

While it's always dangerous to predict the future, particularly in an environment as fluid, dynamic, and evolutionary as web development, here are seven trends worth watching: [more…]

SQLite and Alternative Data Strategies

MySQL is the most popular database manager for PHP, but there are other alternatives. There are other database packages that work much like MySQL, but in a different way. There are also some new ideas [more…]

HTML5 Template

This is the basic HTML5 template. Use it as the starting place for all your of HTML5 documents. Some editors allow you to add a template file for quickly creating a file. If your editor does not already [more…]

Selected MySQL Commands

MySQL is very helpful when building a database. The following table contains the minimal commands needed to create, populate, and query a database using MySQL. [more…]

Selected JavaScript Syntax

JavaScript is an important language for programming, game development, and desktop applications. Following are the most commonly used JavaScript syntax elements, including commands for manipulating variables [more…]

Selected CSS Attributes

This table highlights the most commonly used CSS attributes. Each of these attributes can be applied to any container element in a page. The container can be a single element denoted by the ID attribute [more…]

Selected HTML Syntax

Despite all the new programming languages and technology, HTML remains the basic building block for a lot of websites. This table contains the most commonly-used HTML tags. [more…]


Sign Up for RSS Feeds

Computers & Software