Useful Resources
-
A List Apart
"For people who make websites" - A List Apart Magazine explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
-
Amaya
Amaya is an open source Web editor endorsed by the W3C. Browsing features are seamlessly integrated with the editing and remote access features in a uniform environment. This follows the original vision of the Web as a space for collaboration and not just a one-way publishing medium.
Amaya started as an HTML + CSS style sheets editor. Since that time it was extended to support XML and an increasing number of XML applications such as the XHTML family, MathML, and SVG. It allows all those vocabularies to be edited simultaneously in compound documents.
Source: W3C and the WAM (Web
-
Apache Maintenance Basics
You've downloaded and configured your Apache server and are ready to move on to the next project. Can it really be left to fend for itself in a darkened room?
Yes. To some degree, anyway. On the other hand, completely ignoring your Apache installation would be foolhardy.
Source: ServerWatch
-
Best4c (Best for chart)Best4c (Best for chart) is a Web-based, online diagram tool that allows you to create, edit and share charts. Features include:
- Offers you a way to create and share charts online.
- Desktop application feel in a web-based diagramming solution.
- Provides an interactive drawing and diagramming solution within all popular internet browsers (FireFox,IE,Opera,Safari).
- Exports diagram as a PDF or PNG format,and quick paste to word, excel, powerpoint.
- Creates many types of diagrams such as Flowcharts, Floor plans, Network diagrams, UML diagrams or any other simple drawing or diagram.
- Offers you a way to create and share charts online.
-
ButtonGenerator.comThis site allows you to make custom buttons or menus online. Features a lot of free graphic choices.
-
Color Schemer OnlineThe Color Schemer online is a fast and easy way to get a fresh new palette of related colors for your web site.
Choose a color you like and Color Schemer will provide a grid of 16 related colors (with their RGB and HTML hex values), with the option to lighten or darken the scheme.
-
color.orgWhether you're looking for some help designing the color scheme of a web site, a blog, or a house, you can't do much better than colr.org, a site that loads random Flickr images and intuitively parses the colors out of the photos to give you the best combinations possible. You've got quite a few options here: you can load your own image for a little color play, pick random color schemes compiled by other colr.org users, even choose a specific web site to copy colors from. [LifeHacker annotation]
-
ColorZillaColorZilla is an extension for Mozilla Firefox that assists web developers and graphic designers with color related tasks - both basic and advanced. With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes.
-
Core JavaScript Guide: Version 1.5Starting at the beginning, this reference explains everything you need to know about using core JavaScript. It assumes you have the following basic background: a general understanding of the Internet and the World Wide Web and a good working knowledge of HTML. An excellent resource.
-
Create a multi-state image toolbar on your Web site with this JavaScript guide
This document guides you through the process of using JavaScript and the DOM to build a three-state toolbar that accurately and efficiently handles different button states (normal, highlighted, selected), and the interdependencies between them.
Source: TechRepublic - Create a multi-state image toolbar...
-
CSS Menu Generator
webmaster toolkit offers this CSS Menu Generator to generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons.
Source: webmaster toolkit
-
CSS Tab Designer
CSS Tab Designer is unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required! Read a review.
Source: OverZone
-
dTree
dTree is a free JavaScript tree menu. That is very simple to set up and use. You don't have to worry about adding pages to the tree in a specific order, which makes it ideal for generating a tree from a database.
Source: Destroydrop
Author: Geir Landrö
-
Easy RGB Color HarmoniesOptions such as color matching, searching for a tint, a color calculator and monitor calibration add value to this easy to use free online color tool.
Author: Geir Landrö
-
FastStone CaptureFastStone Capture is a powerful screen capture utility with built-in editing tools. It allows you to capture anything on the screen including windows, objects, menus, full screen, rectangular/freehand regions and scrolling windows/web pages. It sends captures to editor, file, clipboard, printer, email, Word/PowerPoint document or even your website. Editing tools include resizing, cropping, sharpening, annotating, applying effects, watermarks and many more. It saves captures in BMP, GIF, JPEG, PCX, PNG, TGA, TIFF and PDF formats. Additional features include a small handy capture panel that offers quick access to its capture tools and output options, global hotkeys, automatic filename generation, support for external editors, a color picker, a screen magnifier and a screen ruler.
Author: Geir Landrö
-
FeedBurnerFeedBurner is a one-stop create-your-own-RSS program provider. Among other things, it provides tools to analyze your feed traffic and usage, notifications of technical issues with your feed, and ways to optimize, publicize and monetize your RSS feed.
Author: Geir Landrö
-
FreeStyle Menu
A very flexible unlimited-level, drop down JavaScript menu that uses UL/LI list data formatted with a CSS menu layout. It's powerful, lightweight and extremely easy to use!
Source: Angus Turnbull
-
Gadwin PrintScreenWant to create a screenshot suitable for saving or printing? Then just hit a key on your keyboard. There are several hotkey combos to choose from (PrintScreen is the default). Once you've chosen your favorite combo, head to the Destination tab and have the screen print out instantly, copy the capture to the clipboard, save it to a specific folder, or even send it through e-mail. You can perform full screen captures, or only capture a specific window.
-
GifWorksGifWorks is a free online GIF image editor -- nothing to download or install. Some of the things you can do with GifWorks: insert text, resize, crop, rotate, flip, replace or modify color, add transparency, add special effects and more.
-
How to Size Text in CSSIt's a tug-of-war as old as web design. Designers need to control text size and the vertical grid; readers need to be able to resize text. A better best practice for sizing type and controlling line-height is needed; and in this article, Richard Rutter obligingly supplies one.
-
HTML Validator Firefox Plugin
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen in the form of an icon in the status bar when browsing. The details of the errors are seen when looking the HTML source of the page.
The extension is based on Tidy and OpenSP. Both algorithms were originally developed by the Web Consortium W3C. Both algorithms are embedded inside Mozilla/Firefox and makes the validation locally on your machine, without sending HTML to a third party server.
-
HTTP Header Request Viewer
Do you know which HTTP Headers are seen by search engine spiders? Just enter a URL and this site's search engine spider will analyze the HTTP Headers of that page. The output will show you what HTTP Headers the search engines are extracting from that page.
-
iazaiaza is an online tool to do image manipulations, including conversion from one format to another, enhancing attributes (contrast, brightness, sharpness, saturation, hue), adding basic effects (orientation, labeling, border, size), and adding exotic features (combining and transforming).
-
KotatsuKotatsu is a free AJAX utility that generates clean code for tables. Start off with a default 2 row by 2 column table and add as many rows or columns as you desire. You can also specify classes by cell, row or column. A time saver for those who code by hand.
-
Open Clip Art LibraryThis project aims to create an archive of user contributed clip art that can be freely used.
-
Open Source Web Design (OSWD)Open Source Web Design is a site to download free web design templates and share yours with others. We help make the internet a prettier place.
-
opensourceCMS
This site was created with one goal in mind. To give you the opportunity to "try out" some of the best php/mysql based free and open source software systems in the world. You are welcome to be the administrator of any CMS system here, allowing you to decide which system best suits your needs. You should also visit CMS Training Videos for more in depth video tutorials for many of these systems.
Source: The Open Source Collective Inc.
-
Password Generator
Just enter a username and password and this script will tell you what to put in your .htpasswd file
Source: Inch
-
Pearl Crescent Page SaverPearl Crescent Page Saver is an extension for Mozilla Firefox that lets you capture images of web pages. These images can be saved in PNG or JPEG format. Using Page Saver, you can capture an entire page or just the visible portion. Options let you control whether images are captured at full size (which is the default) or scaled down to a smaller size.
-
Ping-O-MaticPing-O-Matic is a service to update different search engines that your RSS feed has been updated. Instead of pinging each major aggregator/search engine separately, one update to Ping-O-Matic will update all of the major services.
-
Regular Expression Tutorial: Learn How to Use and Get The Most out of Regular ExpressionsThis tutorial will teach you all you need to know to be able to craft powerful time-saving regular expressions. It starts with the most basic concepts, so that you can follow this tutorial even if you know nothing at all about regular expressions yet. It will also explain how a regular expression engine works on the inside, and alert you at the consequences. This will help you to understand quickly why a particular regex does not do what you initially expected. It will save you lots of guesswork and head scratching when you need to write more complex regexes.
-
RSS Compendium RSS ResourcesHere's an endless list of what appears to be every possible RSS resource you might ever need. Alas, the list is alphabetized rather than categorized, but we soldier on. You'll find a plethora of fanatically specific tools that do interesting things such as WordPre.cio.us. This is a PHP script that will grab the RSS from del.icio.us and add/update the entries in your WordPress blog. There's also RSStatic, which will take the information from the feeds you choose and generate static HTML pages for each item in the feed. You will also find beaucoup resources such RSS tutorials and primers to get you started with RSS publishing. [WDFM Annotation]
-
RSS Field DescriptionsTo publish your RSS feed you need to segment your data, links and tags and whatnot into a number of individual fields, some of which are required and some of which are optional. The title, link and content are easy, but what about "text input" or "TTL (Time to Live)" or "GUID (Global Unique Identifier)"? If you're flummoxed, this is the go-to place for descriptions of all the settings and fields you need to know.
The "text input" setting allows a data entry box to be displayed within your feed. That data entry box can be filled out by the subscriber, who then pushes a button and drives an action. The action may be to send information back to the publisher, or the publisher may allow the subscriber to do something else, such as enter a keyword and then be driven directly to Google for those search results. "TTL" refers to the number of minutes that the feed is allowed to be cached by a server before the feed needs to be refreshed. And the "GUID" is a string that uniquely identifies an item. When present, a feed reader may choose to use this string to determine if an item is new. [WDFM Annotation]
-
Search Engine Friendly Layouts
The Search Engine Friendly Layouts website has been created for both the webmaster and the search engine optimization specialist. The layouts on the site are all designed to be web standards-compliant, yet also search engine friendly. These layouts have all been created by Adam Senour, and he gives them to you at no cost whatsoever.
Source: ADAM Web Design
Author: Adam Senour
-
SenderID/SPF/DomainKeys Test Server
This server allows you to check the format of any DomainKey, SenderID or SPF records published by your domain and to see the result of these authentication checks on any message you send to it. To use this service, send an email to any address at senderid.espcoalition.org. Once you have sent your message, click the "View Sample" button on the site to see your message results. Note that the results are quite detailed so you could use this site as a general analysis of your email setup as well.
Source: Email Service Provider Coalition (ESPC)
-
Shopping Cart ReviewsOnline retailers are first faced with figuring out which shopping cart system they want to use to run their business. This blog tackles the many, many shopping cart providers that offer very decent options for what is usually a monthly fee. The authors literally take these systems out for a test drive and write about their benefits, shortcomings and unique features. They also provide a step-by-step wizard that first asks if you want to buy a cart, rent a cart or need a gateway system (which connects your current site to a payment process). It then evaluates your specific needs and churns out a variety of options for you to consider. The site presents itself as an independent operation with information on at least 100 different types of shopping carts.
-
SmartMorphThis fast, advanced-morphing program can morph one picture to another or make funny effects with one. It allows the user to resize and crop pictures to achieve the best results when morphing. The resulting animation can be computed and displayed in real time or saved to disk.
-
SPF Overview
This article, the first of a two-part series, explains the concepts and trade-offs involved in SPF protection and shows DNS administrators how to set up SPF records.
Source: Linux Journal
-
Stupid htaccess Tricks
If there's something you want to do with a .htaccess file, you will likely find out how on this page.
Source: Perishable Press
-
The reliability of web servers
The reliability of your host provider's servers should be a constant concern to you. After all, you rely on their reliability to keep your business running. How can you tell just how reliable their servers are? Read this article and find out for yourself.
Source: upperhost
-
The RSS BlogThis blog is an excellent source of down-in-the-trenches RSS news, information and trends. While some of it may be a little too down-in-the-trenches for you, a recent visit to the blog led us to guides to the best practices for RSS, which literally contains every single technical detail you need to know in order to publish or troubleshoot your RSS feed. There was also a review of the pros and cons of the most popular RSS readers and updates on the latest tools and widgets from big players ranging from Google to MySpace. [WDFM Annotation]
-
The Ultimate RSS ToolboxAs the name says, this is the ultimate RSS toolbox for every reading or publishing tool you might need. This includes a review of RSS readers by platform, mobile RSS readers, email to RSS converters, RSS feed formatting checkers, stat packages, ping tools and on and on.
You will also find a well-rounded guide to RSS "mixer" tools. These mixer tools are basically RSS editors that allow you to blend RSS feeds from different sources together, getting on the feeds that correspond to your preferences, which are created by choosing and assigning keyword tags. You can also add in content from other media sources such as podcast or audio feeds. Publishers can use a mixer tool to create customized feeds culled from a variety of (accredited) sources for your subscribers. The benefit to your subscribers is that you are the discerning editor who merges specific content from multiple sources (including your own) to create feeds that are uniquely targeted to your readers' needs. [WDFM Annotation]
-
thumbalizrWith thumbalizr you can take screenshots of any webpage you want. Use it for your presentations, documentations, visualisations or your webpage. Just enter the target-URL and press the "thumb it"-button. Wait a moment and a screenshot of the desired page will be taken. You can choose between a screenshot with a fixed height of the screen or the complete webpage. That's it! Just click one of the resolution-links (320, 640, 800, 1024 or 1280 pixel width) to download your screenshot.
-
TrackBack Technical Specification
Six Apart's trackBack technical specification
-
URL Rewriting
A a great overview on how to rewrite URLs, Note that you will also learn the basics of regular expressions.
Source: Ross Shannon
-
UrlTrendsUrlTrends was developed to allow Webmasters, Search Engine Optimizers, and domain buyers to determine a website's (or a specific page's) rankings in the various search engines and directories. Based on this information you can make competitive analysis of any website with another website -- and from this you could possibly determine whether your SEO tactics are positive or negative to your website; or, if you are a domain buyer, determine if a particular domain should be purchased.
UrlTrends was designed from the beginning to have a different approach to viewing link popularity and other pertinent information. The theory was that webmasters would like to be able to see their link popularity stretched out over time, not just for the current day. This unique approach to viewing the information allows people to make a truly accurate judgment of the website and not be subject to artificial inflation that the instant link popularity reports suffer from.
Currently, the Trend Report allows webmasters to view their linking trends for eight different search engines (Google, Alexa, Yahoo!, MSN, AllTheWeb, Alta Vista, Teoma and IceRocket), as well as the PageRank and Alexa Rank. A recent addition also allows our users to view the number of end-users of a website that bookmarked the website using Furl or Del.icio.us.
-
Use Apache's mod_rewrite to make URLs more user friendly
One way to discourage users from accessing a site is to give them long URLs to type in their Web browsers. Apache admins can simplify this process by using mod_rewrite to redirect complicated URLs to more simple ones.
Source: TechRepublic - Create a multi-state image toolbar...
-
VectorMagicWeb site VectorMagic turns virtually any image into vector art that can be resized as much as you want without any nasty pixelation. The site is free and simple to use, but for a bit more detail check out their howto introductory video. Whether you are trying to perfect your scanned signature or you've got a logo or design you want to be able to resize indefinitely, VectorMagic will do the trick. [Hat Tip to Lifehacker]
-
WebHostingTalk
A very active forum for discussions about web hosting (dedicated, managed, and reseller hosting, co-location, virtual private server, and much more).
Source: iNET
-
Whats Its ColorSome of us have a great eye for complementary colors and matches--and then some of us still don't understand why brown shoes and black pants are a bad idea. For anyone looking to set an image against a complementary background or find a color scheme, Whats Its Color (their grammar, not mine) is a free web app that can help. Upload an image and the site creates a palette page with a complementary background and a list of unique and dominant colors in your image. Photoshop and GIMP gurus might already know how to sift these kind of things already, but the visible color matching could be a boon for presentation slides or small design projects.
-
WHReviews.com
Dan Lemnaru created this website to help you find a wide selection of independent reviews and comments to help you pick the right hosting company. This site will help you quickly find actual customer comments about specific hosting companies as well as reviews.
Source: Dan Lemnaru
-
Wikipedia DomainKeys Entry
The Wikipedia entry for DomainKeys.
Source: Wikipedia DomainKeys Entry
-
Wikipedia SenderID Entry
The Wikipedia entry for SenderID
Source: Wikipedia DomainKeys Entry
-
Wikipedia SPF Entry
The Wikipedia entry for Sender Policy Framework (SPF).
Source: Wikipedia DomainKeys Entry
-
WordPress Trackback Tutorial
When used properly, trackbacks and pingbacks are an excellent way to build links and traffic to your blog, as well as building relationships with other bloggers.
Source: WordPress Trackback Tutorial
Author: Teli Adlam
-
Yahoo Pipes Pipes is a content creation tool (or "mixer") that allows you to aggregate, manipulate, mashup, tag and filter content from around the Web. Content can be from a variety of sources such as RSS feeds, XML feeds, Google Maps, podcasts, Twitter, Flickr and other social sharing sites and so on. Your "pipe", or content, is a unique combination of information that you filter, edit and publish for specific end users -- either for yourself or your subscribers. Think of it as an old-fashioned clipping service that you can use for your own private edification... or you can take the compilation that this tool built for you and republish it on your site. Your blended feed showing snippets from other publisher's feeds does show the source from which it came. Think of it as a byline.
For example, you could filter incoming feeds and posts from all the best search engine marketing blogs and SEM resources using a keyword tag such as "Google AdWords tips" and get every tip from around the Web the second it is published (btw, that's a valuable RSS feed to offer to your subscribers if you are an SEO firm). Or you could create your own brand protection mixer that monitors what the world is saying about your brand, company, product or URL in Google Blogs, Technorati, IceRocket, Blog Pulse, Yahoo News, MSN News and Google News. This is a must-watch trend for Internet marketers. [WDFM Annotation]
Author: Teli Adlam
