Tutorials & </Code> Snippets

click a button below to sort by topic:


Custom WP Login Page

WP - Custom Login

a simple way to add your own styling to change the default WordPress login page.

View Code
jQuery Accordion

WP - Category Count

a simple way to add a class to the category count in WordPress. Enabling you to style it to your liking.

View Code
jQuery Accordion

JS - Accordion

a simple jQuery accordion

View Code
Requiring Fields

HT - Required Fields

requiring fields to be filled before submitting a form

View Code
Animation

JS - IMaGe Animation

animate an element using pure javascript

View Code
Blank HTML5 Document

HT - HTML5 Document

copy code to start your next HTML5 web page

View Code
Digital Clock

JS - Digital Clock

Create a digital clock using javascript and CSS to style it on your page

View Code
Countdown to Date Counter

JS - Countdown Counter

Create a counter to countdown to a specific date, like Christmas!

View Code
IMaGe Slider

CS - IMaGe Slider

Apply a transition to the <img> to slide up revealing hidden information. A very cool effect!

View Code
CSS Stitches

CS - Stitch Effect

Apply a dashed border with some CSS trickery box-shadow to give the look of awesome stitching.

View Code
Triangle Tut

CS - Triangles

Create simple triangles using nothing but CSS. The trick is transparent borders.

View Code
Menu Tut

CS - Jazzy Menu

Here is a jazzy, menu I came up with that you can use for your own or just see how it’ done.

View Code
CSS Swap

JS - Stylesheet Toggle

I have always thought it cool to change the style of the viewed webpage on the fly. Here's how.

View Code
BoxShadow Tut

CS - Box-Shadow

If you ever wanted to know more about using the CSS box-shadow tut. Here's a few examples.

View Code
Box Slider Tut

CS - Pivot Image

Using the CSS properties: transform and transition to create an awesome pivot effect.

View Code
Frosted Text Tut

PS - Text Effect

Use PhotoShop to turn simple text into a frosted text effect.

View Code
PS Saturation Tut

PS - Saturation

Thirsty? Create a cold refreshing beverage by adjusting the HUE & Saturation.

View Code
MySQL Connect

PH - PHP & MySQL Connect

Create a PHP Script to Connect to a MySQL Database

View Code
PHP Date Parameters

PH - PHP Date Parameters

Use this guide to help you formulate dates within PHP

View Code
CS Loader

CS - Pure CSS Loader

Use this to help you create your own Loader or Spinner

View Code
CS Tumbler

CS - Tumbling Object

using transitions & transforms to create an animated tumbling effect

View Code
Fancy Form

HT - Fancy Form

Messing around with the <label> tags to create a Fancy Form!

View Code
CS Radius

CS - Fun with Radiuses

using border & border-radius to create the Chicago Cubs emblem

View Code
CS Menu Toggle Icons

CS - Menu Toggle Icons

using transform & translateY to create different menu toggles.

View Code