Tags: javascript

25 Inspiring Web Animation Examples 2021

by Henri —

Web animation is a great way to make your content more dynamic and engaging for the users. There are many different approaches and techniques to animating in CSS, so in this post I’m going to share you 25 Inspiring Web Animation Examples 2021 for inspiration to add some flair to a web project.…

10 Useful Web Annotation Tools

by Henri —

If you are looking for an easy reliable solution to use in your project, here are 10 useful libraries that can work in all modern browsers and will add options to annotate the web.…

10 Javascript Drag & Drop DOM Element Libraries

by Henri —

Dragging and dropping can be a very intuitive way for users to interact with your site or web app. People often use drag-and-drop for reordering lists of items. So here are 9 useful Javascript drag and drop libaries which allow to re-order a list of any DOM elements.…

20 Cool Responsive CSS Dashboard Designs 2021

by Henri —

Data alone is not enough. It is critical to show the result of all the effort of collecting and analysing in an easy to comprehend way. A dashboard is a snapshot report that allows us to display data at a given instant of time in a meaningful manner with the aid of charts for easy reference and quick inference. So in this post I`ve gathered some responsive CSS dashboard demos from Codepen that you can use for inspiration to showcases the data.…

25 Awesome Javascript Rich-Text Editors

by Henri —

Rich-Text Editors, sometimes called WYSIWYG editors, allow you to create documents that include text, images, charts, grids and videos. Its aim is to reduce the effort for users trying to express their formatting as valid HTML markup. So in this post we`ve collected some awesome rich-text editors that can be used as standalone applications or as web-based components written in JavaScript.…

21 Cool Slider Animation Effects

by Henri —

Image sliders are a common feature for websites. They are an incredibly versatile design tool that allow you to showcase images, video, and other content beautifully and more effectively while maximizing the space on your website. Many JavaScript libraries have this feature already implemented which allow you to create sliders and add them to your home page, landing pages, posts, or any where you want. So if you are looking for inspiration to building your own custom slider, here are 21 Cool Slider Animation Effects.…

10 Awesome Image Comparison Slider Javascript Libraries

by Henri —

Image Comparison Slider is a slider that can be controlled, can be pulled by the customer to show less of the before image and a more noteworthy measure of the after image, and the a different way. These types of image comparison sliders are quite popular at the moment and very effective in showing the differences between 2 images. They are useful in many industries to make comparisons between two images, usually a before-after kind, with the two images superimposed on each other. So in this post I’ve collected 10 Awesome Image Comparison Slider Javascript Libraries which enable you to compare the differences between a set of images.…

10+ Awesome CSS & Javascript Icon Libraries 2020

by Henri —

For developers and designers, selecting an icon format to display icons on web design projects can be a chore. Finding the right icon for your web projects can be a time consuming search. Finding the right color, size and format once you have the right icons is other lap of that struggle. Here are 10+ Awesome CSS & Javascript Icon Libraries 2020 that provide free icons in varied sizes and formats to suit your every need when working on a web design project!…