Html5

Back to Home, top

↑

html5

Sort by:

Switch Display

A Look Into: HTML5 <article> and <section> Elements

Web Design

HTML5 comes with a bunch of new elements and more will be recommended in the future. However, there are some elements that might be a little confusing in their implementation, including the following two new elements: <article> and <section>. Some most frequently asked question I found in the forums are: … Continue reading »
Web Design: Customize Checkboxes and Radio Buttons with CSS3

General

With CSS3 we can customize web presentations to be almost anything we want it to be. In this post, as the title says, we are going to customize the look of checkbox and radio input. These two types of input are a few form elements that are a bit tricky … Continue reading »
Creating & Styling Progress Bar With HTML5

Web Design

HTML5 introduced the progress bar element, which allows us to show the progress of certain tasks, like uploads or downloads, basically anything that is in progress In this article, we will discuss how to add this element in the document, how to style it with CSS and animate the progress … Continue reading »
An Introduction to CSS3 calc() Function

Web Design

In our previous posts on CSS Pre-processors, we have discussed how we can calculate length with their special functions. To tell the truth, we can also do similar things in CSS3 with the new function named calc(). In this post, we will see how to utilize this function in the … Continue reading »
Redesigning A Responsive Youtube with HTML5/CSS3 [Tutorial]

Web Design

If you have seen YouTube recently you may notice one glaring omission from their website layout. Their design lacks the ability to fold responsively as you resize the browser window. It’s strange how the layout does not even contract to a smaller width; YouTube is currently designed using a fixed-width … Continue reading »
A Look into: HTML5 Datalist

Web Design

You probably have experienced this kind of response somewhere on the Web: when you are typing in an input form, a list of suggestions appears at the bottom of the input. Over the years, we rely on JavaScript to create such a function. Today, we are able to do that … Continue reading »
Theming jQuery UI Accordion

Web Design

In this post we are going to create something real and functional, and we are going to make use of the structural selector, box-sizing and CSS3 gradients from our previous lessons to create a custom theme for jQuery UI Accordion and sharpen our CSS skills. Here is what the final … Continue reading »
How to Use CSS3 Multiple Backgrounds

Web Design

Adding background image with CSS is nothing new, this feature has been there since its inception. But we were limited to only add one image in one declaration block. Now, CSS3 is raising the stakes by proiding you the option of adding multiple backgrounds. How to use it? In the … Continue reading »
A Look Into: HTML5 Shiv and Polyfills

Web Design

In our previous post we have discussed a few new HTML5 elements that are already widely used, namely header, nav, footer and article. Furthermore, if we give styles to these elements then view them in a modern browser, we should see the result of the styles. However, this is not … Continue reading »
A Look Into HTML5 Basic Elements: <header>, <nav> & <footer>

Web Design

HTML5 development is not finish yet. But, there a few new elements in HTML5 that can be used today, elements that are already supported in current and old browsers (with shim) such as header, nav, and footer. You probably have seen these elements used across our HTML5 tutorials but haven’t … Continue reading »
HTML5 Contenteditable Attribute: Edit Web Content On Front-end

Web Design

One of the new features in HTML5 that attracted me is the native front-end editor. This feature is commonly applied in Content Management Systems to edit content directly from the browser and is usually built fully with JavaScript and AJAX. HTML5 comes to make the process a little easier using … Continue reading »
A Look into: HTML5 Placeholder Attribute

Web Design

One of my favorite new pieces in HTML5 is the ability to add Placeholder Text easily. The placeholder text is the grey text that you find in an input field that is used to give a hint to the users on what input is expected in that field. Once users … Continue reading »
A Look Into HTML5 Forms Input Types: Date, Color and Range

Web Design

Forms are found everywhere on websites. Facebook, Twitter, Google — just to name a few — require us to log into or register to the site through a form, in fact we also use a form to tweet and updating status in social sites. In short, the form is a … Continue reading »
Multiple Columns Layout (Magazine-alike) With CSS3

Web Design

In general, people will lose track when reading extremely long content. That is why, in print media like magazines and newspapers, the content is divided into multiple columns for easy reading. Magazine layout by: Ronel van Heerden. Creating a column on the Web is a totally different story. It’s quite … Continue reading »

Page 1 of 312 3 »

Back to: Top | Home

About Us

Hongkiat.com is a design weblog dedicated to designers and bloggers. We constantly publish useful tricks, tools, tutorials and inspirational artworks. Read more...

Navigate

We're Social

Our Partners