Blog Category: Portfolio
Web Design

Mike’s Sound Solutions

While working at Allied Computer Solutions I was in charge of the Mike’s Sound Solutions web project.  For Mike’s Sound Solutions I helped design and code an easy to use wordpress template.  This custom template utilizes many great plugins and features of wordpress.  Giving the owners a easy way to update content on their website as well as providing the users with a great experience.

Here is a link to their web site:  http://www.mikessoundsolutions.com

Creating a Dynamic JQuery
Accordion for WordPress

Setting up the backend

The goal of this tutorial is to create a fancy dynamic jquery accordion that you can access from your wordpress theme.  This is great for FAQ pages or any page with lots of content.

Step 1.  Download wpalchemy from http://www.farinspace.com/wpalchemy-metabox/#download

Wpalchemy will help us create our custom metabox quickly.  Once you have the latest files place the two wpalchemy files into your theme’s folder.

Next navigate to the theme’s folder. For this demo I will be using the twentyeleven theme as an example… We will start creating the metabox by first going to the theme’s functions.php

Here, at the end of the function.php we will need to add a few lines of code to initiate the wonderful code provided by wpalchemy. Here is what we need to add:

// include the class in your theme or plugin
include_once 'MetaBox.php';
include_once 'MediaAccess.php';

// include css to help style our custom meta boxes
if (is_admin()) { wp_enqueue_style('custom_meta_css',
get_bloginfo('stylesheet_directory') . '/metabox/meta.css'); }
$wpalchemy_media_access = new WPALchemy_MediaAccess();
$custom_metabox = new WPAlchemy_MetaBox(array
(
	'id' => '_custom_meta',
	'title' => 'Add Accordion',
	'template' => STYLESHEETPATH . '/metabox/accordion.php',
)
);

The first line two lines call the MetaBox.php and MediaAccess.php which are needed to run the metabox…  [Read more…]

Sebesta’s best of the best

Here are my favorite “best of” lists for photoshop tutorials.  I like to use these lists for inspiration when doing web site design and graphic work.  I have gone through a lot of “best of” lists and here are my top three favorite.  I hope you enjoy them as much as I do.

1.  30 Best Photoshop Abstract Effect Tutorials

2.  65+ Smoking Photoshop Text Effect Tutorials

3. 50 Dirty, Filthy Grunge Photoshop Effects

 

WordPress Htaccess

Here are my favorite .htaccess codes for WordPress

RewriteEngine On
RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .wp-comments-post\.php*
RewriteCond %{HTTP_REFERER} !.*domainname.com.* [OR]
RewriteCond %{HTTP_USER_AGENT} ^$
RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L]

This one helps block spammers from sniffing out your wordpress and post random comments.

RewriteEngine On

order allow,deny
deny from all

Helps protect your .htaccess from intruders.