Free Web Design, Development and Programming Training and Tutorial Resources




    



January 14, 2010

54 JavaScript and Web Development Tutorials

Here are 54 JavaScript and Web Development Tutorials at Switch On The Code. These tutorials will teach and show you details about the scripting language of web, JavaScript which is used in millions of web pages to add functionality, validate forms, detect browsers, and much more. Wide ranging topics are covered in these JavaScript and Web Development tutorials, including jQuery snippets for different functionalities, using sIFR in Wordpress, XML parsing using jQuery, inline sliding panels in JavaScript, PHP and JavaScript, Silverlight and JavaScript, securing authentication without SSL Using JavaScript and a many other web dev topics related to JavaScript.


54 JavaScript and Web Development Tutorials:

 - How to Build a jQuery Treeview
 - Building a Twitter Extension for Google Chrome
 - How to Build a Star Ratings jQuery Plugin
 - jQuery Snippet – The e.preventDefault() Function
 - jQuery Snippet – Useful Form Selectors
 - jQuery Snippet – Relative Mouse Position
 - jQuery Custom ToolTips
 - Using sIFR in Wordpress
 - Javascript Snippet Tutorial – Dynamically Modifying Tables
 - jQuery – Creating a Slideshow
 - jQuery - Transmitting Data Using JSON
 - XML Parsing with jQuery
 - JQuery Tutorial – Getting Browser Information
 - JQuery Tutorial – Dynamic Sliding Panels
 - Using jQuery Slider to Scroll a Div
 - Drupal 6 Basic Javascript w/ jQuery
 - Javascript Tutorial – Inline Sliding Panels
 - Javascript Tutorial – Radial Menus Part 1
 - Javascript Tutorial – Getting User Input with Prompt and Confirm
 - Simple AJAX – PHP and Javascript
 - Javascript Tutorial – Draggable View In A Container
 - Javascript Tutorial – Generic Resizeable Container
 - Javascript Sliding Panels – Starting the Panels Up
 - Javascript Tutorial – Continuous Pagination
 - Javascript Tutorial – Simple Fade Animation
 - Javascript Tutorial – Variadic Functions
 - Javascript Controls – Resizeable Textbox, Part Tres
 - Spice Up Wordpress with Resizable Comment Boxes
 - Javascript Controls – Resizeable Textbox
 - Javascript Tutorial – The Scroll Wheel
 - Javascript Controls – The Spin Control
 - Javascript Tutorial – Trackbar Component
 - Javascript And CSS Tutorial – Accordion Menus
 - Javascript Tutorial – Drag & Drop Lists
 - Javascript Tutorial – Resizeable Textboxes
 - HTML and Javascript – Putting it all Together
 - Javascript Tutorial – Generic Animation V2.0
 - Javascript Tutorial – Why The this Keyword Breaks
 - Javascript Tutorial – Fun Object Syntax
 - How To Embed Silverlight Into a Webpage
 - Javascript Tutorial – Using setInterval and setTimeout
 - Javascript - Interactive Color Picker
 - Communicate Between Flex and Silverlight using Javascript
 - Javascript - Draggable Elements
 - Silverlight and Javascript Interaction
 - Javascript - Working With Events
 - Javascript Sliding Panels using Generic Animation
 - Javascript Objects – A Useful Example
 - Javascript and CSS Tutorial – Generic Animation
 - Secure Authentication Without SSL Using Javascript
 - Flex & Javascript Tutorial – Simple Interaction
 - Javascript And CSS Tutorial – Dynamic Tabbed Panels
 - Javascript Tutorial – How to Auto Ellipse Text
 - Javascript and CSS Tutorial – How to make Sliding Panels

Popularity: 37% [?]

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • blogmarks
  • Furl
  • Reddit
  • Shadows
  • StumbleUpon
  • YahooMyWeb

Related Posts:
  • Freely Available Web Development eBooks
  • JavaScript Tutorials for Beginners and Programmers
  • Free Books for Web Design, Development, Programming, and Scripting
  • 35 JavaScript Tutorials
  • Free Web Development and Programming Books

  • Tags for this post>>
    November 13, 2009

    HTML And XHTML References and Cheat Sheets

    Here are some excellent reference materials and cheat sheets for HTML And XHTML at appletree for all web programmers from the novice to the expert. HTML and XHTML are extensively used for creating and developing interactive web pages. These HTML And XHTML cheat sheets and reference materials here discuss a wide range of topics such as Core HTML, Character Entity Reference Chart, Framesets, DOM, best practices, and configuration options. The reference materials provided here are downloadable in pdf format, and can be used for future use.

     
     - XHTML Best Practice Cheat Sheet 230K   
     - Core HTML 712K   
     - HTML5 Canvas Cheat Sheet 153K    
     - HTML Character Entities Cheat Sheet 495K   
     - HTML Cheat Sheet 62K   
     - HTML DOM 65K   
     - HTML Help Sheet 104K   
     - HTML Help Sheet 02 1.9M   
     - HTML Tidy Configuration Options Quick Reference 148K   
     - Web Designer’s HTML Card 13M   
     - HTML 5 Cheat Sheet 3.0M   
     - What Beautiful HTML Code Looks Like 787K   
     - XHTML Character Entity Reference 163K   
     - XHTML Cheat Sheet 72K   
     - Character Entity Chart 121K   
     - HTML Cheat Sheet 342K   
     - HTML 5 Cheat Sheet 75K   
     - HTML Elements Coordinates 137K   
     - XHTML 1.0 Frameset 64K   
     - XHTML 1.0 Strict 62K   
     - XHTML 1.0 Transitional 64K 

    Popularity: 62% [?]

    Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
    • Digg
    • del.icio.us
    • blogmarks
    • Furl
    • Reddit
    • Shadows
    • StumbleUpon
    • YahooMyWeb

    Related Posts:
  • Excellent CSS Reference Sheet
  • Photoshop References and Cheat Sheets
  • XHTML Tutorial
  • 1-page XHTML & CSS Tutorial
  • Flash and ActionScript References and Cheat Sheets

  • Tags for this post>> |
    October 14, 2009

    XML Document Type Definition (DTD) Tutorial

    Here is is a XML Document Type Definition (DTD) Tutorial, hosted at the New Mexico Tech Computer Center. This DTD tutorial describes the Document Type Definition notation for describing the schema of an SGML or XML document type. The purpose of a Document Type Definition or DTD is to define the structure of a document encoded in XML. This DTD tutorial also can be downloaded as pdf.


    Document Type Definition Tutorial:

      What is a DTD?
         - Definitions
      Where does a DTD live?
         - Linking an XML file to an external DTD
         - Including the DTD inside your XML file
      Types of DTD declarations
      Element declarations
         - Declaring empty elements
         - Elements with text content only
         - Elements with mixed content
      Attribute declarations
         - Tokenized attributes
         - Enumerated attributes
      Declaring and using entities
         - General entities
         - Character entities
         - Parameter entities
         - Binary (non-parsed) entities
      Notation declarations

    Popularity: 70% [?]

    Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
    • Digg
    • del.icio.us
    • blogmarks
    • Furl
    • Reddit
    • Shadows
    • StumbleUpon
    • YahooMyWeb

    Related Posts:
  • Free eBook for HTML, XML and JavaScript
  • Web Design Process Guide
  • Subscribe to our Free Monthly Newsletter
  • Subscribe to our Free Monthly Newsletter
  • Subscribe to our Free Monthly Newsletter

  • Tags for this post>>

    XSLT Reference Tutorial

    Here is the post on XSLT Reference Tutorial, located at the New Mexico Tech Computer Center. This XSLT tutorial describes the XSLT language for transforming XML documents. Because of XSLT’s ability to change the content of an XML document, XSLT is referred to as the stylesheet for XML. This tutorial can also serve as a reference guide to XSLT and it can also be downloaded as pdf.


    XSLT Reference Tutorial:

      What is XSLT?
      A brief example
      Namespaces and XSLT
      XPath reference
         - Data types in XPath
         - Node types
         - Node tests
         - Axis selection in XPath
         - XPath operators
         - XPath functions
      Overall XSLT stylesheet structure
      The root element <xsl:stylesheet>
         - <xsl:stylesheet> attributes
      Top-level elements
         - <xsl:output>: Select output options
         - <xsl:preserve-space>: Preserving white space
         - <xsl:strip-space>: Removing non-significant white space
         - <xsl:import>: Use templates from another stylesheet
         - <xsl:key>: Create an index to optimize input document access
         - <xsl:decimal-format>: Define a numeric format
      Basic template elements
         - <xsl:template>: Define a template
         - <xsl:variable>: Define a global or local variable
         - <xsl:apply-templates>: Process a node set with appropriate templates
         - <xsl:include>: Insert another stylesheet
         - <xsl:param>: Define an argument to be passed into a template
         - <xsl:with-param>: Pass an argument to a template
      Output instructions
         - <xsl:text>: Output literal text
         - <xsl:value-of>: Output the value of an expresssion
         - <xsl:element>: Output an element
         - <xsl:attribute>: Output an attribute
         - <xsl:number>: Output an element number or formatted number
      Branching elements
         - <xsl:for-each>: Iterate over a set of nodes
         - <xsl:if>: Conditional processing
         - <xsl:choose>: The multiple-case construct
         - <xsl:call-template>: Invoke another template
      Advanced elements
         - <xsl:apply-imports>: Use an overridden template
         - <xsl:attribute-set>: Define a named attribute set
         - <xsl:comment>: Output a comment
         - <xsl:copy>: Shallow copying
         - <xsl:copy-of>: Deep copying
         - <xsl:fallback>: What to do if an extension is missing
         - <xsl:message>: Write a debugging message
         - <xsl:namespace-alias>: Assign a prefix to a namespace
         - <xsl:processing-instruction>: Output a processing instruction
         - <xsl:sort>: Process nodes in a given order
      XSLT functions
         - current(): Return the current node
         - document(): Pull in content from other documents
         - format-number(): Convert a number to a string
         - generate-id(): Generate a unique identifier
         - key(): Refer to an index entry
         - system-property(): Return a system property value
      Built-in templates
      Extension elements
         - The exsl:document extension
      Using the xsltproc processor

    Popularity: 65% [?]

    Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
    • Digg
    • del.icio.us
    • blogmarks
    • Furl
    • Reddit
    • Shadows
    • StumbleUpon
    • YahooMyWeb

    Related Posts:
  • Free Ebooks on Web Development, AJAX, ASP.NET, and XSLT
  • 35 Free XML Book Chapters
  • Microsoft Office Reference Cards
  • Free Dreamweaver MX Reference eBook
  • 4 Free Chapters from Javascript: The Complete Reference

  • Tags for this post>>
    October 12, 2009

    CSS 2.0 Tutorial

    Here is a CSS Tutorial, at New Mexico Tech Computer Center, that will help you with styling web pages and sites using CSS 2.0. This tutorial acts as a reference guide for Cascading Style Sheets 2.0, which is used for describing the style, layout, etc. of Web pages. In this CSS tutorial you will learn how to use CSS to control the style and layout of multiple Web pages all at once. It contains everything that is required for you to master CSS 2.0. This CSS tutorial also can be downloaded as a pdf.


    Tutorial on Styling Web Pages with CSS 2.0:

      What are Cascading Style Sheets and why should you use them?
      Connecting your page to a style sheet
      Overall structure of a style sheet
      At-rules
      How to write CSS rules
      Common value types in CSS
         - Dimensions
         - Specifying colors
         - String constants
         - Universal resource identifiers (URIs)
         - Counters
         - Specifying angles
         - Times
         - Frequencies
      Selectors
         - Element type selectors
         - Selecting elements by class
         - Selecting elements by their context
         - Child selection
         - Adjacent element selection
         - Selecting by attribute values
         - Selecting specific single elements by ID
         - Pseudo-classes
         - Pseudo-elements
         - The universal selector -When rules collide
         - Cascading
         - Specificity: Which selector applies?
         - Inheritance
      Declarations
      Font properties
         - The font-family property
         - The font-style property
         - The font-variant property
         - The font-weight property
         - The font-size property
         - The font property
      The display property: What kind of box is this?
      Other text properties
         - The line-height property
         - The text-indent property
         - The text-align property
         - The text-decoration property
         - The text-transform property
         - The white-space property
         - The letter-spacing property
         - The word-spacing property
         - The vertical-align property: Shifting the baseline
         - The quotes property: Specifying quote characters
      The color property
      The background properties
      Designing with box elements
         - Side lists
         - The height and width properties
         - The clear property
         - The float property
         - The padding properties
         - The border properties
         - The margin properties
         - The overflow property: What if it doesn’t fit?
         - The clip property: Specify a clipping rectangle
         - The visibility property: Can we see the content?
         - The position property: Positioning boxes
         - The box offset properties: top, bottom, left, and right
         - The z-index property: Stacking order
      The content property: Specifying content in pseudo-elements
         - The counter-reset property
         - The counter-increment property
      The list properties
         - The list-style-type property
         - The list-style-image property
         - The list-style-position property
         - The list-style property
         - The marker-offset property
      Tables
         - Table column properties
         - How table size is computed
         - Table border properties
         - The speak-header property: Aural rendering of tables
      User interface options
         - The cursor property
         - Selecting colors to match UI components
         - Dynamic outlines
      Aural stylesheets
         - Spatial presentation: the azimuth property
         - Voice properties
         - The volume property
         - The speak, speak-punctuation , and speak-numeral properties: spelling it
         - General voice qualities: voice-family, pitch, pitch-range, stress, and richness
         - Timing properties: speech-rate, pause-before, pause-after, and pause
         - Element cues: cue-before, cue-after, and cue
         - Audio mixing: play-during
      The @import rule: Importing another stylesheet
      The @media rule: Tuning for different rendering platforms
         - Media types
      The @page rule: Paged media
         - The size property for paged media
         - Controlling page breaks
         - Orphan control
         - Widow control
         - Crop marks and alignment targets: the marks property
         - The page attribute: Selecting a page type

    Popularity: 65% [?]

    Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
    • Digg
    • del.icio.us
    • blogmarks
    • Furl
    • Reddit
    • Shadows
    • StumbleUpon
    • YahooMyWeb

    Related Posts:
  • Free Books for Learning Flash MX, Dreamweaver MX and Director MX
  • Reverse Animating a Movie
  • 25-Lesson Flash 8 Video Course
  • HTML Tutorials and How Tos
  • 8 InDesign CS2 Video Tutorials

  • Tags for this post>>
    Next Page »