Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2006-06-14 04:26:45

net-carver
Archived Plugin Author
Registered: 2006-03-08
Posts: 1,648

Web-dev tools.

Thought I’d open a thread where we can post our opinions about useful free web-dev tools/services that can be used to help you develop and maintain a TxP site.

The first ones that need to be covered are the standard validation tools…

  1. W3 html/xhtml page validator
  2. Section 508 compliance check
  3. CSS validator

But there are a lot of other, fantastic tools out there. Here are four to start the ball rolling…

  1. Xenu’s Link Sleuth <br/>Automatically scan site(s) for broken links. Useful before going live, and for regular checkups thereafter.
  2. Colour Blindness Simulator <br/>Will simulate how your site looks to people with different types of colour vision. Can be really useful to see if your beautifully styled links still work (of if they disappear!) for a non-negligable portion of the population.
  3. Notepad++ <br/>This is, IMO, the best editor I have used for coding or page editing on a PC—so far!
  4. The Uniform Server <br/>A very light-weight WAMP package that lets me run TxP right on my desktop. I prefer this one over XAMPP for Windows, it’s easier to install but lacks a mail server.

Please tell us about some of your favourite tools/services, making sure you include a short description of each tool and links to the appropriate homepages so we can all check them out.

Over to you!

Last edited by net-carver (2006-06-14 12:13:10)


Steve

Offline

#2 2006-06-14 05:23:51

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,091
Website GitHub Mastodon Twitter

Re: Web-dev tools.

Here are some validation tools which are not as popular but very cool nevertheless

and the browser css cheetsheet

Oh I left out: colorblender !

Last edited by colak (2006-06-14 09:55:58)


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#3 2006-06-14 05:30:46

wet
Developer Emeritus
From: Schoerfling, Austria
Registered: 2005-06-06
Posts: 3,330
Website Mastodon

Re: Web-dev tools.

Offline

#4 2006-06-14 05:44:22

hcgtv
Plugin Author
From: Key Largo, Florida
Registered: 2005-11-29
Posts: 2,722
Website

Re: Web-dev tools.

  • Firefox: Ready to experience the Firefox difference?

Offline

#5 2006-06-14 06:08:56

alexandra
Member
From: Cologne, Germany
Registered: 2004-04-02
Posts: 1,370

Re: Web-dev tools.

[Great thread net-carver! thanks]

Last edited by alexandra (2006-06-14 16:35:44)

Offline

#6 2006-06-14 06:23:08

maniqui
Member
From: Buenos Aires, Argentina
Registered: 2004-10-10
Posts: 3,070
Website

Re: Web-dev tools.

  • HTML Tidy extension for Firefox (to check code validation, but beware, always trying to get the green OK icon can become an obsesion)
  • Web Developer Extension (see wet´s post #3)
  • WinMerge: Visual text file comparison and merging (Open Source software)

as alex said, great thread net-carver.

Last edited by maniqui (2006-06-14 06:24:44)


La música ideas portará y siempre continuará

TXP Builders – finely-crafted code, design and txp

Offline

#7 2006-06-14 06:34:15

net-carver
Archived Plugin Author
Registered: 2006-03-08
Posts: 1,648

Re: Web-dev tools.

Everyone, thanks for the feedback so far. Will take some time to crawl through the list and see what gems you are pointing me to!

Here are some more for you.

Firefox extensions…

  1. URL Params <br/>Very useful for testing/debugging and examining html forms in particular.
  2. Pearl Crescent Page Saver <br>Great for in-browser screenshots.

Podcasts…

  1. Boagworld <br/>For web-devs/designers/admins—the topics covered are spot on. Very useful.
  2. Security Now! <br/>Technical at times but worth it. Explains things in easy to understand terms and has lots of useful info for web related security.

Others…

  1. Password Safe <br/>I just have too many passwords now to remember. This tool allows me to have as many high quality passwords as I need and manage them centrally with a master pass-phrase. Very, very useful for private data.

Please keep them coming!

Last edited by net-carver (2006-06-14 17:26:02)


Steve

Offline

#8 2006-06-14 12:38:45

hakjoon
Member
From: Arlington, VA
Registered: 2004-07-29
Posts: 1,634
Website

Re: Web-dev tools.

Need to throw in a second mention for Firebug this thing has single handedly changed how I debug Javascript and CSS.

  • Colorzilla
  • KDiff3 like winmerge but supports three way merges and is cross platform.
  • SVK distributed SVN

Shoving is the answer – pusher robot

Offline

#9 2006-06-14 12:53:35

Bastian
Plugin Author
From: Wuppertal, Germany
Registered: 2005-02-02
Posts: 376
Website

Re: Web-dev tools.

The most firefox extensions i am using while developing are already mentioned above.
Some other you migth find usefull:

  • View Source Chart This one shows the formarted source after it has been rendered with Javascript!
  • Aardvark Hover over a page and see its elements outlined with id, classes and tagname. Very usefull.
  • MeasureIt Nomen est omen

Offline

#10 2006-06-14 16:27:34

soulship
Member
From: Always Sunny Charleston
Registered: 2004-04-30
Posts: 669
Website

Re: Web-dev tools.

Wow you guys got a lot.

Here are a few I use often most of these are for back end editing.

WinSCP the closest you can get to “mounting” your server on a windows box without buying webdrive or SftpDrive

Pixie The best color pallett maker you can get for free without buying Colorschemer Studio

PSPad In some ways better than notepad++

CSDiff CSDiff is a great asset to anyone in need of analyzing changes which have been made between two revisions of the same file or folder.

MySQLfront MySQL-Front is a graphical front for the MySQL database. Because it is a “real” application, it can offer a more refined user-interface than is possible with systems built on PHP and HTML. Response is immediate, there is no delay of reloading HTML-pages.

MODIv2 The Mouseover DOM Inspector, or MODI for short, is a favelet (also known as a bookmarklet) that allows you to view and manipulate the DOM of a web page simply by mousing around the document.

If I think of others I’ll re-post.

Jamie

Offline

#11 2006-06-14 20:48:01

jamiew
Archived Plugin Author
From: NYC
Registered: 2005-01-08
Posts: 74
Website

Re: Web-dev tools.

  • SftpDrive or WebDrive (which also supports regular FTP and fast WebDAV) — because uploading is for the birds! Mount that sucker as a network drive.

Offline

#12 2006-06-15 01:28:34

hcgtv
Plugin Author
From: Key Largo, Florida
Registered: 2005-11-29
Posts: 2,722
Website

Re: Web-dev tools.

  • XnView took over the role that ACDSee held for many years. It’s a superb image viewer, cataloger and manipulator/converter.

Nice thread, awesome tools we have nowadays.

Last edited by hcgtv (2006-06-15 01:29:28)

Offline

Board footer

Powered by FluxBB