Archive for the ‘mariap’ Category

How to use Media Queries in JavaScript

Posted on: No Comments
If you thought responsive design was reserved for CSS layouts only, you'll be pleased to hear media queries can also be used in JavaScript. Continue reading %How to use Media Queries in JavaScript%

GreenSock for Beginners (Part 2): GSAP’s Timeline

Posted on: No Comments
The aim of this second part of GreenSock for Beginners is to introduce you to GreenSock's TimelineMax. You'll be learning: Why you need a timeline How to include multiple tweens in a timeline How to package multiple timelines into functions and nest ...

7 of the Best Code Playgrounds

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

GreenSock for Beginners: a Web Animation Tutorial (Part 1)

Posted on: No Comments
My aim in this article is to give you a thorough introduction to GreenSock, also known as GSAP (GreenSock Animation Platform), a super performant, professional-grade HTML5 animation engine for the modern web. This is the fourth article in the series B...

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

Why Use React JS for Fast Interactive User Interfaces?

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. Nowadays users expect sleek, performant web applications that behave more and more like native apps. Techniques...

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

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