Display WooCommerce Categories, Subcategories, and Products in Separate Lists

What You’ll Be Creating WooCommerce gives you a few options as to what you can display on your archive pages: products categories (on the main shop page) or subcategories (on category pages) both products and categories. When I’m setting up a store, I normally select the third option: products and categories/subcategories. This means visitors to… Continue reading Display WooCommerce Categories, Subcategories, and Products in Separate Lists

12 Best Meteor Tools For Developers

Are you a developer who is looking for some free to use meteor tools? Well, if your answer is yes, then you are lucky enough to land on the right page. In this round up, we are presenting 12 best and extremely useful meteor tools for developers. Meteor tools or MeteorJS tools are very helpful… Continue reading 12 Best Meteor Tools For Developers

The Recently Released Webdev Resources You Would Need

Want to use Vanilla JS but find native APIs a bit unwieldy? Bliss is for you. Bliss is just a collection of helpers and light syntactic sugar over Vanilla JS. It does not account for browser bugs or lack of support of certain APIs, although it only uses features that are both supported across most… Continue reading The Recently Released Webdev Resources You Would Need

Data Structures With JavaScript: Tree

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Trees are one of the most commonly used data structures in web development. This statement holds true for both developers and users. Every web developer who has written HTML and loaded it into a web browser has created a tree, which is referred… Continue reading Data Structures With JavaScript: Tree

Posts, Pages and Post Types

In this part of this series on WP_Query, you’ll learn how to use WP_Query to query for posts, pages and custom post types. You can query for specific posts and pages or you can run a query to return posts of one or more post types. A Recap on How Arguments Work in WP_Query Before… Continue reading Posts, Pages and Post Types

Dash – A Comprehensive Dashboard for Visualizing & Understanding Data

Our insatiable thirst for data grows more rapidly than our ability to understand it; and as we’re exposed to more rich media, build and grow businesses faster and connect more with our expanding digital world, there’s a growing desperation to keep track and make sense of it all. There’s more stored data and content created… Continue reading Dash – A Comprehensive Dashboard for Visualizing & Understanding Data

CouchDB – Database Stores Data with JSON Documents

CouchDB is a database that completely embraces the web. Store your data with JSON documents. Access your documents and query your indexes with your web browser, via HTTP. Index, combine, and transform your documents with JavaScript. CouchDB works well with modern web and mobile apps. You can even serve web apps directly out of CouchDB.… Continue reading CouchDB – Database Stores Data with JSON Documents

A Beginner’s Guide to HTTP and REST

Hypertext Transfer Protocol (HTTP) is the life of the web. It’s used every time you transfer a document, or make an AJAX request. But HTTP is surprisingly a relative unknown among some web developers. This introduction will demonstrate how the set of design principles, known as REST, underpin HTTP, and allow you to embrace its… Continue reading A Beginner’s Guide to HTTP and REST

20+ HTML Forms Best Practices for Beginners

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Working with HTML forms can be somewhat daunting. They not only use some niche HTML elements, but also blur the line between static content and user interaction. Let’s review some things to remember when creating your next form. Good HTML forms require attention on at least four… Continue reading 20+ HTML Forms Best Practices for Beginners

30+ PHP Best Practices for Beginners

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} PHP is the most widely used language for server-side programming on the web. Here are 30+ best practices for beginners wanting to gain a firmer grasp of the fundamentals. We have also written posts like these for HTML, CSS, and JavaScript. HTML & CSS 30 HTML Best… Continue reading 30+ PHP Best Practices for Beginners

HTML5 features with GWT Elemental

HTML5 is revolutionizing the web. The web application has features which are comparable to most of the desktop applications. The new features of the HTML5 make browser a powerful platform to develop next generation applications. The APIs and document object model (DOM) are fundamental parts of the HTML5 specification. The programming language of choice in… Continue reading HTML5 features with GWT Elemental

25 Free WordPress Themes for You to Download

WordPress not only powering most of the websites and blogs on internet but gives you a secure and effective environment for you to manage your data easily. The most robust CMS of all time, WordPress is very important factor for the responsiveness of a website, its theme feature lets you choose a WordPress theme out… Continue reading 25 Free WordPress Themes for You to Download

Impressive Parallax Javascript Plugin That Supports Gyroscrope

Parallax effect is one of the coolest animation in web design industry. Its sibling – Parallax scrolling has been quite a famous web layout since last year!   We found this pretty cool Javascript plugin that bring parallax effect to a new level. Parallax.js reacts to the orientation of your smart device, offsetting layers depending… Continue reading Impressive Parallax Javascript Plugin That Supports Gyroscrope

Migrating Your WordPress Database: A Database Primer

When it comes to working with WordPress-based projects, arguably one of the most frustrating or tedious aspects of deployment is actually getting the databases across your environments in-sync with one another. Sure, there’s something to be said for using test data in development, user data in staging, and actual data in production, but there’s no… Continue reading Migrating Your WordPress Database: A Database Primer

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