All posts tagged ‘wiki’

File Under: Glossary

Tags (HTML)

Tags are commands written into a document that specifies how it should be formatted. In HTML, a tag is represented as
. For example, an HTML file can tell a browser to render text as boldfaced if in the text is written as
. Note how the slash in the second tag closes the bookended tags.
File Under: Cheat Sheets, HTML

HTML Cheatsheet

Keep this cheatsheet handy — it contains the most common HTML tags and their proper syntax.

Continue Reading “HTML Cheatsheet” »
File Under: JavaScript, UI/UX

Live Thumbnails

This is the JavaScript example from the Webmonkey tutorial Make Images Grow and Shrink With JavaScript. This script will allow you to put “live thumbnails” of images on your website. The thumbnails will grow and shrink when users click on them.

Continue Reading “Live Thumbnails” »

File Under: CSS

Update an Old Website With Stylesheets

The other day I ran a highly constrained Google search for one of my ancient pseudonyms (yes, thank you, moving to the country has left me with a glut of free time) and discovered my first Usenet post, circa July, 1994. And let me tell you, nothing, NOTHING makes you feel older than reading the ranting of your ten-years-younger self.

Chances are your first Usenet post either predates mine or you have no idea what I’m talking about (if you’re the latter, all you “need” to know is that Usenet was before Google bought it). While Google still indexes the really old posts, it doesn’t let you sequentially scroll through stuff that predates early 2000, so unless you know exactly what to search for — a person’s ancient cyberpunny handle, say — you’re probably not going to turn up anything. And thank god; I really don’t need that part of my past surviving in perpetuity (mark my words:<meta name=”robots” content=”noindex, nofollow”>).

If unearthing ancient Usenet posts makes you feel old, try re-entering the world of Web design after a five-year hiatus.

“I was up really late working on a … website,” I told my brother, pausing sheepishly in the silence on the other end of the phone. “I think I’m, uh, going back into Web design.”

“Wow. How retro,” was his only response. And I don’t think he meant that in the “retro cool” sense. No, not at all.

Not only was I was old and uncool, but I my tech skills were dated. My CSS knowledge was abysmal. I had no idea there was almost complete browser support for CSS Level 1. In fact, I didn’t even know about CSS Level 2. You can control the printer output of your pages? And speed at which pages are read out loud? Who am I, Rip Van Winkle?

And, oh!, what about the poor meta keyword tag?

Continue Reading “Update an Old Website With Stylesheets” »
File Under: CSS

Site Optimization Tutorial – Lesson 2

In Lesson 1 of this tutorial, we learned how to manipulate images to reduce your download time. Now, it’s time to dig even deeper into the fine art of slimming down those pages.

We’re going to talk about page layout, and that means talking about HTML tables, first and foremost. First, because table-based layouts are the de facto web standard, and foremost because table-heavy designs have a nasty reputation for poor performance.

And CSS layout? It’s faster, better, and smarter. We’ll cover it later. Now, you’re welcome to skip ahead, but The House bets that you’ll keep reading.

CSS is cooler than tables. And smaller. And in the long run, its better. But some CSS-2 layout standards still aren’t showing up the same in every browser. So let’s face it — sometimes right-now compatability trumps future-compatability.

Tables aren’t all bad, anyways. Most designers are taught to design with a grid, so dropping things into a table comes naturally. We’re also fond of their duality; variable-width tables can both define a layout and respond to the unpredictable elements of a page. Being a web designer means coping with unpredictability, and striking a compromise between your design and the user’s flexibility. (Users should be afforded the ability to make fonts larger, for instance). Unfortunately, tables also increase the time it takes to display a web page, and sometimes by a substantial amount.

Continue Reading “Site Optimization Tutorial – Lesson 2″ »