Style Your Table With Tablecloth

0

Tablecloth is a small (6 KB) and simple JavaScript file that lets you add some styling and actions to your tables. As you see in the screenshot above, you can highlight the row and column you are looking at. As you hover over the table cells, the rows and columns are highlighted that correspond to the cell you are hovering over. Once you click a cell, Tablecloth will highlight, and keep highlighted, the row and column that make the intersection at the cell selected.

The script is fully customizable through a CSS file (1 KB). There is a default theme, or skin, that comes with the download but can be changed to match your website color scheme. The CSS and JavaScript file together are small and fast loading, adding very little overhead to your page load time.

I did not see any license information available; however, the website does list how to modify the code. This script is written by Alen Grakalic from Css Globe. You can see additional features, view demos, view usage examples, and download Tablecloth from the website.

How In-Demand Are Your Skills?

1

Have you ever wondered if your skills are in demand? With so many different possibilities available for web development, it is tough to know if you should keep mastering a specific technology or start learning a new one. After reading an article about how PHP programming jobs are in high demand, I asked myself the follow-up question: what other skills do I have that are in high demand, and which skills do I have that are not?

The article linked to a great resource from oDesk that lists the current (monthly) trends for many of the development and design skills used for web development. There are 84 different trends with a wealth of useful information about the skill's demand including graphs, stats, and recent job postings. Although these stats are pulled from information specifically on oDesk, it represents demand from all around the world. I have listed links to some of the most in-demand skills right now.

As a side note, this site is a fantastic example of how great the Google Chart API is.

Print Specific Parts of a Page With jPrintArea

2

If you have ever wanted/needed to be able to print just part of a page before, now you can. jPrintArea will allow you to print only the contents of a specific element (Ex: div). There aren't a lot of extra bells & whistles that go along with this jQuery plugin, but it works great. It does exactly what is need with only a few lines of code so there is little extra overhead added to your page load time.

There is a sample usage, a demo, and source code (download and view) available from the website. I have included a sample demo below as well.

Demo

User ID Username Email
1 test1 test1@test.com
2 test2 test2@test.com
3 test3 test3@test.com
4 test4 test4@test.com
5 test5 test5@test.com

Print Table

Simple and Free Flash MP3 Players for Your Website

0

There are many cases that require a streaming music solution for your website. If you are in need of a free and simple flash mp3 player for your website then you should check out flash-mp3-player.net. This website offers multiple flash mp3 players that may provide you with just what you need. The available players have very few bells and whistles, but they are easy to use, customize, and set up.

There are a total of five different players to choose from: mini, normal, maxi, multi, and js. They all provide customization options like colors and auto play. One of the my favorite features is the built in keyboard shortcuts for controlling playback. You can preview the players, read the documentation, use a generator to create your player, download the player, and view the license agreement for each of the five players. The website states that "[t]he player is under the Creative Commons BY SA and MPL 1.1 license. You can use the player without citing the author" (flash-mp3-player.net).


Hangin’ Around the PatternCooler

0

If you are in need of a background pattern for your website, PatternCooler is likely to have what you want. There are thousands of backgrounds available for download and are freely available for your use: "All artworks on this site can be used freely on blogs, MySpace profiles, Twitter, mobile phone wallpapers, and non-commercial web projects" (PatternCooler).

The website offers the ability to customize the patterns and backgrounds to your liking using the Seamless Pattern Color Editor (example). This editor, as shown below, allows you to pick a pattern and change the colors using a color picker or hex codes.

Along with the available patterns for editing, there are over 20,000 prebuilt patterns available for download from the User-Colored Seamless Pattern Background Library. Technically you can edit these as well, but they probably have a pattern you like in this collection. Once you have decided on a pattern, you have the option to download and/or view the pattern.

You can get a glimpse of what the backgrounds that are offered will look like simply by viewing the front page. The front page uses one of their patterns as the background and changes with each refresh of the page. Along with the automatic loading of their patterns, you can change the background to whatever pattern you want to see. The view option allows you to see it on as the background on the current page or on a blank page.

Be sure to check out all of the patterns they have to offer. Chances are you will find one, probably multiple, that you like. If you like the service offered, consider donating to help out.

Book Review: Sams Teach Yourself Ajax, JavaScript, and PHP All in One

1

Sams Teach Yourself books are great resources in a large array of topics. They have released Sams Teach Yourself Ajax, JavaScript, and PHP All in One in paperback version on July 12, 2008. This book is great for webmasters because it includes three of the most popular technologies used on the web.

Like all the rest of the "Sams Teach Yourself" line of books, this one is easy to follow, easy to understand, and takes you from a beginner to an intermediate and beyond. There are a number of visual aids including screenshots and diagrams to help you understand what you have read. Another great help is the amount of code examples used throughout the book; there are examples for most of the topics covered.

The book starts with a general overview at the beginning and works towards a more detailed explanation at the end. In chapter one, you will learn the basics of the web, HTML, CSS, and Ajax. By the end of chapter nine, you will understand JavaScript, using it to manipulate the DOM and add usability to your site. By chapter thirteen you will be using Ajax and by the end of chapter eighteen, you will be using Object Oriented PHP to make your site dynamic. Once you have taken all of that in, you can learn about XML responses, web services (REST and SOAP), and gain a basic understanding about a few popular Ajax tools and libraries that are available.

An added feature with this book is beyond the pages of helpful information. There is a CD provided with the book that includes all of the software needed to get a basic web server up and running. It includes XAMPP, jEdit, Prototype, Scriptaculous, Rico, XOAD, searchable PDF tutorials, and source code for the examples in the book. Most of these are freely available for download on the web, but it is nice to have them all in one place, especially for a beginner that doesn't know what to look for.

This book is well worth your time to read, especially if you are a beginner looking to get not only introduced to these web technologies, but also get started using them. You can pick up your copy at Amazon.com and get started building dynamic websites using Ajax, JavaScript, and PHP.

The 5 Most Popular Posts of the Month – October 2008

0

The 5 most popular Posts of the month in October were:

  1. Why FreeBSD Is My Favorite *nix OS
    "FreeBSD provides a very easy installation process; it uses Sysinstall as an automated installation package to do it for you. All you have to do is answer some questions to create users and tell it which software to install and you are on your way to being up and running in a matter of minutes. The full installation takes longer that a few minutes to complete, but using Sysinstall to set the installation parameters is very quick."
  2. Free HTML and CSS Form Templates From Wufoo.com
    "The Free HTML Form Template Gallery offers 75+ HTML form templates to fit a wide array of needs. They have form templates for registration, mailing lists, surveys, order forms, and much more. These templates can be downloaded as a zip file or customized to fit a more specific need you may have (requires a free account)."
  3. Free Online Tech Books from Techotopia
    "Techotopia offers free online books that cover a number of subjects including programming languages, security,  and Linux. The books are hosted on their wiki and are available to read online."
  4. Easily Compare Lightbox Clones
    "The Lightbox Clones Matrix lets you easily compare different lightbox clones in a table format. The table, or matrix, lists many of the features for each of the options and compares them side by side. Using jQuery to create the sortable table, the comparison matrix is very fast and easy to use. There are comparisons for 46 lightbox clones comparing seven different features."
  5. PrototypeXtensions Extends Prototype.js and Script.aculo.us
    "PrototypeXtensions adds additional components to Prototype.js and Script.aculo.us, two of the most popular and widely used JavaScript frameworks/libraries available. While these are extremely useful tools for creating visual effects, UI improvements, and Ajax methods, the creators of PrototypeXtensions realized a need for additional components."

What was your favorite post this month? Let us know in the comments.