<Code> Snippets

click a button below to sort by topic:


tuts/css/hamburger/hamburger.jpg

CSS3 - Menu Toggle Icons!

two custom menu toggle icons, way cool...

View Code
tuts/css/radiuses/logo-1.jpg

CSS3 - Fun With Borders

create the Chicago Cubs emblem using nothing but HTML & CSS!

View Code
tuts/html5/fancyform/fancyform.jpg

HT - Fancy Form Inputs

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

View Code
tuts/css/tumbler/tumbler-post.jpg

CS - Pure CSS Tumbling Object

using transitions & transforms to create an animated tumbling effect.

View Code
tuts/css/css-loader/loader-post.jpg

CS - Pure CSS Spin Loader

Using Border Radius & Transforms with @Keyframes for animation

View Code
tuts/php/date_params/date_params-post.png

PHP Date Parameters

a guide to help you in your next project with formulating dates within PHP

View Code
tuts/php/db_connect/db_connect-post.png

PHP & MySQL Connection Script

start your next MySQL database connection with this script

View Code
tuts/ps/bud/bud-post.png

PS - Hue & Saturation Fun

adjusting the saturation to get the effect of a cold Budweiser!

View Code
tuts/ps/frosted/frosted-post.jpg

PS - Frosted Text Effect

settings used to get the desired effect of frosted text using Adobe Photoshop.

View Code
tuts/css/boxslides/boxslides-post.jpg

CS - BOX SLIDES

create the effect of sliding boxes

View Code
tuts/css/boxshadow/boxshadow-post.jpg

CS - Box-Shadow

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

View Code
tuts/js/css-toggle/css-toggle-post.jpg

JS - Stylesheet Toggle

a little bit of Javascript and viola! you have changed the look and feel of your page ...

View Code
tuts/css/jazzymenu/jazzymenu-post.png

CS - Jazzy Menu

making a (jazzy) menu using pure CSS3

View Code
tuts/css/triangles/triangles-post.jpg

CS - Triangles

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

View Code
tuts/css/stitches/stitchedleather-post.jpg

CS - Stitch Effect

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

View Code
tuts/js/digitalclock/digitalclock-post.jpg

JS - Digital Clock

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

View Code
tuts/js/countdown-timer/countdown-timer-post.jpg

JS - Countdown Counter

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

View Code
tuts/html5/blankpage/blankpage-post.png

HT - HTML5 Document

copy code to start your next HTML5 web page

View Code
tuts/html5/field-required/field-required-post.jpg

HT - Required Fields

requiring fields to be filled before submitting a form

View Code
tuts/js/accordion/accordion.jpg

JS - Accordion

a simple jQuery accordion

View Code
tuts/wp/modify-login-page/modify-login-page-post.jpg

WP - Custom Login

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

View Code
tuts/css/img-slider/img-slider-post.png

CS - IMaGe Slider

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

View Code
tuts/js/img-spinner/green-cog.png

JS - IMaGe Animation

animate an element using pure javascript

View Code
tuts/wp/modify-category-count/modify-category-count-post.jpg

WP - Category Count

a simple way to add a class to the category count ...

View Code