CMS tutorial site

Web tutorials for beginners by professionals
Want to easily submit, share or add tutorials to your favorites?    or  
design subcategories
Tutorials listed under design

Create a Slide-In Panel with jQuery

This tutorial will explain how to create a slide-in panel effect with jQuery. Basically, this means a hidden panel the slides into view when it is triggered by a button or other action. This is often used to display a contact form in a fun way.

In category: Webdesign
Show some love
  • Share Share

Degradable Tabs With jQuery UI

Creating tabbed content is easy with jQuery UI. Using a simple HTML layout and calling the tabs function is all it takes. Here, I\'ll show you how to make a degradable tabbed interface. That is, we\'ll make it so the page is still readable when JavaScript is disabled. This involves hiding and showing elements using JavaScript before enabling tabs.

In category: Webdesign
Show some love
  • Share Share

Realtime Related Tweets Bar - Another jQuery Plugin

With all the buzz lately about Twitter real-time search. Why don't you add a real-time tweets bar related to your posts from your twitter timeline or from anybody or even limit it by a geocode coordinates!

In category: Webdesign
Show some love
  • Share Share

Realtime Related Stream Bar - A Collecta-powered jQuery plugin

A jQuery plugin to create a bar of real-time stream of information related to your post powered by Collecta search engine.

In category: Webdesign
Show some love
  • Share Share

MODx Web Development-Authentication and Authorization

In this chapter, readers will learn how to modify their site to have a sign up form and log in form. They will also learn how to enable blogs to be posted only by friends.

In category: Webdesign
Show some love
  • Share Share

[Tutorial] Create a professional navigation bar in Photoshop

This tutorial with guide you through how to make a professional looking navigation bar for your site. This tutorials takes in to account that you have a reasonable knowledge of Photoshop. Make a new document. For this tutorial I am using 800×40 with a resolution of 72 pixels/inch with [...]

In category: Webdesign
Show some love
  • Share Share

Design An Elegant Featured Content Slider for Wordpress

In this tutorial, we'll create an elegant featured content slider for Wordpress like the one featured on http://www.fuseboxtheatre.com.

In category: Webdesign
Show some love
  • Share Share

Learn to set up web mail access using Squirrel Mail

In this tutorial readers will learn how to set up webmail access using SquirrelMail. This will give users an easy, out-of-office access to their e-mail.

In category: Webdesign
Show some love
  • Share Share

The Ultimate Guide to Creating a Design and Converting it to HTML and CSS

This screencast will serve as the final entry in a multi-part series across the TUTS sites which demonstrates how to build a beautiful home page for a fictional business. We learned how to create the wireframe on Vectortuts+; we added color, textures, and effects on Psdtuts+; now, we\'ll take our completed PSD and convert it into a nicely coded HTML and CSS website.

In category: Webdesign
Show some love
  • Share Share

Basic tips for amateur web designers

Search engines (Google, Bing, Yahoo) all rank your site based on your content. You need to make sure your content has the keywords that you expect people to search to find you are in your content.

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