Category: mariap

Serverless development with Node.js, AWS Lambda and MongoDB Atlas

This article was originally published on mongoDB. Thank you for supporting the partners who make SitePoint possible. The developer landscape has dramatically changed in recent years. It used to be fairly common for us developers to run all of our tools (databases, web servers, development IDEs…) on our own machines, ...

Fancy Web Animations Made Easy with GreenSock Plugins

The aim of the third part of this GreenSock tutorial series is to introduce you to some amazing GreenSock plugins. You’ll be using: The BezierPlugin to animate properties along a curved Bezier path The GSAP Draggable utility to drag elements on the screen and the ThrowPropsPlugin to glide them to a smooth stop ...

How to use Media Queries in JavaScript

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

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 them inside a master timeline for greater flexibility. ...

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

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

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 Beyond CSS: Dynamic DOM Animation Libraries. Here’s what I cove...

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

How to Tell if React is the Best Fit for Your Next Project

Nowadays, users expect sleek, performant web applications that behave more and more like native apps. Techniques have been devised to decrease the waiting time for a website to load on a user’s first visit. However, in web applications that expose a lot of interactivity, the time elapsing between a user action ta...

Cool on Scroll Animations Made Easy With the AOS Library

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 it does exactly what its name suggests: it lets you apply different...

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