image

Audio-based Image Distortion Effects with WebGL – Website Design Article

From our sponsor: Market smarter with Mailchimp’s automated messaging tools. We’ve covered in the past how we can read data from Audio, using the p5.sound library and how we can use that data, to draw things in the canvas, using p5.js. Well, what if instead of drawing a sketch, we used audio to distort an image? Today we want to show you some demos that play around that idea. We’ve created some experiments using the theme of movie trailers where…

Read More

Audio-based Image Distortion Effects with WebGL – Website Design Article

From our sponsor: Market smarter with Mailchimp’s automated messaging tools. We’ve covered in the past how we can read data from Audio, using the p5.sound library and how we can use that data, to draw things in the canvas, using p5.js. Well, what if instead of drawing a sketch, we used audio to distort an image? Today we want to show you some demos that play around that idea. We’ve created some experiments using the theme of movie trailers where…

Read More

Image Dragging Effects | Codrops – Website Design Article

A set of playful dragging effects for images using various techniques. From our sponsor: Market smarter with Mailchimp’s automated messaging tools. Today we’d like to share a little set of playful dragging effects with you. The idea is to animate images as they are being dragged, and distort, scale or apply filters to them. For some examples we tie the intensity of the effect to the speed of the dragging motion. The inspiration for these effects come from two Dribbble…

Read More

Image Dragging Effects | Codrops – Website Design Article

A set of playful dragging effects for images using various techniques. From our sponsor: Market smarter with Mailchimp’s automated messaging tools. Today we’d like to share a little set of playful dragging effects with you. The idea is to animate images as they are being dragged, and distort, scale or apply filters to them. For some examples we tie the intensity of the effect to the speed of the dragging motion. The inspiration for these effects come from two Dribbble…

Read More

The Most Powerful WordPress Gallery Plugin? – WordPress Website Design Article

If you’re looking for the best WordPress gallery plugin for your site, you’ve probably come across the name NextGEN Gallery. Active on over 900,000 sites according to WordPress.org, NextGEN Gallery is by far the most popular gallery plugin at the WordPress.org plugin repo.But why is it so popular, and what all does this gallery plugin offer?In our NextGEN Gallery review, we’ll dig into this popular WordPress gallery plugin and show you everything that it has to offer.NextGEN Gallery Review: Taking…

Read More

Creating Grid-to-Fullscreen Animations with Three.js – Website Design Article

Learn how to create thumbnail to fullscreen animations for image grids using Three.js. From our monthly sponsor: Ship customer-facing metrics fast with Keen.io. Collect, store, query, & display stunning analytics. Animations play a big role in how users feels about your website. They convey a lot of the personality and feel of your site. They also help the user navigate new and already known screens with more ease. In this tutorial we want to look at how to create some…

Read More

How to Create a Sticky Image Effect with Three.js – Website Design Article

A recreation of the sticky image effect seen on the websites of MakeReign and Ultranoir using three.js. From our monthly sponsor: monday.com, a new way to manage your work! Meet the new visual project management tool. If you recently browsed Awwwards or FWA you might have stumbled upon Ultranoir’s website. An all-round beautifully crafted website, with some amazing WebGL effects. One of which is a sticky effect for images in their project showcase. This tutorial is going to show how…

Read More

8 Awesome Plugins for Image Optimization in WordPress – Deluxe Blog Tips – WordPress Website Design Article

When you work so hard on your website by designing the perfect theme, writing compelling blogs, and adding all kinds of interesting features to make it both user-friendly and attractive, then you want to it be popular on Google Search too. However, what many website owners don’t know is that using high-quality content isn’t enough. You also need to optimize the visuals so that they don’t affect the loading speed of the pages which impacts SEO.  If your WordPress website…

Read More

Visual Content Marketing Strategy: Why You Should Use A Photo Gallery – WordPress Website Design Article

We’ve all heard of content marketing! It’s the idea behind using content to improve your SEO, boost your traffic, build your relationship with your audience … you get the idea. But what is visual content marketing? And how can it help you? What is Visual Content Marketing? Visual Content Marketing Use photos, graphs and other visual content to make a statement.   This form of content marketing makes use of images, video or other visual aids to convey information about…

Read More