Mar 10 2011

The is_paged Conditional
Selectively displaying code on secondary pagination pages

pagination

Here at WPMethod, we are using a featured post slider on the homepage to highlight posts we deem as particularly interesting for our readers. This is a great way to offer you more options than just a chronological listing of posts, and was simple to add to the index.php template of our theme so that it loads on the homepage. We also offer an easy to use paginated navigation to go back in the chronological post list to see older posts. So what happens if you click back to a previous page? Why would you want to have that slider forced on you again if […]

Jan 21 2011

Web Fonts
@font-face options without using third party services

4402505770_19f47c7737_b

Last year was the year of major breakthroughs in web design and development. For me, one of the biggest sighs of relief was when web typography finally got easy. There has been an explosion of new tools and new typeface licenses that make it easy to take a web design from bland to fabulous.
Third Party Solutions = Middle Man
I’ve used a few of the premium services like Webfonts and Typekit, and I’ve just not been that impressed with them. FOUT issues are worse, rendering can be buggy, and just things here and there that have left me frustrated and wanting something better. My least favorite […]

Jan 18 2011

HTML5 Logo
Got the standard, got the logo, buy the t-shirt

html5-topper

We’re already in love with the new HTLM5 standards; now feast your eyes on the gorgeous new logo that the W3c was kind enough to give us for HTML5. Here’s how they introduce it to us:
It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It’s the standard’s standard, a pennant for progress. And it certainly doesn’t use tables for layout.
We present an HTML5 logo.
The new logo is licensed under Creative Commons Attribution 3.0, and is made available to download in several different versions, in both SVG […]

Jan 12 2011

How WordPress Themes Work
Handy infographic to simplify the template breakdown

anatomy-wordpress-yoast

This is a BIG thank you to WordPress blogger Joost de Valk for finally answering a need for explaining how WordPress themes work in a very simple and easy to read way. He has created an infographic that breaks down the basic theme structure and explains the main features of WordPress and how they interact with the theme. This is especially helpful for front-end developers that are just getting started with developing WordPress themes.
Feast your eyes on this wonderful tool, and leave your feedback in the comments. Clicking the image will take you to the original article.

Nov 30 2010

HTML5 Photo Editor Shortcode
Aviary makes it easy to edit photos from your browser

aviary

Aviary has been changing the creative game for awhile now with their groundbreaking online media creation and editing tools. Now they’ve done it again. Check out this embeddable online photo editor that is created all with HTML5! It is a ton of fun.
Photo Editor Shortcode
The embed code that they supply doesn’t give you that nifty photo upload tool like what you see on the Aviary site. Instead, it lets you edit a photo that is already loaded on your page. So let’s create a shortcode that will let you easily add the button to load the editor for a particular photo you’ve uploaded to your site.

Generate an […]

Nov 12 2010

Social Media Shortcodes
Easily drop a social media profile link into a post

shortcode

Have you ever had the need to link to someone’s profile on one of the many social websites online? How about link to many profiles for many people? Doesn’t it get tiring writing out all the links over and over again? I know I got tired of it pretty quickly. One day I was reading about shortcodes within WordPress installs and it struck me that I could utilize shortcodes to automate the profile link creation process. With a little help on Codesnipp.it, this is the result.
//Function is used in each Social Media function call, and handles the actual resulting output.
function social_link_sc($service, $link, $atts){
[…]

Oct 15 2010

Manual Digg This Button
How to make your own digg button and make sure it works

digg desk

So you want to add social media buttons to your posts, but you’re picky (I might resemble that remark) about how they look and work. In other words, you don’t want to use a plugin or an “add to any” style button. For most services, it’s pretty easy to find the code for a button that you drop into your post loop. The trick is making sure that the button is using the correct URL and title. This isn’t too hard when you’re working with a single post page since they will automatically grab the URL and title of the current location, but what if […]

Page 1 of 41234