Getting Bootstrap Tabs to Play Nice with Masonry
On the Masonry website, we read that Masonry is … a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting...
View ArticleAnimating Text with Blast.js
Animating an HTML element with CSS or JavaScript nowadays, with the help of libraries, is more or less an easy task. But you can only animate a full existing element. This means if you want to animate...
View ArticleCreating a jQuery Photo Slideshow with fadeIn and fadeOut
There are many ways to build a simple slideshow nowadays. In this screencast I will demonstrate how to do just this using jQuery’s fadeIn and fadeOut methods. These methods allow you to conveniently...
View ArticleHow to Create a Password Manager App with Cordova
A password manager is an application that’s used to store and organize passwords. Passwords are encrypted and stored using a master password as an encryption key. Passwords are decrypted using the...
View ArticleJavaScript like a Boss: Understanding Fluent APIs
While designing Babylon.js v2.0 (a library for building 3D on the web), I recently found myself wishing that more APIs were fluent – that is, I wish the community could more easily read, understand,...
View ArticleAuto-filling Forms with jQuery and the Web Storage API
In a project I developed a few years ago there was a search form made of a main field and then many other fields to refine the search. In that project a user typically needed to perform the same search...
View ArticleHow To Build a Trello Chrome Extension – Exporting Lists
In the previous part, we built the basics of our extension, implementing authentication through a custom Foundation-powered settings screen and using Trello’s JavaScript client library. In this part,...
View ArticleCustom Events and Ajax Friendly Page-ready Checks
Not so long ago, I built a Chrome extension that lets users export lists from Trello. You can see the short series on how that was done here. That extension had some room left for improvements,...
View ArticleVisual Studio Community 2015: Going Mobile
This article was sponsored by Microsoft. Thank you for supporting the sponsors who make SitePoint possible. Welcome back to our series of articles using Microsoft’s modern IDE: Visual Studio Community...
View ArticleBuilding Great Mobile Menus for Your Website
Websites need to look great and have optimal functionality, regardless of whether they are viewed on a laptop, tablet all mobile phone. Developers are adapting to a mobile-centric design philosophy...
View ArticleCreating an Expense Manager App with Apache Cordova
An expense manager is a financial budget application that’s used to collect and analyze expenses. They help people budget and save money by monitoring income and how an individual, business or family...
View ArticleHow to Integrate Facebook Login into a Cordova based App
If your App needs Login or Registration functionality, then using 3rd party services such as Facebook Authentication are useful tools to utilize. This tutorial is for developers using Cordova with...
View Article11 Best jQuery Charting Libraries
If you’ve worked with any kind of data, you know how harrowing reading rows and rows of numbers can be. It isn’t easy to wade through all of those numbers and easily figure out what they mean. That’s...
View ArticleInterview: How to Join a Major Open Source Project
Recently, my co-editor Aurelio was invited to become a member of the jQuery team. To mark this spectacular achievement and to find out what’s involved in contributing to the most popular JavaScript...
View ArticleIntegrating Local Notifications in Cordova Apps
Local notifications let an application inform its users that it has something for them. For example, a reminder or an new item for sale while the application isn’t running in the foreground. Local...
View ArticleUsing HealthKit with a Cordova App
HealthKit is a framework introduced in iOS 8 that provides a centralized, user coordinated and secure datastore for health and fitness related information. The HealthKit datastore is shared among apps...
View ArticleAn Editable Grid with jQuery, Bootstrap, and Shield UI Lite
In this short tip, I provide a few easy steps to set up an editable grid (or table) using Bootstrap and Shield UI Lite. Shield UI Lite is an open source jQuery library that includes, among other...
View ArticleA Full Screen Bootstrap Carousel with Random Initial Image
A few months ago, I wrote an article that covered Bootstrap’s Affix and ScrollSpy components. This time though, I’ll be focused on a different Bootstrap component: I’ll go through the process of...
View ArticleHints Creation with EnjoyHint
The aim of this article is to cover the process of creating hints for a website. Firstly, we’ll take a look at how we can create a single hint for a proper website element. Then, we’ll create a...
View ArticleCreating a SCRUD System Using jQuery, JSON and DataTables
Every non trivial software allows to manipulate data, generally stored in a database. The acronym SCRUD refers to the basic manipulation functions that the user needs to work with the available data:...
View Article