CMS tutorial site

Web tutorials for beginners by professionals
Want to easily submit, share or add tutorials to your favorites?    or  

From PSD to HTML: Building a Set of Website Designs Step by Step

This tutorial will take you through the entire process of converting a design in Photoshop to completed HTML template.

In category: HTML
Show some love
  • Share Share

Create a Comic Book Themed Web Design - Part 2

In this tutorial you will convert a comic book themed Web Design to a fully functional HTML/CSS page.

In category: Webdesign
Show some love
  • Share Share

Make a Template for Taxonomies & Post Type Archives

In this tutorial you will look at the overall Events page. You will be adding events to lists the date they occur, and work back in the tags so users can get a list of only the events that apply to them.

In category: Wordpress
Show some love
  • Share Share

Mastering Sass: Lesson 2

This tutorial will teach you how to use mixins and selector inheritance, which can provide a great deal of convenience and flexibility!

In category: CSS
Show some love
  • Share Share

Apple-like Retina Effect With jQuery

Today we are making an Apple-like "Retina effect" with the help of jQuery & CSS (and a bit of CSS3), similar to the effect they've used on their site to promote the new version of their iPhone.

In category: jQuery
Show some love
  • Share Share

CSS3 Minimalistic Navigation Menu

Today we are making something practical - a simple CSS3 animated navigation menu, which degrades gracefully and is future-proofed to work with the next generation of browsers.

In category: CSS
Show some love
  • Share Share

Simple AJAX Commenting System

This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON.

In category: PHP
Show some love
  • Share Share

Making a Slick MobileApp Website with jQuery & CSS

This time we are making a complete jQuery & CSS website for a fictional mobile application. It is going to feature semantic markup and a progressively enhanced slideshow effect.

In category: Mobile design
Show some love
  • Share Share

Colortip – a jQuery Tooltip Plugin

In this tutorial we are going to write a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips.

In category: jQuery
Show some love
  • Share Share

Making a Custom YouTube Video Player With YouTube’s APIs

This tutorial will teach you how to create your own youtube video players and how to create your own set of minimalistic controls, which allows for perfect integration with your designs.

In category: Javascript
Show some love
  • Share Share

An AJAX Click to Appreciate Badge

If you've ever dropped by Behance, you've probably noticed their appreciate badge, with which you can show your appreciation for somebody's creative work. In this tutorial we are making an improved version, which you can include in every page of your site with a bit of jQuery magic.

In category: Javascript
Show some love
  • Share Share

A Simple Movie Search App with jQuery UI

In this tutorial, we are using jQuery UI's autocomplete widget, to build a simple AJAX movie search form. The script is going to use TheMovieDatabase.org's free API, to provide auto suggestions against a vast database of movie titles.

In category: jQuery
Show some love
  • Share Share

Dynamic FAQ Section with jQuery, YQL & Google Docs

In this tutorial, we are making a dynamic FAQ section. The script, with the help of jQuery & YQL, will pull the contents of a shared spreadsheet in your Google Docs account, and use the data to populate the FAQ section with content.

In category: Wordpress
Show some love
  • Share Share

Feature Suggest App w/ PHP, MySQL & jQuery

In this tutorial we are making a feature suggestion app with PHP, MySQL & jQuery. With it your website visitors can request features, vote and give feedback for your site.

In category: PHP
Show some love
  • Share Share

Create an iPhone App Website in Photoshop

In this tutorial you will learn how to create a simple, yet beautiful application page for your iPhone app.

In category: Webdesign
Show some love
  • Share Share

Create a Theme Store Website Layout in Photoshop

In this tutorial you will learn how to create a simple and beautiful theme store layout in Photoshop.

In category: Webdesign
Show some love
  • Share Share
here comes feedback.