Archive for the ‘HTML & CSS’ Category

Understanding Bootstrap Modals

Posted on: No Comments
In my previous tutorial, I explained how powerful Bootstrap 3 CSS framework is for a novice designers. It ships with some of the best ready-to-use JavaScript and jQuery components and plugins. The framework has reached version 3.3.7 and it's getting re...

Cool on Scroll Animations Made Easy With the AOS Library

Posted on: No Comments
As front-end developer, a popular request you might get from your clients is to implement stunning animation effects on page scroll. There are many libraries to make this task easier for us. AOS, also called Animate on Scroll, is one such library and...

Getting Started with AnyChart — 10 Practical Examples

Posted on: No Comments
If your website is data-intensive, then you will need to make that data easy to visualize, normally by means of a JavaScript charting library. However such libraries a dime a dozen and they all have slightly different capabilities, so how do you know w...

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...

Five Techniques to Lazy Load Images for Website Performance

Posted on: No Comments
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....

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

Posted on: No Comments
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 ...

Make Your Website Interactive and Fun with Velocity.js (No jQuery)

Posted on: No Comments
Special thanks from me go to James Hibbard and the developers behind Velocity for reviewing this article. Also to users and developers who contribute and have contributed to Velocity over the years. In this article I introduce Velocity.js, a fast an...

Automated Accessibility Checking with aXe

Posted on: No Comments
Accessibility concerns are often ignored due to the efforts required to check them and implement solutions. Not only do developers have to get acquainted with the underlying standards but also constantly check that they are met. Can we make developing ...

Retrofit Your Website as a Progressive Web App

Posted on: No Comments
There's been a lot of buzz around Progressive Web Apps (PWAs) lately, with many people questioning whether they represent the future of the (mobile) web. I'm not going to get into the whole native app vs PWA debate, but one thing is for sure — they g...

How You Can Use HTML5 Custom Data Attributes and Why

Posted on: No Comments
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 info...