HTML5 Music Player

This time we want to share with you a cool experiment that we made. It is a music player that lives in your browser. It uses the powerful HTML5 File Reader and Audio APIs.

Full article

Read More

Developing Extensible HTML and CSS Components

The following is a guest post by Jon Yablonski. Jon is going to show us an example of how we might approach markup such that one component is particularly versatile.

Full article

Read More

A few HTML tips ★ Mozilla Hacks – the Web developer blog

A while ago I wrote an article with some CSS tips, now it’s time to give some polish to our HTML! In this article I’ll share some tips and advice about HTML code. Some of this guidance will be best suited for beginners – how to properly build paragraphs, use headings, or improve forms, but we will also discuss SVG sprites for icons, a somewhat more advanced topic.

Full article

Read More

Top 50 HTML 5: Interview Questions And Answers

Question 1: What is HTML5?Answer HTML5 is the latest version of HTML and XHTML with new features like Drawing, Animation, Video and Audio etc. It is used to solve some common structural problems encountered with HTML 4.1.

Full article

Read More

Get Bootstrap Templates Free

Designstub is a great place to download Free, responsive Bootstrap templates & themes for designers & frontend developers. A great collection of professional templates for your personal, business or commercial website. Sign up for our newsletter to receive the new releases directly to your inbox.

Full article

Read More

Must-Know Techniques for HTML5 Responsive Design

When tablets and smart phones first began to emerge, many publishers developed distinctly separate websites, or at least distinctly generated HTML code trees, to customize the experience for visitors on different devices.

Full article

Read More

the HTML/CSS Workmanship Guide

X X Why Workmanship?Here's an excerpt from NASA's Workmanship Standards Program website about what workmanship means for them: “Workmanship promotes standardized designs and fabrication practices to enhance assembly durability and reliability and restricts the use of designs and manufacturin

Full article

Read More

30 Open Source HTML/CSS Projects from CodePen

I have always been a supporter of CodePen ever since I found the website. It is an online HTML/CSS/JS code editor where you can build ideas and test them in real-time.

Full article

Read More

130+ Ready to Use Pre-made Layouts will Help You Complete Projects Faster

Select a fully-customizable pre-made layout that best matches your project’s objective, and then let Be Theme, the Biggest WordPress Theme Ever, do the hard work.

Full article

Read More

Quick Add To Cart in CSS and jQuery

Taking advantage of bigger screens shouldn’t be limited to the use of bigger images/elements. We can put those extra pixels to work by enhancing the user experience with additional features.

Full article

Read More

HTML & CSS tricks, episode 1: Learn flexbox

This is the very start of a new HTML and CSS Tricks series with one of our best-selling instructors, Ryan Bonhardt. Together with Ryan we’ll be sharing actionable tips and tricks you can immidiately start using when working with HTML and CSS. This time, Ryan gives easy tips on how to use flexbox.

Full article

Read More

Freebie: “Sedna” One Page Website Template (HTML, Sketch)

Today we are very happy to share yet another responsive and modern one page website template with you. Sedna was designed & developed by Peter Finlan, exclusively for Codrops. Sedna is a carefully crafted HTML5 one page website template that comes with some lovely, smooth effects.

Full article

Read More

The DOM is getting better — Medium

This is the second entry of my Making Wengit series. If you haven’t read the introduction article, you should do so first. I’m well on the way to finishing the front-end development of wengit, at least until I do a complete overhaul, as I probably will, because I’m crazy like that.

Full article

Read More

Making Your First HTML5 Game With Phaser

Everybody loves classic games. How many of you remember the retro snake game from old Nokia phones? We sure do. This is why for this lesson we decided to recreate it using HTML5. There is a great open source game development framework called Phaser that we will use.

Full article

Read More

Filterable Product Grid

This Blueprint is a responsive Isotope-powered product grid layout where each grid item is a Flickity image slider. A small cart icon animation indicates that a product was added to the shopping cart. The product filter utilizes the Isotope filter functionality.

Full article

Read More

Things I've Learned About Building & Coding HTML Email Templates

Some people followed up with me and wanted to know more about the building and testing process when it comes to HTML email. Here’s a brain dump of what I’ve learned about building and coding HTML emails.

Full article

Read More

Freebie: 4 Sweet and Responsive Navigation Menus

Bringing you more freebies, here are 4 navigation menu templates that you can use in your projects for free. We made these without using any frameworks and in such a way that they won’t cause conflicts with the rest of your content.

Full article

Read More

How to Code A Live Dynamic Twitter Feed in HTML Email

As we started nailing down logistics for The Email Design Conference 2015, conversations about making our launch email bigger and better than last year’s began. Due to its unique HTML5 video background technique, last year’s email generated some serious buzz. How could we top that?

Full article

Read More

How to make a carousel using only HTML and CSS (no JavaScript required!)

Recently, I’ve been working on a site that uses a CMS that’s a bit limiting. I can add my own HTML and CSS to the site, but JavaScript is off-limits. The designs I’m working from included a carousel.

Full article

Read More

Learn HTML5 from the W3C with This Free Course

Interested in creating websites and apps? You can learn HTML5, the standard language of the web, for free with this course from W3C (the World Wide Web Consortium), which developed HTML5. The course runs six weeks starting in June, but you can sign up now at edX.

Full article

Read More