Quick WordPress Theme Switcher Plugin Tutorial

Posted in Coding, JS & AJAX, PHP, Tutorials • Posted on 9 Comments

The design or theme of a website plays a vital role in its success. Recent changes in popular sites prompted me to write this tutorial. Facebook Timeline, Youtube Dark Theme and Gmail Clean and simple design are major changes made recently. Also 1stwebdesigner is going through its redesign process and the changes looks promising from a users perspective.

In this tutorial I am going to explain how you can dynamically switch WordPress themes based on various conditions allowing you to provide the best possible user experience. Before we dig into dynamic theme switching, let’s see how WordPress changes its menu in the admin dashboard.

Quick WordPress Theme Switcher Plugin Tutorial Read More

Understand the Power of Sass and Why You should use CSS Preprocessors

Posted in Coding, HTML & CSS, Tutorials • Posted on 8 Comments

Front end engineering has always remained a niche skill, even with the burgeoning array of techniques and technology available. Today, as we witness the launch of newer frameworks and tools for better web development, on a regular and fast track basis, this domain too has undergone its own super fast makeover! But the core skills to build a solid career in front end engineering has always been the same – passion + HTML + CSS + JS + an unrelenting desire to learn!

Lets analyze and understand the hot and happening technique in the field of front end engineering – ‘CSS preprocessors’, which offers to add mind-blowing features to the Cascading Style sheet language, and equip the modern-day front end engineer with tons of nitro and increase productivity.

Understand the Power of Sass and Why You should use CSS Preprocessors Read More

Creating Stunning Visualizations with Impress.js

Posted in Coding, HTML & CSS, JS & AJAX, Tutorials • Posted on 11 Comments

Do you want to create beautiful slideshow presentations for the web using just HTML and CSS? That won’t be a problem with Impress.js, a powerful CSS3 transformation framework that lets you convert your HTML content into a slideshow with amazing effects.

Impress.js is a jQuery plugin created on github by bartez which uses CSS3 functionality to create presentations. All the modern browsers will support the stunning visualizations created by Impress.js.

Creating Stunning Visualizations with Impress.js Read More

jQuery Mobile – What You Need to Know

Posted in Coding, JS & AJAX, Tutorials • Posted on 17 Comments

jQuery Mobile version 1.0 finally launched this past November. Don’t know if you heard about it, but if you are planning to do any mobile app or website development, it’s better to get started with it right now.

I’m sure you’ve heard about jQuery. So, its mobile version is pretty close to what you already are used to, but with a lot of enhancements for mobile screen events (like touching instead of click, and there is no hover) and browsers (this one is tricky since there are plenty of browsers and devices out there) and capabilities (pluggable components).

The crazy thing is how simple it is to initiate and build a fully working mobile site. Actually, we’ll be talking about concepts, tips, codes, and in the meantime you can build your own app, in no more than one hour. Yeah, noob to ninja in one hour, this is what you’ll get here :)

So, let’s rock!

jQuery Mobile – What You Need to Know Read More

WordPress Plugin Development – Relate Posts as a Series Part 2

Posted in Coding, PHP, Plugins, Tutorials, WordPress • Posted on 16 Comments

So, we started our dive into WordPress plugin development with the first part of this tutorial where we talked a little about planning, basic plugin structure, custom post types, metaboxes and how to add custom functions to WordPress’s defaults actions.

Today we will talk a little more about metaboxes and jQuery, shortcodes, and front-end functionality.

All these things with a pretty practical example of how to make a plugin that will relate posts as a series.

So, let’s rock!

WordPress Plugin Development – Relate Posts as a Series Part 2 Read More

Getting Smarter Code with PHP Variable Variables and Variable Functions

Posted in Coding, PHP, Tutorials • Posted on 29 Comments

Oh, variables. Who doesn’t love them? They are such nice guys, you know. When you need something, just call $something and your value is there.

But something really cool is that you actually don’t need the name of the variable. You can use other variables to access a value of one variable.

For example, let’s say you have two variables $jude = "hey" and $hey = "jude". If you echo $$jude $$hey(yeah, double “$”) your output will be “hey jude”.

But, as you might be thinking it is not just about variables. You can name dynamic functions, methods, arrays, and almost anything you want to.

This time we will see some uses for it, with arrays, functions, classes and how this technique can help you write better code.

So, let’s rock!

Getting Smarter Code with PHP Variable Variables and Variable Functions Read More

Convert 1st Ideas from PSD to HTML [Very Detailed]

Posted in Coding, HTML & CSS, Tutorials • Posted on 20 Comments

In this article you will learn how to convert 1st Ideas: Stylish Design Agency Website from PSD to HTML in a detailed step-by-step tutorial. You will learn how to create this layout using CSS styles, some CSS3 styles and JavaScript. When you’ve completed this tutorial you’ll have a valid HTML/CSS, cross browser compatible and dynamic layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

Convert 1st Ideas from PSD to HTML [Very Detailed] Read More

WordPress Plugin Development – Relate Posts as a Series – Part 1/2

Posted in Coding, Tutorials • Posted on 24 Comments

Today our task is to create a simple WordPress plugin to relate posts as a series. With this, when you  create a new post it is automatically listed in your series, so if a user is reading any post of the series he can jump to others, even posts created after that one he is reading.

It may seem a bit too simple, but with this we can learn a lot about:
1. Custom post types
2. Custom fields
3. Metaboxes
4. Actions
5. Shortcodes
6. Basic plugin structure for WordPress
7. Little bit of jQuery
So, let’s rock!

WordPress Plugin Development – Relate Posts as a Series – Part 1/2 Read More

How to Create an Awesome Blurry Menu Using CSS

Posted in Coding, HTML & CSS, Tutorials • Posted on 34 Comments

Today we will get a perfect and simple blurry menu effect via CSS. In addition to it, we will get a useful multiple borders effect. To achieve this effect you will need to have a basic understanding of HTML and CSS. We will work with IE filters and text-shadow, but there is no reason to worry if you have never used it, they’re all well and simply explained.

And the best part is that anything done here works almost anywhere, from IE6 to real browsers.

So, let’s work!

How to Create an Awesome Blurry Menu Using CSS Read More

Creating Your Own CMS Part 3 – Advanced Features

Posted in Coding, PHP, Tutorials • Posted on 14 Comments

If you have been following along you should have a simple CMS built that has a place to securely log in and you should be able to create some users and access levels for your site. If you are creating a CMS you will need more than just to be able to log in and create users so here in part three we will get into a few of the things that you can do with your own CMS. A few people have really knocked the idea of creating your own CMS which is fine because we can all have our own opinions so I will just tell you all why I personally like to use my own.

Creating Your Own CMS Part 3 – Advanced Features Read More
23.22.173.58 - unknown - unknown - US