Joe Casabona
Joe Casabona is a web developer, author, and teacher who focuses primarily on WordPress and mobile development. His latest book, Responsive Design with WordPress is out now. He is also a Yankee fan, plays the drums, and enjoys a fine cigar from time to time.
Tutorials
  • Code
    Understanding How WordPress Images Work (For Better Responsive Design)Preview
    290 shares
    In this article, we will talk about How WordPress handles images, creating new image sizes, and leveraging this for better Responsive Design.Read More…
  • Web Design
    The Web Designer's Guide to Google GlassGlass retina
    86 shares
    As I look up into the screen just above my right eye, I think about all of the things Google Glass is: the future, a communication device (and a great one at that), a conversation piece, a camera, information literally right in front of your face, and as of the latest update, a web browser.Read More…
  • Code
    Quick Tip: Automatically Link Twitter Handles With a Content FilterPreview
    2 shares
    A few days ago I was working on a blog post on my personal blog about some recent stories. I wanted to attribute those stories to the proper source/author, which in some cases, were from Twitter. I started to manually link Twitter handles in the WordPress editor when I realized there was an easier way to do this that would then go back and link any unlinked Twitter handles on my blog. And the answer was a simple content filter.Read More…
  • Code
    The Rise of HTML5 in WordPressHtml5
    42 shares
    2011 was a big year for the advancement of HTML5 in the web development community. It became pretty widely adopted, especially for the mobile web. There have been major projects that help developers use HTML5, like Paul Irish's HTML5 Boilerplate (technically 2010, but popularized in 2011) and books galore! I would strongly recommend Jeremy Keith's HTML5 for Web Designers, published by the venerable A Book Apart (a service by Happy Cog). But what started as a movement in 2010 became the proper way to do things in 2011, from mobile websites to progressive enhancements, and that includes integrating HTML5 into WordPress themes.Read More…
  • Code
    DIY WordPress Framework Part 4: Using the Framework as a Boiler PlateDiy wordpress framework
    13 shares
    Last time we used our framework as a child theme, creating a totally new theme that depends on the framework. Today we're going to use our framework as a boilerplate, copying the folder and making edits right to it.Read More…
  • Code
    DIY WordPress Framework Part 3: Using the Framework as a Child ThemeDiy wordpress framework
    9 shares
    In the last installment of this series, we created our theme framework, which amounts to a fairly simple boilerplate, where we added some functionality that we commonly use. There are 2 ways that we can use our framework now: as a child theme and as a true boilerplate that we just copy and edit. Today we're going to use our framework as a child theme.Read More…
  • Code
    DIY WordPress Framework Part 2: Creating the ThemeDiy wordpress framework
    11 shares
    When I last left you, we had looked at some design principles, explored other frameworks, and came to the inevitable conclusion that we'd build our own. In this tutorial, we're going to cover the steps I took to create what I called my WordPress Boilerplate, taking a close look at the CSS, functions.php, and select template pages.Read More…
  • Code
    DIY WordPress Theme Framework Part 1: Defining Your NeedsDiy wordpress framework
    24 shares
    One of the best things about my education at the University of Scranton was the recurring lesson we learned about reuse. Reuse is incredibly important in programming for many reasons: easier testing, saving time, the ability to focus on more advanced things, etc. Once I graduated and entered the wonderful world of full-time freelancing, I decided if I was going to keep doing WordPress work, I would need to apply those reuse lessons to my everyday life. Number one on my list was a simple WordPress theme framework.Read More…
  • Code
    Create a Responsive Slider Plugin With FlexSlider for WordPressThumb
    17 shares
    Sliders seem to be all the rage these days, and for good reason! You can add photos, content, videos, and more to an eye-catching, animated area of your website. While there is a wealth of slider plugins out there (my current favorite is the one for Nivo Slider), there is not one for FlexSlider, a slider that has keyboard shortcuts and works with swipe on touch screens. In this tutorial, we'll create that plugin!Read More…
  • Code
    14 WordPress Plugins For SEO And MarketingSeo thumb
    44 shares
    As a web developer, possibly the most common request I get from clients is that they want to be number one on Google. While this is not impossible, it's a pretty huge undertaking that will take months of very active work. However, if you just want your website to be more search engine friendly, well that's a different story, especially on WordPress. There are tons of plugins that will help you with both your SEO and SEM game. Let's take a look at some of my favorites.Read More…
  • Code
    Creating a Simple Child Theme Using Twenty ElevenPreview
    24 shares
    One of the first things I noticed when I started using WordPress was how well it employs the developer's mantra, "Separation of Concerns." In the programming world, you want each component to rely on the other components as little as possible; this makes each component more reusable. A perfect example of this in WordPress is Themes. They totally separate the design from the content. We can change the theme, and the content remains unchanged. WordPress does something similar with they way we can build on themes in WordPress. Instead of modifying an existing theme (and risk losing the changes at the next update), we can create a child theme, which separates our changes from the parent. In this tutorial, I will show you how to create a simple child theme.Read More…
  • Code
    Using Custom Post Types to Create a Killer PortfolioPost type portfolio
    41 shares
    Quite possibly the best addition to WordPress 3.0 was that of Custom Post Types. This took WordPress from being a CMS that can manage posts and pages to being able to manage anything the user can think of rather easily. You no longer have to add custom fields to posts- you can add high level support to your own types, creating their own theme page files and admin areas. One of the first things I did using custom post types was revamp my portfolio and today I'm going to show you how I did it!Read More…