Skip to Content

Free TUAW iPhone app -- try it now!
AOL Tech

XHTML posts

Filed under: Design, Developer, Internet, Utilities, Features, Windows, Macintosh, Web, Lists

So... you want to be a web developer?

Workstation I had the most interesting conversation with one of my friends the other day.

Adam: "Whew... finally finished with my latest web project!"

Friend (in awe): "Whoa! That's awesome! How did you make that?"

Now, of course, this project of mine was a full-fledged ASP.NET web application; a simple question like "how did you make that" could easily end up with me not only explaining what I did, but how I did it, and which tools and technologies I used. That way, instead of wondering about the magic that makes all those fancy programs out there on the internet work, my friend could understand exactly what goes on to make that happen.

Well, that couldn't hurt, right?

Adam: "Do you really want to know? I'm warning you... this could get messy."

Now, at this point, my friend gives me one of those funny looks like I'm completely crazy. But being a web developer, I'm already used to that.

Friend: "Well, sure..."

And so it begins.

Read more →

Filed under: Design, Developer, Internet, Features, Linux, Open Source

Flipping the Linux switch: Linux web tools, Pt. 3 - Intro to HTML editors

DLS in Quanta PlusAn 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.
next page

Filed under: Developer, Features, Linux, Open Source

Flipping the Linux switch: Linux web tools and HTML editors, Pt. 1

Flickr user Craig RodwayIn 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.

Read more →

Filed under: Design, Developer, Internet

htmlPlayground: learn and test HTML and CSS

HTML Playground
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.

[Via garyll]

Filed under: Design, Developer, Internet, Web services

Creating corners in CSS the easy way, with Spiffy Box

Creating corners in CSS the easy way, with Spiffy BoxThere are easy ways to create webpage layouts, and there are hard ways. Spiffy Box is one of the easy ways to add a little spice to your website using CSS.

Spiffy Box was originally created as Spiffy Corners, a web based way to easily create and grab custom CSS and HTML code for rounded corner web content boxes without using images or JavaScript. It eventually moved on to its current user friendly four step process over at Spiffy Box, which uses an image for corners. Users generate the code by simply choosing an image width, height, corner radius, foreground, border and background colors. Steps two and three give you a preview of your new spiffy corner, and the CSS snippet to copy and paste. Step four provides the xhtml to add into our document and, poof; You have a soft, round CSS cornered box.

Filed under: Design, Developer, Internet, Text, Utilities, Web services

Crazy Egg website visualizer

Crazy EggThere is nothing I love more than my favorite morning breakfast food (procured from the back-end of a chicken) sizzling in the pan mumbling incoherently and frothing at the yoke. This is exactly how Crazy Egg isn't. This visualization tool for your website will show you several important things about how, how often, where, and on what your guests are clicking on. There are three modes (screenshots of each after the jump) overlay, list, and my personal favorite, the heat map. Crazy Egg has a well put together idea that looks great. All you have to do is insert a single line of code at the bottom of each page you want to track. They offer a free account and three other paid account options to choose from ($19/$49/$99), all with varying degrees or features and number of saved snapshots. There, now my eggs are climbing up walls and trying to harm themselves, go check out Crazy Egg, cause I gotta go, my crazy eggs are out of control!

Read more →

Filed under: Developer, Fun, Internet, Text, Utilities, Windows, Macintosh, Linux

Real-time HTML editor helps coding and learning

Real-time HTML editorAnyone who has hand-coded HTML (I know, oldskool) has wished for a tool like this real-time HTML editor, though regrettably the days of hardcore hand-coding HTML are pretty much over. I still code HTML in my free time just for the tactile feel of simple code beneath my fingers and remembering the old day before things got easy. Real-time HTML Editor puts your code into practice as soon as (and somewhat before) you type it. Through the power of AJAX, HTML is now more fun. This tool is obviously not for serious coding, but it can help a noob learn the basics or help you text a small script, such as a MySpace layout or something nonsensical like that. I checked it out for the nostalgic value more than anything, so if that is your brand of suck tape, give it a whirl.

Filed under: Design, Developer

Top 20 web development links of 2005

Web-GraphicsAlessandro Fulciniti at Web-Graphics has collected his top 20 bookmarks of 2005. They're all, of course, web development links with a focus on CSS and JavaScript with some design, typography, AJAX, and search engine optimization thrown in. Every one is a must-read for anyone doing web development in 2006.

Featured Time Waster

Graveyard Shift - zombie-busting Time Waster

With Halloween fast approaching, it's a great time to get in some practice defending your territory against zombies. In Graveyard Shift, you take aim at zombies and other creepy-crawlies, blasting them into splatters of cartoony green guts. It's a casual first-person shooter, and it's very easy to get the hang of - use the mouse to aim, click to fire. Graveyard Shift has at least 15 levels, and it might even have some secret stages I haven't unlocked yet. They key to getting good at Graveyard Shift is learning to use ...

View more Time Wasters

Featured Galleries

Defective by Design, London: Protest Pictures
Microsoft Security Essentials
Chromium Pre-Alpha on CrunchBang Linux
Safari 4 Beta
10 Firefox themes that don't suck
IE8 RC1
Download Squad at the Crunchies After-Party
Download Squad at the Crunchies
WordPress 2.7
Cooking Mama: Mama Kills Animals
Windows 7 Hands On
Comodo Internet Security
Android First-look: Amazon.com MP3 Store
Android First-look: Twitroid
Google Reader Android
Android Hands-On
Twine 1.0
Photoshop Express Beta
Mozilla Birthday Cake
Palm stuff
Adobe Lightroom 1.1

 


Follow us on Twitter!

Flickr Pool

www.flickr.com

More Tech Coverage

AOL Radio