Tagged With html
In part the first of our Night School series on how to make a web site, we learned a little about the bones of a web page: HTML. In today's lesson, we're going to start putting the clothes on our site using styling and CSS.
Everyone lives at least a little bit of their life on the web, and whether you develop web pages for a living or you want more control over how your comments show up on websites, having an understanding of HTML at your command is invaluable. With that in mind, in our first lesson on how to make a website, we're covering the top-level basics of HTML — the predominant markup language of the web.
All platforms with Firefox: The WiseStamp beta Firefox add-on edits, saves, and applies rich HTML signatures to your web-based email accounts, including Gmail, Yahoo Mail, Hotmail, and AOL mail. With WiseStamp installed, you get a rich HTML editor that lets you create signatures with links, colours, images, and formatting, plus links to your favourite social network profiles. You can make more than one signature, too—like personal and business. Once you're in your webmail account, WiseStamp adds a signature drop-down so you can choose which sig to use with the current email, or it can insert it automatically. Take a look at some screenshots of WiseStamp in action.
Planning to spend some time during one of those mythical "free" weekends whipping your web site into shape? Open Web Design, a free and frequently-updated collection of site templates handed out without copyright, is a great place to start looking. We've posted similar collections before, but Open Web Design trumps our archives for up-to-date designs and breadth of material—images, CSS templates, and standard HTML are all available. The site is free to use, and registration lets you submit ideas and post to a forum. Open Web Design
When you want to turn that giant spreadsheet into an HTML table without wrangling too many TD's and TR's by hand, you can use a formula to generate the HTML tags for you. The Design Intellection blog describes how to use the =CONCATENATE("text", cell, "text") spreadsheet formula to turn a row of data into an HTML table row. On Friday, Kevin pointed out a web-based HTML table generator that's a simple, fast solution for small tables; but if your data's already in a spreadsheet and the word "concatenate" doesn't make you want to run screaming, this may be a better way to go. Using Spreadsheets to Easily Create HTML Tables and Forms
If you're one of those folks who handwrites HTML, you know how laborious it can be to type out all the tags and descriptors for a simple but highly-efficient table. Kotatsu, a free AJAX utility, generates clean code for however many rows and columns you need, with optional class options thrown on the cells. The code is blog, personal site, and start page-friendly, and that's all there is to it (thankfully). Kotatsu
Anyone who's tried saving a Word document as a web page knows you get way more than you bargained for in the HTML and CSS department in the result. The Productivity Portfolio blog offers two alternatives when you want to zip a .DOC to a .HTML file in a jiffy without all the cruft: Using the online Word HTML Cleaner at Textism (files up to 20K only), or sending yourself the document via Gmail and hitting the "View as HTML" link. Handy. Word HTML File Conversion Tips and Resources
Lifehacker reader and TiddlyWiki enthusiast Fraser has written up a guide that takes the idea of cut-and-paste Outlook Today customising to the next logical (or at least Lifehacker-friendly) conclusion—integrating a TiddlyWiki to-do list and notebook into Outlook. Combine the easy-to-edit power of a personal wiki with the at-a-glance inbox and task information from Outlook, and you've got a powerful start page indeed. For a primer on getting things done with a TiddlyWiki, check out guest-poster Jason Thomas' GTDTiddlyWiki walkthrough. (Original Outlook Today post).
Your plain vanilla "Outlook Today" screen could be doing a whole lot more for you, especially if you aren't afraid of a little HTML or can get handy with a free page creator. Even if hand-coding's not your thing, the Tech-Recipes blog offers the big blocks of dense code that let you put your inbox, calendar, tasks, and whatever else anywhere you want on a page, leaving room for other stuff you might find useful. Feel free to mess around to your heart's content, because it's also un-doable with less than two clicks. Creating Your Own Outlook Today Page