background preloader

Technology

Facebook Twitter

Get Paid To Write. Museumofthought. How To Manage RSS Feeds Online | LAPTOP Magazine. Browse Bookmarks :: Add-ons for Firefox | Bookmarks Add-ons. Firefox | Get Involved. Firefox | Customize your Web with free add-ons. Pearltrees Visualizes How You Organize the Web | Mashable. This post is part of Mashable's Spark of Genius series, which highlights a unique feature of startups. If you would like to have your startup considered for inclusion, please see the details here.

The series is made possible by Microsoft BizSpark. Name: Pearltrees Quick Pitch: Pearltrees is a new visual way to organize content on the Web and connecting people's interests. Genius Idea: How do you organize the web on the browser? Since the time of Netscape, we've been using bookmarks and a wide series of folders to manage our favorite websites and web pages. Perhaps in some instances you use something like Google Reader to organize your articles and favorite things on YouTube, but the result is the same: it's a messy affair.Pearltrees is nothing less than a reinvention of how we organize the web. Signing up for Pearltrees is simple, but getting used to the interface and all of its features is not as easy. Pearltrees takes a time investment to make it useful. Create a Tableless Layout | tutorialtastic.co.uk.

I bet you’ve heard the coding obsessed web designers getting their knickers in a twist about CSS layouts, yet you don’t know the first thing about them, right? Obviously that’s why you’re here! Well, providing you have a little CSS knowledge and know how to separate style from content, you should find this tutorial a doddle! Tableless Layout Basics Firstly, let’s take a look at your current coding. <html><head><title> my website </title><meta name="keywords" content="joe bloggs' website, site, pages,"><meta name="author" content="joe bloggs"><link href="stylesheet.css" rel="stylesheet" type="text/css"></head><body><table id="main"><tr><td><img src="images/bla.gif" align="left" alt="layout image 1"><br /></td></tr><tr><td><h1>Welcome to my website</h1><p>This is my wonderful website with funky content and groovy images!

Look at those terrible tables. Let’s redo that page up there, assigning <div>s instead of <table>s (every ‘block’ of table needs a div): Tableless Templates ..etc.. Help! FotoFlexer. Dave Raggett&#039;s Introduction to CSS. Dave Raggett, 8th April 2002. This is a short guide to styling your Web pages. It will show you how to use W3C's Cascading Style Sheets language (CSS) as well as alternatives using HTML itself. The route will steer you clear of most of the problems caused by differences between different brands and versions of browsers. For style sheets to work, it is important that your markup be free of errors. A convenient way to automatically fix markup errors is to use the HTML Tidy utility. The following will teach you how to: use the style element link to separate style sheets set page margins set left and right and first-line indents set the amount of whitespace above and below set the font type, style and size add borders and backgrounds set colors with named or numeric values add style for browsers that don't understand CSS Getting started Let's start with setting the color of the text and the background.

The style element is placed within the document head. Linking to a separate style sheet <! Linking to External Stylesheets using SeaMonkey Composer | YouTu. SeaMonkey Composer Using Internal CSS Styles | YouTube. How to Add HTML Signatures with Images to gmail Email Messages | Did you notice anything special about this screenshot of GMail message ? Well, it has an embedded animated graphic instead of the plain text signature. GMail has a wonderful rich text editor to compose emails but there are some desirable things that you cannot accomplish in GMail using standard techniques. For example: 1. 2. 3. 4. 5. Now the really good news is that you can do all the above easily with GMail and here's how to do it: To embed an HTML signature with Images in GMail ? Create an HTML signature snippet using notepad or WYSIWYG editors like Dreamweaver/Frontpage/Golive or online with Geocities/GooglePages/Tripod Lycos.

Once you are satisfied with the layout, select the entire portion of the webpage that you want to appear in the GMail signature and drag it to the GMail compose window. I have an illustration here: Step 1: The HTML signature is created in Google Page Creator. Step 2: Open a new Gmail compose message window.