That's okay. We're not about to pass judgment on your taste in HTML editors, or your strange penchant for self-inflicted pain. And while we may never use the tweezers in your house, we will gladly point you in the direction of alternative HTML editors.
This week we'll take a look at Screem and Amaya in brief. These two editors are frequently found in distribution repositories (and are also, of course, available as source code). Both of these editors have a very different take on what their users hope to accomplish with them. We hope at least a few have earned your badges of dorkdom, and are presently happily pondering the irony of applications that do the same thing to reach different ends.
Whether you like the idea of handcoding growing the hair on your chest (as opposed to your nostrils), the moral highground of browsing and coding with standards compliance, we've got you covered.
An XHTML editor is a lot like a teacup dog breed or a designer pig. Okay, so they don't tremble incessantly or have the tendency to pee in the corner of your living room. They are really just highly specialized, souped-up versions of something else. Chihuahuas are pack animals, just like wolves. Potbellied pigs know instinctively how to root around for tasty things, as do wild boars. And XHTML editors edit text.
They have many tools to make editing XHTML (and other bits of code geared specifically for web use) faster and easier, but there's nothing says you need to use an XHTML editor for web coding. Text editors can do the job as well. If Kate, gedit, or Cream do the job for you, either on their own or with a few plugins, that's got you ahead of the game.
But there are some XHTML editors that manage to bundle the basic functions and a whole slew of handy extras into a nicely finished package. There are quite a few of them, and we'll be touching on more of them next week.
This week we'll take a peek at Bluefish and Quanta Plus. Why? Because they are the two most often included in Linux as the sort of "came with the distro" web development applications. Even if they aren't installed by default, many people try them first.
In many ways, I'm pretty old school. When I learned HTML, I painstakingly handcoded my pages in the esteemed Notepad. Only when I became a master of HTML-fu did I allow myself to try Dreamweaver. (Okay, fine, the ability to buy a license with educational pricing may have had a lot to do with it, too.)
I loved Dreamweaver. One of the things that always made me a little sad when I first tried Linux was that there wasn't a real Dreamweaver-esque type application. Times have changed, however. There are a number of HTML/web development applications out there that are free (as in speech and beer) and feature filled.
But I'd be really amiss if I just mentioned Linux HTML editors in a vacuum. There are a number of tools readily available in repositories that make coding, layout, uploading, and testing easy and (dare I say it) fun.
Because seriously, if it isn't fun, what's the point?
Over the next few weeks we're going to take a look at web development tools in Linux. We'll do a run down of some popular XHTML/HTML editors, FTP and transfer software, and neat little tools for creating content that make some of the drudgery of "back-end" web work less painful.
For some baffling reason, Gmail still doesn't officially support HTML signatures. In other words, you can't add links, graphics, or adjust your fonts.
There are a handful of Greasemonkey scripts that add support for HTML signatures, and the latest version of Better Gmail also lets you create HTML signatures without installing Greasemonkey. But what if you don't want your signature to show up on every single message? Or what if you want to create multiple signatures that you can use in different situations?
GeekFG has developed a web service that lets you create and HTML signature and then save it as a browser bookmarklet. All you have to do is click on the bookmarklet when composing a Gmail message in Firefox or Internet Explorer and your signature will be added.
This utility comes from the same guy who brought us DomainFinder, a web service that lets you break up any word or phrase into possible domain names like downlo.ad/squad or downloadsq.ua/d.
Lycos has launched a new web page builder called Webon. The service appears to be the latest salvo in Lycos's mission to remind people that the once powerful web portal still exists. A few weeks ago Lycos also updated its Lycos Cinema media player to allow users to chat in real time while watching movies together over the web.
Webon is sort of like a cross between Google Page Creator and Google's Blogger. There are a variety of templates for creating several different types of web page. You can make a standard home page, create and update a blog, a photo album, a travelogue, or a wedding web site. No HTML knowledge is necessary. You just pick a template and start adding content. You can customize the look and feel of your site by adding widgets or custom HTML code.
You can try out Webon without signing up for the service, which is a nice touch. But if you want to publish your page for the rest of the world to see, you're going to need to register for a free or paid account. Free sites are hosted at username.webon.com, while you can register a custom URL (username.com) for $8.95/month. While that might seem a bit steep, the Webon personal plan also lets users upload an unlimited number of images. Yeah, it still seems kind of steep.
Most word processors will give you some basic statistics about documents you're working on, like a word count. But what if you want to see how many words, paragraphcs, sentences, characters, and spaces are in a text-based document without opening it up in a word processor?
Text Stat is a lightweight, open source Windows application that will let you analyze any TXT or HTML file. In addition to those stats, you Text Stat will spit out a whole bunch of numbers that you'll probably never need to know, including the average number of syllables per word, the average number of words per sentence, and a Flesch score, which basically tells you how difficult the article is to read. [via gHacks]
As Google Docs slowly begins to take form as a legitimate office replacement, there are still a few glaring feature absences. One of those is the inability to add custom-formatted page numbers or dates to your documents.
If you don't mind rolling up your sleeves and getting your hands a little dirty, Google Operating System tells us how to add page numbers and other information to your document's header or footer. This involves a little HTML editing, so consider yourself warned.
Note: If you simply want page numbers added to your Google Doc, and you don't need to customize them by adding color, size, or scheme, then you're better off exporting the document as a PDF and selecting the bullet that adds page numbers to your document. In other words, the following method is useful only if you want more customization than Google Docs by default provides.
In order to add a header that displays, for example, "Page (current page number) of (total number of pages)", open your Google Doc, click on "Edit HTML" (right next to the Revisions tab), and add this code at the very beginning of the code:
<div style="text-align: right;" class="google_header">Page <span class="google_pagenumber">1</span> of <span class="google_pagecount">1</span></div>
To add the same information to the footer, add this code to the bottom of the document:
<div style="text-align: right;" class="google_footer" id="google_footer">Page <span class="google_pagenumber">1</span> of <span class="google_pagecount">1</span></div>
Now that the code is in, you can customize it any way you desire.
Browsershots is a free web service for viewing a website in about 50 web browsers among 4 operating systems (Linux, Windows, Mac OS X, BSD). This is helpful for checking your web design on multiple configurations without having to use virtual machines or extra hardware and software.
You just enter your URL, check the browsers you want to see, choose extra output options like screen width, color depth, and Javascript version, and then click "Submit."
Your job will be added to a queue so that all of the browser screenshots can be generated, so waste some time for a few minutes. When the job is complete, you'll have a group of thumbnails (one for each browser screenshot).
Clicking a thumbnail will enlarge the screenshot and give you information on the computer and browser that rendered your site. Clicking the screenshot again will enlarge the picture to full size.
Browsershots supports Firefox 3 (on Linux and Windows) and IE 8, but not Safari 3.
htmlPlayground is a helpful reference for web developers of any skill level. It provides an easy way to generate, test, and learn about HTML and CSS syntax. Simply select your reference (HTML tags, attributes, or CSS properties), and then select an item like "blockquote."
htmlPlayground will then display a description of the item (to explain what it's used for), an example code snippet that is editable, and a rendered preview of the code snippet. The snippet is color coded: green for tags, red for attributes, and black for regular text.
If you click on a green tag in the snippet, you can edit the tag's attributes easily via another pane. When you're happy with your finalized code, you can of course copy/paste it to an HTML file to use on your website.
Schnippselchen is a source code management app that lets software developers manage multiple types of code that may need to be reused. The program has a sidebar with a "Categories" section (helpful for separating code by language) and a "Snippets" section for the actual titles of your code snippets. So you could have a PHP category with five snippets of PHP code that run your LOLcats social-network site.
Syntax highlighting is supported for many languages and code types including CSS, Perl, Python, XML, Applescript, and SQL. There is also a "Go to Line" feature and the ability to comment on your snippets (so you can remind yourself what those C functions do).
Schnippselchen can run from a thumbdrive (or iDisk) because your snippets are stored in the .app package; keep this in mind if you remove or update the program.
Serving as a webmaster's Swiss Army knife, Test Everything! allows you to run a bunch of different tests on your website and domain name, ranging from Alexa traffic details to CSS validation. To use, simply type in your website's URL, select a category, and check the boxes next to the tests you want to run. When you've selected all of your tests, click the "Test website!" button and wait for your test results to be generated. The Test Everything! site will then return a helpful aggregation of links to each of the specific tests you chose.
While some tests like the "Crapola Web Translator" aren't very useful, Test Everything! lets you run over 100 tests in one fell swoop. Our favorite tests (aside from standard HTML/CSS validation) include "Server Info" which displays info like your webserver's IP address and OS, "Website Speed Test" which shows how fast your specified URLs load, and the "Test your web design in different browsers" test which, well...you know.
Application are moving online at a frighteningly speed. People are increasingly using their computers as little more than internet terminals and media players. All of this innovation has happened, in part, because HTML and the browser marketplace has been relatively stable (even FireFox's original goal was to work like IE - only better). All that said, we've started to push Javascript, CSS, and HTML about as far as they can go.
Let's face it, HTML 4 is old. Really old. No doubt older than your PC. Older than your iPod (older than the very first iPod). It was built and designed solely for document rendering in the days before NetFlix added ratings to their website and Google started mapping. Now we have spreadsheets, word processors, work flow engines, games, and outlook style email clients running within the web browser. All on HTML 4. All with multiple hacks to make the code run correctly in as many browsers as possible. All with inherent security vulnerabilities . Isn't it time for a new version of HTML?
Douglas Crockford thinks so. The man behind JSON, JSLINT, and Manic Mansion (of all things) has a lot to say on the subject and offers so very timely and useful suggestions on what the next version should look like.
Here is the a quick summary of his wish list and an explanation of why Google (of all people) may make fixing HTML impossible.:
It isn't every day that Douglas Crockford (the father of JSON and JSLint) pops up with a new tech talk. In this one he discusses the current state of Ajax development, why mashups are inherently insecure, why the standards process is broken, and how our best hope for a newer better platform may be mobile. Say what?
Basically he proposes the idea that because the replacement rate on mobile phones is so quick (around 2 years) it would be possible to move that industry to a new platform for website interactivity. The traditional PC market moves slowly and requires that you support many many legacy platforms. But with mobile, you can run and gun with your technology and count on people upgrading. A new web platform for mobile could be Flash, it could be Silverlight, it could be a future version of ECMA Script (JavaScript) with a better CSS implementation.
The video also gives a good overview of the history of computing over networks and why the web has lagged behind on everything from rounded corners to security.
After quietly launching SearchMash as a test ground for all things search late last year, Google is making the site a bit more Flashy.
SearchMash is a playground of sorts for Google to experiment with interaction and the display of search results. Now they have taken their simple search philosophy to the limits and added in a Flash interface for a more interactive look at results.
The new interface uses Snap previews of websites before they are visited and tabs that seamlessly switch between web, image and video searches. Keyboard shortcuts and mouse scroll wheel interactions have also been put into place for quicker navigation. A list of recent searches is conveniently hidden on the left side, with a portion of a window slightly sticking out. When moused over, a tray slides out and display the keywords. Not the best placement and surely not something that the average user would know where to mouse over. Then again, we have to pinch ourselves because this is after all just a test search interface for Google to play around with. Of course the HTML version of the site is still available if you aren't inclined to search with Flash.
What do you think of this little Google experiment. Would Flash interfaces fly for search efforts in the real world?
Tired of poorly designed MySpace pages? Spread the word about SnapLayout.
This handy MySpace layout editor allows users -- even MC Hammer -- who have no idea what HTML is the chance to create something special with their MySpace accounts. This is just the beginning of a long and arduous journey to rid the web of bad layouts, but SnapLayout is definitely on the right track.
With the online tool, users can easily change colors and layouts using a drag and drop style interface. Color palette's can be chosen so that proper color theory is adhered to, text styles can be implemented and page layouts with backgrounds can be set. Widgets like YouTube, Google Video, Pictures and other embedded codes can easily be inserted by dragging and dropping into their desired areas on the page. Sections in user's layouts can also be dragged and dropped to new areas within the design as well.
When your design is complete, click publish and voila, one less bad MySpace layout. Sweet!
Maybe you've taken some time and fooled around a bit with Quanta Plus and Bluefish and decided that they weren't for you. Maybe you just looked at the features, and the GUIs and thought, "I'd rather pluck my nose hairs out than use those." 
An XHTML editor is a lot like a teacup dog breed or a designer pig. Okay, so they don't tremble incessantly or have the tendency to pee in the corner of your living room. They are really just highly specialized, souped-up versions of something else. Chihuahuas are pack animals, just like wolves. Potbellied pigs know instinctively how to root around for tasty things, as do wild boars. And XHTML editors edit text. 
Schnippselchen
