Tag: JavaScript

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

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

8 Coding Playgrounds For Developers

Testing tools are essential for the developers as they constantly require to test their codes. Testing tools and codes play a vital role in the web development process in order to check the functionality and validate the codes. They are designed to help developers check and validate their codes and hence, save their time as… Continue reading 8 Coding Playgrounds For Developers

Chart.js A Simple yet flexible JavaScript charting for designers & developers

Chart.js was first introduced in year 2013, for 3 years of intensive development by many contributors, it has became quite a powerful open source Javascript charting plugin. It’s designed for both developers and designers. It supports 8 types of charts – Line, Bar, Radar, Polar Area, Pie & Doughnut, Scales charts. With version 2.0, you… Continue reading Chart.js A Simple yet flexible JavaScript charting for designers & developers

How to Integrate SmoothState.js Into a WordPress Theme

In our previous tutorial, we used the History Web API within a static site to serve smooth page transitions. In this tutorial we’re going to take things to the next level, by applying what we learned in a WordPress website. There’ll be one crucial difference; we’ll leverage SmoothState.js instead of building our own from scratch.  SmoothState.js will: Request pages asynchronously (AJAX) and… Continue reading How to Integrate SmoothState.js Into a WordPress Theme

How to Create an AJAX Driven Theme for ProcessWire

In this tutorial we will look at setting up a simple theme in ProcessWire, we’ll investigate delayed output (now the default theme strategy within ProcessWire), and setup our site to request new content using AJAX. To accompany this tutorial I have created a new theme for ProcessWire, making use of both AJAX and delayed output,… Continue reading How to Create an AJAX Driven Theme for ProcessWire

Find JavaScript Code Snippets by Functionality with Cocycles

Cocycles is a new code search service that enables code to be found by functionality. In this article, Cocycles team member Jonathan explains the idea behind this approach to code searching. We’re all familiar with it: that moment when you’re forced to abandon your code editor, interrupt your workflow and open your browser to search… Continue reading Find JavaScript Code Snippets by Functionality with Cocycles

How to Build a Pebble Application

What You’ll Be Creating The Pebble smartwatch has been around since its very successful Kickstarter campaign in 2012 and is a popular choice amongst smartwatch users. This is due to its excellent battery life, low price, various models to choose from, and compatibility with both iOS and Android. Pebble has had a developer SDK since day one, encouraging developers… Continue reading How to Build a Pebble Application

Optimizing Google PageSpeed to 100 in WordPress

What You’ll Be Creating How to Reach a PageSpeed of 100 Welcome to part two of our series on Google PageSpeed. In the first episode, I optimized the PageSpeed of my site’s then theme, MySiteMyWay’s Construct. I managed to get to 70 Mobile and 86 Desktop.  However, with MySite’s closure, I chose a new theme and reached… Continue reading Optimizing Google PageSpeed to 100 in WordPress

Selecting Parent Elements with CSS and jQuery

There have been occasions where I’ve wished I was able to select a parent element with CSS–and I’m not alone on this matter. However, there isn’t such thing as a Parent Selector in CSS, so it simply isn’t possible for the time being. In this tutorial we will walk through a few cases where having a CSS… Continue reading Selecting Parent Elements with CSS and jQuery

Hands On Improving Google PageSpeed

What You’ll Be Creating What Is Google PageSpeed? Google PageSpeed is a free tool that assesses the performance and usability of your website for mobile and desktop platforms. It’s extra important because Google uses it in determining key elements of our SEO ranking, i.e. how high we appear in their search results. If you want more background… Continue reading Hands On Improving Google PageSpeed

Chart.js – Flexible JavaScript Charting for Developers

Posted · Category: Charts, MIT License Chart.js is a simple yet flexible JavaScript charting for designers & developers. Chart.js merges configurations and options in a few places with the global defaults using chart type defaults and scales defaults. This way you can be as specific as you want in your individual chart configs, or change… Continue reading Chart.js – Flexible JavaScript Charting for Developers

Chartd – Responsive and Retina-Compatible Charts

Advertise here via BSA At StatHat, they make a lot of charts. They creates dynamic, autoupdating charts using JavaScript, but we also send charts via email and to external services like Campfire and Slack. Plus, they let users embed charts on their own web pages. For these situations, JavaScript charts either won’t work, are overkill, or could get… Continue reading Chartd – Responsive and Retina-Compatible Charts

New Course: Advanced Animation With GSAP Plugins

What You’ll Be Creating The GreenSock Animation Platform is a powerful JavaScript library for animating HTML elements in the browser. In our new course, Advanced Animation With GSAP Plugins, you will learn how to take your GSAP animations to the next level using the plugins that come with the platform. What You’ll Learn Our recent GreenSock Animation… Continue reading New Course: Advanced Animation With GSAP Plugins