Tag: data

How to Build a Dynamic Imgur Upload App Using jQuery & PHP

Many new online web services are providing backend APIs for developers. These allow anyone to connect into a web app and pull out specific information (or push or change bits of data). Today we’re specifically looking at the API for Imgur. In this tutorial I want to demonstrate how we can remotely mirror an image… Continue reading How to Build a Dynamic Imgur Upload App Using jQuery & PHP

15 Cool Infographics For Web Designers and Developers 2013

Today the use of infographic is popular to convert any large and in-depth information and data into graphic visual representations that are easy to understand and much interesting to read. The use of infographics is common today in newspapers, magazines, business presentations, studying statistics, understanding maps, educational fields, etc. to interpret data. But it has… Continue reading 15 Cool Infographics For Web Designers and Developers 2013

Build Bootstrap in Minutes Using Emmet

Bootstrap (currently at version 3) is all about rapidly building websites, whether they be prototypes or finished products. In today’s videos we’re going to build ourselves a Bootstrap layout, in record time, usingEmmet‘s powerful time-saving markup syntax.   Using Emmet Before we dive into Bootstrap, it’s worth taking a minute to become familiar with what Emmet is… Continue reading Build Bootstrap in Minutes Using Emmet

Dominating Bold Type in Website Design: New Examples

What makes great website design great? Your answer will definitely vary: advanced animations, spectacular captivating photos, uncommon video intros, high-detailed artistic illustrations, flawless execution of popular styles, creative solutions and much more – all these aspects depend on kind and purpose of website itself, but there is undoubtedly one thing that you find in common… Continue reading Dominating Bold Type in Website Design: New Examples

How to build standards-compliant responsive design using @viewport

One of the key concepts in any responsive design is the change of viewport size. That’s because mobile viewports vary greatly from desktop viewports. To control the viewport size we traditionally use the viewport meta tag. However, the viewport meta tag, like all the worst browser developments of the last forever, isn’t W3C valid. It… Continue reading How to build standards-compliant responsive design using @viewport

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