Advertisement

HTML5

  • HTML5
    Try Our Free Short Course on Semantic HTMLSemantic 1
    112 shares
    These days most web designers and developers are familiar with the term “semantic markup”. But do you really know what it means? Do you know how to properly lay out your HTML5 markup? In this free course, you will learn how to lay out your content semantically, making your web pages readable for humans and machines alike.Read More…
  • HTML5
    Native Popups and Modals With the HTML5 “dialog” ElementPreview tag dialog
    350 shares
    Many processes on the web these days require users’ full consent in order to be completed. For example, users may need to remove an account, change their username, or confirm a monetary transaction. Read More…
  • HTML5
    Quick Tip: Using the HTML5 “download” AttributePreview tag download1
    563 shares
    Creating a download link in HTML is straightforward; add an anchor tag and point to the file within the href attribute. Some file types, however, won’t be downloaded. They, instead, will be opened in the browser. In this case consider using the “download” attribute.Read More…
  • HTML5
    Introducing the HTML5 “Menu” and “Menuitem” ElementsPreview tag menu
    1028 shares
    Today I’m going to introduce you to two elements: and , part of the Interactive Elements specification. The web has evolved into something more than just linked documents; pages behave increasingly these days like apps. As such, it’s an appropriate time to form standard web interactivity features.Read More…
  • HTML5
    Explaining the “Details” and “Summary” ElementsPreview tag details
    223 shares
    Lots of JavaScript libraries are developed to give us additional interactive widgets on websites. Equally, HTML5 has also interpreted a number of popular interactive components, making them into native web features. In this post, we are going to look into one such element called
    (and in doing so the element) which gives us an interactive widget similar to an accordion.Read More…
  • HTML
    Quick Tip: Consider Wrapping Your Code With a “figure” ElementPreview tag figure
    144 shares
    The "figure" tag was introduced with HTML5 quite some time ago, though you may still be unfamiliar with what it does, or how it can be used in lots of different situations. In this tutorial, you'll learn the difference between "figure" and other comparable tags, and how you can begin using it to enhance the way you group items in your markup.Read More…
  • HTML5
    How to Create Your Own HTML Elements With Web ComponentsPreview tag template
    520 shares
    What are web components you ask? In a nutshell, web components give you a way to create your own custom HTML elements which can do just about anything you need them to.Read More…
  • HTML5
    Quick Tip: Set Relative URLs With the “base” TagPreview tag base
    226 shares
    The tag in HTML is a relatively little known element, having become a fully fledged part of HTML5 quite recently. It enables you to do two things: set any URL you choose as the base for all relative URLs, and set default link targets.Read More…
  • Responsive Web Design
    Quick Tip: How to Use HTML5 “picture” for Responsive ImagesPreview tag picture
    911 shares
    Images are notoriously one of the most challenging aspects of responsive web design. Today we'll look at how the element, a solution to the problem of responsive images, can be used right now.Read More…
  • HTML5
    The Truth About Multiple H1 Tags in the HTML5 EraH1 thumb
    1098 shares
    Whether you're a webmaster or a web designer, there's a question you've most likely either asked or answered many times over the years. That question is, "How many <h1> tags can I use per page, and how exactly should I implement them?"Read More…
  • UX
    Making Websites Location Aware With HTML5 GeolocationLocation preview
    43 shares
    Assumption can be a risky business in the world of UX, but some assumptions can enable you to deliver a more tailored user experience to your visitors. We're going to look at enhancing user experience by making your websites location aware.Read More…
  • Form Design
    Bring Your Forms Up to Date With CSS3 and HTML5 ValidationForm
    245 shares
    Let's look at how to create a functional form which validates users' data, client-side. With that done, we'll cover prettying it up using CSS, including some CSS3!Read More…
Advertisement
Advertisement