Webmasterkit.info

The ultimate list of cheat sheets for web designers. I don’t know how they became known as ‘Cheat sheets’ as they are really just mini reference lists. Whatever you call them, they are very useful.

This tremendous resource at foxinni.com contains links to cheat sheets, including (from the site):

• $ command line ruby cheat sheets
• .NET Cheat Sheets
• 100 Essential Resources for Web Developers
• 250+ Tools and Resources for Coding the Web
• A Web Developer’s Cheat Sheet List
• Action Script Cheat Sheet
• Adobe Photoshop Keyboard Shortcuts
• Advanced CSS/XHTML Explained
• Agile Work Resources
• Ajax Cheat Sheets
• Apache Cheat Sheets
• Apollo Cheat Sheets
• Best Programming Cheat Sheets
• Blogging Cheatsheets for Blogger, TypePad, WordPress and Movable Type
• Bravenet Quick References
• Blog Cheat Sheets
• Cheat Sheet Roundup
• Cheat Sheets & Assorter Others
• Cheat Sheets and Sites for Cascading Style Sheets
• Cheat Sheets for CSS and HTML
• Cheat Sheets for PHP, AJAX, JavaScript, CSS, MySQL, Perl, Google
• CheatSheet Ultra Collection
• Cheat Sheets for Geeks
• Cool CSS Cheat Sheets on the Web
• CSS Cheat Sheets
• CSS References
• Developer (and other) Cheat Sheets
• DevGuru Quick References
• Dotnet Cheat Sheets
• Firefox Cheat SheetsGreat Cheat Sheets
• Handy Cheat Sheets
• HTML Cheat Sheets
• HTML, CSS, PHP, and More Cheat Sheets
• IT Cheat Sheets For All
• IT Cheat Sheets
• Google Cheat Sheets
• Java Cheat Sheets
• Javascript Cheat Sheets
• JavaScript, HTML, CSS, and More Cheat Sheets
• jQuery Cheat Sheets “Post”
• Lifehacker Cheat Sheets
• Microsoft AJAX Library Cheat Sheets
• My Personal Collection of Cheat Sheets
• Progenic.com Cheat Sheets
• Programmer Downloads, Tools, Resources, and 100 Cheat Sheets
• Programming Reference Sheets
• Python Cheat Sheets
• Quick Reference Cards
• Quick Reference Cards, Cheatsheets & Cribsheets
• Randompage Cheat Sheets
• Ruby Cheat Sheets
• Ruby on Rails Handbook
• Our Favorite Cheat Sheets
• Over 30 Cheatsheets for Developers
• Perl Cheat Sheets
• PHP Cheat Sheets
• Search Engine Cheat Sheets
• Selected Microsoft and Code Cheat Sheets
• Spider Diagram for Wordpress Development
• Symfony Cheat Sheets
• Stuff You Can Download
• MySQL Reference Sites
• Technacular Quick Reference Guides
• The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007
• The Big Cheat Sheet List
• The Developer Cheat Sheet Compilation
• The vast majority of the great cheat sheet lists out there attempt to cover just about everything, so you can go big with this collection.
• Top 119 Cheat Sheets
• Top 8 CSS Cheat Sheets
• Ultimate Web Development Cheat Sheet Guide
• VBScript Cheat Sheets
• Web Technology Cheat Sheets
• WhatIs.com’s Favorite IT Cheat Sheets
• WordPress Cheatsheets Summarized
• WPCandy Wordpress Cheat Sheet
• Yahoo! User Interface Library Cheatsheets
• ZVON Cheatsheets

Link

Great 22kb script that allows you to open a new browser window inside a window, or images or, well, much more. The site includes links to tutorials on how to open Flash or other video windows on your web page. This script claims to be immune to pop up blockers.  Don’t forget why people hate pop-ups, use it sparingly. VERY sparingly and only when appropriate.

There is a very concise 2 step installation tutorial, followed by a link to comprehensive documentation should you need it.

Link

Conventional wisdom is that to get your site ranking well on Google, you need to (among other things) optimize your web site or at least a page for a particular keyword or keyword phrase.  But how do you decide which is the best keyword to go for? Let’s say you sell jewellery, would it be best to name your page and optimize for “custom jewellery”, “handmade jewellery” or “unique jewellery”? which of those phrases is searched for most and how do you find out? Guru Creations has a freeware tool that will do the research for you.

Enter your main keyword phrase as well as secondary keywords if you’d like, and the GC keyword analyser will analyse the keywords and give you a report on how often people search for them on Google, Yahoo and MSN.

Link

Create automatic reflections of your images using Javascript (the example to the left was done on a grey page so it doesn’t blend quite as well here, on white,  as it would on a grey page)

There are versions of reflections.js for Blogger, Lifetype, Typo, Ruby on Rails, Typo3, Textpattern CMS, phpBBB, and more.

Link

Sitempa-sz is a useful piece of freeware that scans your site (or any site really) and builds a Google sitemap of your site. It crawled my site and built a map of about 3500 pages in about 5 minutes.

Once it’s crawled your site it allows you to configure and tweak your sitemap. Before you start a crawl, go to the settings panel and set the default frequency and priority settings as it’s a pain to have to change a lot of pages frequencies after the fact. I had a bit of trouble getting the default frequency to change and I ended up doing a search and replace.

Once you have your sitemap online it’s a good idea to submit it to Google via it’s webmaster tools site.

Some Features (from the site)

• Creation of the Google Sitemap XML file
• Removal of query string variables
• Selection of file types to parse
• Default “frequency”
• Changing “frequency” for special URLs
• Default “priority”
• Changing “priority” for special URLs
• Usage of the server’s Last-Update date (if available)
• Saving an error log

Link

Although it’s not a task restricted to Webmasters, renaming large numbers of files or folders is a common and tedious chore. Lupas Rename is a free utility that makes renaming even hundreds of files, simple and does it quickly. You can replace characters, change cases or add and subtract characters at any position in the filename. You can pay $30 or more similar software, but I have yet to find a renaming task that the freeware Lupas Rename cannot handle. One of it’s best features is that you can see a preview of what the filename will be before you apply the changes. As always, be careful! Even if you are not, you can undo the previous batch renaming you did. Fantastic and all for free.

Just some of it’s feature (from the site)

• Rename files and folders
• Rename files in recursive subdirectories
• Shell Integration (right click on a folder in the explorer to start LupasRename on these folder)
• Instant Preview (Optional)
• Undo the last rename operation
• Make a Batch file to rename from a DOS Console
• Make a Batch file for UNDO operation from a DOS Console
• Save and Load your options into an INI File
• Filter by any masks: *.mp3;*.mp2 or ???a*.txt…
• Load/Edit a Text Files in a Small Editor to help renaming files
• Sort Ascendent/Descendent by any column (name, path, size…)
• It display the next columns:
  • Name
  • Path
  • Size
  • Type
  • Ext
  • Creation Date
  • Modification Date
  • Accessed Date
  • Attributes
• Replace a substring by other with Matchcase Optional
• Crop n Chars (Left and/or Right)
• Replace the name by any text
• Insert any string before and/or after the Filename
• Convert to Upper Case (filename)
• Convert to Lower Case (filename)
• Convert to Upper only the First Letter Of Any Word (filename)
• Convert to Lower oNLY tHE fIRST lLETTER (filename)
• Replace the extension by any text
• Replace a substring by other with Matchcase Optional in Extension
• Crop n Chars in Extension (Left and/or Right)
• Insert any string before/after the extension
  Link

Want to recreate that popular effect where you click on a thumbnail and the image is overlaid over a dimmed version of the web page? Lokesh Dhakar has kindly provided all you need to copy and paste his lightbox script to use on your own website. You can use it as is or customize the look using CSS.
Link