Category: HTML

The Easiest Way To Add Validation To Your Forms

In this tutorial we show you how to use the HTML input attributes for form validation. Continue reading on Tutorialzine. ...

The Nine Principles Of Design Implementation

    Recently, I was leading a training session for one of our clients on best practices for implementing designs using HTML and CSS. Part of our time included a discussion of processes such as style-guide-driven development, approach...

Creating an Image Zoom Library With Vanilla JavaScript

In this tutorial we build an interactive image gallery plugin using nothing but pure JavaScript. Continue reading on Tutorialzine. ...

7 of the Best Code Playgrounds

Messing around with experimental code is easy thanks to several free online development playgrounds. Craig Buckler looks at seven of the best… Continue reading %7 of the Best Code Playgrounds% ...

Understanding Bootstrap Modals

In this tutorial, we’ll be talking about one of the most useful jQuery Bootstrap plugins, the Modal. The Bootstrap Modal is a lightweight, multi-purpose JavaScript popup that’s customizable and responsive. It can be used to display alert popups, videos, and images in a website. Websites built with Bootstrap can use...

Introducing Mavo: Create Web Apps Entirely By Writing HTML!

    Have you ever wanted to make a website that non-technical folks can edit right in the browser? Or have you ever wanted to make a website that presents an editable collection of items (e.g. your portfolio)? Or simply upload images...

20+ Docs and Guides for Front-end Developers (No. 12)

It’s that time again to get learning! As before, I’ve collected a number of different learning resources, including guides, docs, and other useful websites to help you get up to speed in different areas of front-end development. So please enjoy the twelfth installment of our Docs and Guides series and don’t forge...

Five Techniques to Lazy Load Images for Website Performance

This article is part of a series created in partnership with SiteGround. Thank you for supporting the partners who make SitePoint possible. With images making up a whopping 65% of all web content, page load time on websites can easily become an issue. Even when properly optimized, images can weigh quite a bit. This ca...

Quick Tip: How to Build Your Custom Theme for Telescope Nova

Telescope Nova is the perfect platform to use if you want to build your own social web app fast and easy. This is a free and open-source project created by Sacha Greif. The front-end development part of the app is built with the React library , while the back-end is taken care of by the Meteor framework. Both are writ...

How You Can Use HTML5 Custom Data Attributes and Why

In this article, I am going to show you how you can use HTML5 custom data attributes. I’m also going to present you with some use cases that you can find helpful in your work as a developer. Why Custom Data Attributes? Very often we need to store information associated with different DOM elements. This informati...