Tag: data

Build a Dynamic Dashboard with ChartJS

Final Product What You’ll Be Creating DownloadSOURCE FILES DemoVIEW IT ONLINE Today we will be creating a dynamic dashboard with live charts, through the power of ChartJS. ChartJS is a powerful, dependency free JavaScript library which builds graphs via the canvas element. Best of all, it’s easy for designers to get up and running. We’ll be focusing… Continue reading Build a Dynamic Dashboard with ChartJS

10 Useful Tips For Debugging and Troubleshooting in Programming

With a shiny new file open in the text editor and not a line of code written, every new project seems full of possibility and promise. Several thousands of lines of code later, that same project can seem weighed down by bugs that make adding new features a pain, and drain the enthusiasm of programmers.… Continue reading 10 Useful Tips For Debugging and Troubleshooting in Programming

Add Depth to Flat UI with Flat Shadow.js

A while ago, I stumbled upon a post called Flat design casts a long shadow by the fine folks at Web Designer Depot and I was amazed by how adding a simple shadow could create such a beautiful depth of design to the flat UI elements. What if we bring this effect to the web? Today, let… Continue reading Add Depth to Flat UI with Flat Shadow.js

Create A Simple Responsive Portfolio Page with Filtering and Hover Effect

In this tutorial, I’m going to show you how to create portfolio page with filtering and also hover effect for each of your project item. We will be using a CSS3 and jQuery filter & sort plugin called MixItUp. This script should work pretty well with our previously published tutorial – display images with shape masking and… Continue reading Create A Simple Responsive Portfolio Page with Filtering and Hover Effect

Hey, Event Apps: Why So Serious?

Over the past several years event apps have been soaring in popularity, and it’s easy to understand why. The event details you need are accessible on the go and not reliant on a WiFi connection. Plus, these apps make event organizers’ lives easier by making it easy to manage event logistics and monitor and report… Continue reading Hey, Event Apps: Why So Serious?

35+ Photoshop Flat UI Interface PSD Gems

One of the hot trends right now in web designs is minimalistic metro style and it is seen used on more and more websites and App UIs. With Photoshop flat UI PSDs you can quickly start up metro design projects and as you will see below there are many cool resources available as free download.… Continue reading 35+ Photoshop Flat UI Interface PSD Gems

Thumbnail Grid with Expanding Preview

If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. It’s a really nice effect and it is very practical, making a search much easier. Today we want to show you how to create a similar effect on a… Continue reading Thumbnail Grid with Expanding Preview

Cross-Site Scripting in WordPress: What Is XSS?

This entry is part 1 of 2 in the series Cross-Site Scripting in WordPress One of the most exciting aspects of modern web development is the potential that comes with building applications specifically for web browsers (or to run “in the cloud.”) Originally, Java was meant to be the “write-once, run-anywhere” solution, but it appears… Continue reading Cross-Site Scripting in WordPress: What Is XSS?

24 Cool PHP Libraries You Should Know About

It is an exciting time to be a PHP developer. There are lots of useful libraries released every day, and with the help of Composer and Github, they are easy to discover and use. Here are 24 of the coolest that I’ve come across. Your favorite is not on the list? Share it in the… Continue reading 24 Cool PHP Libraries You Should Know About

How to Make a Tumblr-powered News Ticker

Tumblr is a blogging service with an elegant interface for creating and publishing content. In this tutorial, we are going to use it as the foundation of a news publishing system. We are going to develop a simple widget which cycles through the most recent posts on a Tumblr blog, and presents them as news items… Continue reading How to Make a Tumblr-powered News Ticker

Make Pretty Charts For Your App with jQuery and xCharts

Charts are a great visual aid when presenting data. You can’t build a professional admin panel without them. They are also tricky to set up. However, there is a new library that makes things easier – xCharts. Today, we are going to use it along with the daterange picker for Twitter Bootstrap, to build a… Continue reading Make Pretty Charts For Your App with jQuery and xCharts