HTML/CSS Service

How jQuery Works

Category: Learn jQuery    |    1,032 views    |    Add a Comment  |   

 

THE BASICS

This is a basic tutorial, designed to help you get started using jQuery. If you don’t have a test page setup yet, start by creating a new HTML page with the following contents:

 

<html>

 

  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
      // Your code goes here
    </script>
  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
  </body>
  </html>

Edit the src attribute in the script tag to point to your copy of jquery.js. For example, if jquery.js is in the same directory as your HTML file, you can use:

 <script type="text/javascript" src="jquery.js"></script>

You can download your own copy of jQuery from the Downloading jQuery page.

Launching Code on Document Ready

 

The first thing that most Javascript programmers end up doing is adding some code to their program, similar to this: Read more…

Share/Save/Bookmark

 

CSS Padding Tutorials

Category: CSS, CSS 2 Tutorial, CSS Tutorials    |    450 views    |    Add a Comment  |   

In this tutorial you will learn about Cascading Style Sheets (CSS) Padding,

The padding is the space between the element border and the element content from the four sides, the padding attributes enables you to increase or decrease this space; unlike spacing padding space values can’t be negative.

To declare the padding you can use the following properties:
padding-top, padding-right, padding-bottom, and/or padding-left.
The values of these properties can be an absolute length, a percentage.

Example:

table
{
padding-top: 5px;
padding -right:3px;
padding -bottom: 5px;
padding -left: 2px;
}

Read more…

Share/Save/Bookmark

 

CSS Margin Tutorials

Category: CSS, CSS Examples, CSS3 Tutorial    |    515 views    |    Add a Comment  |   

In this tutorial you will learn about Cascading Style Sheets (CSS) Margin and Using the shortcut.

The margin is the space around the element from the four sides, the margin attributes enables you to increase or decrease this space; the space can be a negative value, which may make elements overlap.

Using margins is very easy and straight forward, to declare the margin you can use the following properties:

margin-top, margin-right, margin-bottom, and/or margin-left.

The values of these properties can be an absolute length, a percentage.

Example:

.margins
{
margin-top: 5px;
margin-right:10px;
margin-bottom: 5px;
margin-left: 12px;
}

Read more…

Share/Save/Bookmark

 

CSS tests and experiments

Category: CSS Examples, CSS Tutorials    |    273 views    |    Add a Comment  |   

Read more…

Share/Save/Bookmark

 

CSS Online Tutorials Guideline

Category: CSS Tutorials    |    326 views    |    Add a Comment  |   
  • Advanced CSS Layouts: Step by Step
    By Rogelio Vizcaino Lizaola and Andy King
  • CSS Basics.com
    Making Cascading Style Sheets Easy to Understand
  • CSS Beginner’s Guide
    CSS, or ‘Cascading Styles Sheets’ are a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.
  • CSS Intermediate Guide
    Like the HTML Intermediate Guide, this CSS Intermediate Guide should not be that difficult, but rather build on the basics of the CSS Beginner’s Guide.

Read more…

Share/Save/Bookmark

 

Top CSS Galleries

Category: CSS    |    333 views    |    Add a Comment  |   
  • CSS HOOK
    CSS Design gallery, menu design gallery, logo design gallery etc.
  • CSS Reboot
    CSS Reboot is a community event for web professionals……
  • CSS Table Gallery
    Data Tables and Cascading Style Sheets Gallery

Read more…

Share/Save/Bookmark

 

Printing the Web CSS Techniques and Tips

Category: CSS, CSS Examples, CSS Tutorials    |    248 views    |    Add a Comment  |   

There are many options and techniques you can use developing print layouts. Here is a quickoverview of some interesting solutions you can use to generate print layouts “on the fly”

  • Footnote Links: Improving Link Display for Print
    Aaron Gustafson presents a CSS+JavaScript-based method, which replaces all links on a page with corresponding footnotes. Elegant and extremely (!) useful solution.
  • 10 Minutes to Printer-Friendly Page
    Print-layouts can be generated with PHP. Marko Dugonjic shows, how.
  • Five Simple Steps to Typesetting on the web: Printing the web
    Mike Boulton gives an example on how to design a nice print layout, which looks like print layout in traditional magazines.
  • From Screen to Print: Creating a Print CSS in Dreamweaver
    This article will examine how our layout displays one set of elements on the screen, yet when printed, prints a different layout using elements that do not display on screen.You’ll learn about media types and how to take advantage of them and using the cascade to create lightweight, compact pages for print. Since Community MX constantly tweaks its site, some things may be slightly different if you read this article a few months from its publishing date.
  • Read more…

    Share/Save/Bookmark