The Beginners Guide to Github Pages
All developers know Github as service that enables code sharing and also helps you improve your code by using version control. However, did you know…
Customize the Design of Your Embeddable WordPress Posts
Did you know that every WordPress site can embed posts from every other WordPress site? WordPress sites are oEmbed providers. Out-of-the-box, your embeddable posts will…
How to Add Featured Image Support to a WordPress Theme
WordPress themes makes it possible to give your users control of many aspects of their site’s designs. One of the most common design features in…
Create Responsive Google Maps on Any Website
Google Maps makes it easy to embed a map in your own website. However, by default, Google Maps doesn’t provide responsive support. In this short…
How to Create Password Protected Posts in WordPress
Did you know that WordPress offer the ability to password-protect the posts that you write? This feature doesn’t require a plugin and is a core…
Create WordPress Child Themes with Child Theme Configurator
Child themes are the best way to modify WordPress themes. With a child theme, you can add custom CSS styles and keep the original theme…
How to Create a Custom jQuery Plugin
jQuery is, in my humble opinion, the best Javascript library. Much of jQuery’s popularity is due to the fact that it considerably reduces development time.…
How to Target Elements in CSS with Attributes
When working with CSS, designers usually target elements based on id or class. However you can target elements using more than just these two attributes.…
Better Category URLs in WordPress with Remove Category URL Plugin
By default, when the SEF URLs are enabled in WordPress, the category links include the word “category” just before the category slug. In this tutorial,…
Debugging Your Website with Chrome Developer Tools
If you’re using Chrome and want to debug your site’s design, this browser already comes with a great built-in feature called Developer Tools. In this…
Debugging Your Website with Firefox Dev Tools
In previous years, we often talked about using browser add-ons like Firebug to help bugshoot your websites. However, the major browsers now all include their…
How to Use Images as Backgrounds with CSS
As a new web designer, one very skill you’ll need to master is using background images. Depending on the design, you may need to completely…
Add Responsive YouTube and Vimeo Videos to Any Website
YouTube, Vimeo and other video hosts make it easy to embed their players in your own website. However, Youtube, Vimeo and others don’t provide responsive…
How to Insert Website Content With CSS
Do you know that you can add content to your website using CSS? It sounds crazy, but it’s true. I’m going to show you how…
Goodbye Firebug. It’s Time to Use Firefox Dev Tools Instead.
For many years, Firebug was one of the most helpful tools available to web developers and designers. Firebug, launched back in 2006, was an add-on…
How to Add Responsive Facebook Videos to Your Website
Facebook allows you to embed videos from their site in your own website. However, by default Facebook videos are not responsive. In this short tutorial, I’m…
How to Add Microdata for Products to WordPress Pages
Microdata makes it possible for search engines to understand important details about your site’s content. We talked about WordPress microdata in a previous blog post.…
Use is_plugin_active() to check If a WordPress Plugin is Activate
WordPress has a ton of hooks and methods to check specific tasks. These are very useful when developing plugins and themes. In this post I’ll…
How to Align Text Vertically with CSS
One of the big challenges in web design involves aligning text vertically. This is easy to achieve by using tables, however using tables to design…