billboard.js is a re-usable easy interface JavaScript chart library, based on D3 v4+. Chart generation is super easy. With detailed options, you can create chart instantly. Billboard.js works on D3 v4+ and every code was written as ESM(ES Module) with ES6+ syntax. Billboard.js is forked project of the popular C3.js. You can migrate with the… Continue reading Billboard.js – Re-usable Easy Interface JavaScript Chart Library
Tag: JavaScript
15 Best Sliders and Galleries For Your Next Project
If you want to grab a visitor’s attention by displaying a set of images, sliders are a great way to get that done. The best sliders are attention-getting, with attractive animations that match the tone and purpose of your site. We’ve collected a list of some of our favorite sliders and galleries below. Fair warning:… Continue reading 15 Best Sliders and Galleries For Your Next Project
How to Create a Split-Screen Slider With JavaScript
In today’s video tutorial I’m going to show you how to create a “split-screen” slider element (or UI, whatever you prefer to call it) using JavaScript. Inspiration for this came from a page on the Corsair website; let’s see how we can build one for our own projects. What We’re Going to Build Let’s first… Continue reading How to Create a Split-Screen Slider With JavaScript
Using npm as a Build Tool
Related Course Build Your First Node.js Website Node is a powerful tool to get JavaScript on the server. Use Node to build a great website. Get Started Every developer will love this saying “It is hard to build a software without using a build tool.” To get rid of the repetitive tasks, we are using… Continue reading Using npm as a Build Tool
Designing Accessible Products
2. Focus Focus is one of the most important accessibility features that enables users to use a computer with only a keyboard without the need for a mouse. Most reset stylesheets have this one line of code that causes major accessibility failure – :focus {outline: 0;} This is an anti-pattern that needs to be avoided… Continue reading Designing Accessible Products
How to Draw Bar Charts Using JavaScript and HTML5 Canvas
In an earlier tutorial we covered how to draw a pie chart or doughnut chart using HTML5 canvas. In this tutorial I will show you how to use JavaScript and the HTML5 canvas as a means to graphically display data by using bar charts. There are easier ways to create charts than coding one from… Continue reading How to Draw Bar Charts Using JavaScript and HTML5 Canvas
5 Web Design Trends for 2017 and 2018
March 29, 2017 by abovepop Now that we’re comfortably in 2017, we can look back at the last few months to see how our “trends of 2017” predictions have turned out, and offer a few more to consider for 2018 and the rest of the year. Clean Layouts That Let Content Shine There was a… Continue reading 5 Web Design Trends for 2017 and 2018
8 Must Have Tools and Webapps to Custom Animate Your Website
Web animation is an essential part of a web design in today’s visual-centric websites. The absence of visual detail in your website can mean the difference of being sold, or left on the rack alone. Visual aesthetics enhances the website design and improves user engagement on your site. Animation solutions vary from platform to platform,… Continue reading 8 Must Have Tools and Webapps to Custom Animate Your Website
The best YouTube channels for designers and developers
I just recently realized how much time I spend on YouTube everyday. To be more precise, about 50 minutes every single day. About three years ago I started developing the habit of opening the YouTube Subscriptions page every day to check out new videos from the channels I had subscribed to. More recently, I decided… Continue reading The best YouTube channels for designers and developers
Tent CSS: An essential framework
Time to present you a fresh new CSS framework: that’s Tent CSS, a survival kit for front-end developers including only the essentials to get started with website design! I am not a big fan of full featured frameworks like Bootstrap and Foundation because they include much more components than one may need. Most of the times a good… Continue reading Tent CSS: An essential framework
Web Design Agencies Websites: 26 Creative Web Examples
Fresh, innovative, creative, minimalist award winning web design agencies websites for inspiration. Today we are selected 26 best web design agencies websites. I hope your will enjoy the amazing websites collection and get some great ideas for your next web agency website design projects. You may be interested in the following related articles as well. Please join us… Continue reading Web Design Agencies Websites: 26 Creative Web Examples
How to delight your users with subtle animation
Happy Thanksgiving to all our American readers! Animation is nothing new in digital interfaces. They have had an interesting history of rising, falling and now rising again in popularity. Subtle animations add personality and empathy into an otherwise dull interface. They make experiences fun, delightful and memorable. Animation in web design has been around for… Continue reading How to delight your users with subtle animation
12 JavaScript libraries to watch in 2017
With hundreds of free JS libraries out there it’s tough to know where to put your energy. Some end up discarded or forked into new projects, while others grow rapidly and achieve widespread adoption. Most developers already know the big names like jQuery and React. But in this post I’d like to introduce twelve alternative… Continue reading 12 JavaScript libraries to watch in 2017
What’s new for developers, November 2016
In this edition of what’s new for developers, we’ve included app platforms, source code tools, AI and bot resources, frameworks, JavaScript resources, and much more. Much of what’s on the list this month is free, with a few high-value paid apps and tools also included. They’re sure to be useful to developers, from beginners to… Continue reading What’s new for developers, November 2016
4 modern background tricks to try out
It seems that, as a constituent of a design, backgrounds live in the shadows; however, that’s not entirely true. In times when CSS only began to make its first steps towards the world conquest, the background had already taken on the role of the main decorative element of the website. Nowadays the situation has not… Continue reading 4 modern background tricks to try out
Automatic responsive images with client hints
Over time, developers have wrestled with forcing images into responsive layouts. Media queries and fluid grids are constantly employed to achieve visually flexible images. Achieving such flexible images as pointed out by Ethan Marcotte in the seminal first edition of his book is as easy as: img { max-width: 100%; } The image resources being… Continue reading Automatic responsive images with client hints
Morphing dropdown navigation inspired to Stripe
A fantastic tutorial by Claudia Romano that explains how to create a morphing dropdown navigation menu as seen on stripe.com with few lines of HTML, CSS and vanilla JavaScript. View tutorial
SVG Tools And Resources You Might Want To See
Advertisement SVG, also known as Scalable Vector Graphics, is one of the fastest and best tools being utilized by web developers, especially those who are looking to have different animations placed into the many websites and apps that they design. As mobile devices such as smartphones and tablets become more and more popular throughout the… Continue reading SVG Tools And Resources You Might Want To See
Introducing Divi 3.0
Posted · Category: Information Divi 3.0 introduces a complete new front-end editor that has been re-built from the ground up using React, a modern JavaScript library for user interfaces. This new builder allows users to edit their WordPress pages on the front-end of their website using simple and beautiful visual controls. When you activate the… Continue reading Introducing Divi 3.0
Scrollanim – Create Stunning Scroll Animations
Posted · Category: MIT License, Tools Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere. It’s open-source (MIT), free and easy to use Oh, and it’s 9KB. Also, this is possible to add the animations using the JavaScript API. Scrolanim has many CSS3 animations to use. No JavaScript animations,… Continue reading Scrollanim – Create Stunning Scroll Animations
Rocket.Chat – The Ultimate Open Source WebChat Platform
Posted · Category: Chat, MIT License Rocket.Chat is a Web Chat Server, developed in JavaScript, using the Meteor fullstack framework. It is a great solution for communities and companies wanting to privately host their own chat service or for developers looking forward to build and evolve their own chat platforms. You can access from anywhere:… Continue reading Rocket.Chat – The Ultimate Open Source WebChat Platform
Social Media Sharing Buttons without JavaScript
Posted · Category: MIT License, Social Love or loathe them, sharing buttons will not go away for a while. The default social media sharing scripts provided by the networks themselves are big, often download multiple files and track users across the web. Social Media Sharing Buttons generator outputs social media sharing buttons that do not… Continue reading Social Media Sharing Buttons without JavaScript
Surprisingly Easy Rainbow Light Painting Effect in 2 Minutes
Give your photos a unique look with this retro effect that’s super easy and fun. This effect is a great way to enhance the look of photos with a dark background. It will also only take you two minutes to complete because it only uses two layers. Preview of Final Results Step 1 Start off by… Continue reading Surprisingly Easy Rainbow Light Painting Effect in 2 Minutes
Algolia Places – Fast and Beautiful Address AutoCompletion
Posted · Category: Maps, MIT License Algolia Places is a fast, beautiful and easy-to-use address autocompletion. It turns any <input> into an address autocomplete. Algolia Places provides a fast, distributed and easy way to use an address search autocomplete JavaScript library on your website. It has been designed to improve the user experience of your… Continue reading Algolia Places – Fast and Beautiful Address AutoCompletion