Archive of HTML

HTML / CSS3 Sliding Image Boxes

HTML / CSS3 Sliding Image Boxes

on December 19th, 2011 in CSS, HTML by | Comments Off

In this video we dive into some CSS3 and create an awesome looking sliding image box. Prior to CSS3, I would have wasted a lot of time using JQuery to do this exact same effect. CSS3 is a huge time saver! You can download the video files here: [ click…

Continue reading...

Programming Social Media Icons

Programming Social Media Icons

on December 12th, 2011 in CSS, HTML, Site News & Updates by | Comments Off

In this lesson we program the social media icons that we designed in a previous lesson. We use simple CSS and HTML to bring out icons to life. Be sure to check out the designing of these beautiful Social Media icons. You can view that video HERE

Continue reading...

Jquery Dynamic Tab Switcher

Jquery Dynamic Tab Switcher

on November 21st, 2010 in HTML by | Comments Off

In this lesson, we create a dynamic tab switcher using JQuery. When you click on the top navigation, the page does NOT need to refresh inorder to show the new content. This is great for a small sidebar widget and even for dynamically loading another page on your website. Download…

Continue reading...

Corporate Website Series

Corporate Website Series

on August 7th, 2010 in CSS, HTML, Photoshop Tutorials by | Comments Off

In this series we create a complete corporate-type website. We begin by showing you how to design the template using Photoshop. Then we go into how to slice and code the website using HTML and CSS. In this designing series we go through the steps of designing a corporate-style website…

Continue reading...

Modern Navigation Bar

Modern Navigation Bar

on May 24th, 2010 in CSS, HTML, Photoshop Tutorials by | Comments Off

In this small series, we go from designing all the way to programming a modern-style navigation bar. Designing the navigation bar: Programming the navigation bar: Part 1 Programming the navigation bar: Part 2 Lesson files: Click the following link to download the image files and css/html files. PixelForLife – nav…

Continue reading...