< Browse > Home

Google – Please be polite

July 9th, 2009 | No Comments | Posted in Images by Diego | - [Full Entry]

So Google invited me this one day to check out their RSS reader by looking at a couple of items. I was surprised

googlebepolite

Google Alerts – Monitor certain keywords online

July 8th, 2009 | No Comments | Posted in Resources Online by Diego | - [Full Entry]

googlealerts
Google Alerts allows you to monitor multiple keywords online. You can receive updates on keywords as a feed or an e-mail as they happen, daily, or weekly. It’s that simple.

But why bother with alerts?

At first you might wonder, but why? Well for a multitude of reasons. Let me point a few below.

  • Follow a certain topic of your choice on the internet
  • Monitor what people say about you
  • Find out what people say about your product, business, website
  • Keep up to date with your competitor

The most important one above is maintaing your online reputation. If something is said about you, it can hurt you or your business. Being the first one to find out can be very beneficiary as you can take action before anything serious happens.
Read more »

Adium – Multiclient Instant Messenger

June 30th, 2009 | No Comments | Posted in Software by Diego | - [Full Entry]

adiumlogoMac OS X only: A popular alternative to Mac’s iChat is multiclient Adium. Supporting AIM, MSN, Jabber, Yahoo! Messenger, Bonjour, MySpace, Facebook, amongst others Adium is has all the goodies in the bag.

Adium’s Features

First of all Adium is Open Source allowing anyone to contribute. It has a slick UI with tabbed chats that simply look good. Also contains an extensive system notification with the ability to download custom themes as well.

Adium Impressions

If you are looking for a multiclient instant messenger, Adium is something you have to check out. I’ve been using it since I found out about it and haven’t stopped using it ever since. It’s user friendly, intuitive, and stylish. So what are you waiting for if you haven’t tried it out yet?
Read more »

Sennheiser HD 202 Headphones Review

June 11th, 2009 | 3 Comments | Posted in Gadgets by Diego | - [Full Entry]

Impressions of the Sennheiser HD 202 Headphones

I was recently shopping for headphones until I came across the Sennheiser HD 202 Headphones. I was looking for over the ear headphones that were of great quality with a low price tag of under $30 and these didn’t disappoint.

They are comfortable around the ears and do a great job of delivering a superb sound experience. You can feel the music, and especially the bass. According to over the 700 reviews on Amazon, these are extremely great headphones for the price. I was hesitant but the fact that they were amongst the highest rated on Amazon, they had me going…

Technical Specs of Sennheiser HD 202

Below are the technical specs of the Sennheiser HD 202 Headphones.

  • Transducer Principle: Dynamic, Closed-Aire
  • Frequency Response: 18 18,000 Hz
  • Nominal Impedance: 32 Ohms
  • Characteristic Spl: 115 dB
  • Ear Coupling: Semi-circumaural, leatherette
  • Distortion: 0.5
  • Connector: 3.5 mm mini-stereo with 14 adapter
  • Weight Wo Cable: Approx. 130 g

Read more »

Editing the CSS Template to Make a Website

June 10th, 2009 | No Comments | Posted in Web Development by Diego | - [Full Entry]

Table of contents for Learn how to create a website series

Below is the complete list of entries to this series.
  1. Learn how to create a website using a Template
  2. Understanding the Basic Structure of a Website
  3. Choosing a template for your website
  4. Editing the CSS Template to Make a Website

Getting ready to edit your template to make a website

In this part of our series you will start editing your template to make your website. Don’t worry, I’ll guide you every step of the way so you don’t get lost.


What do you need?

  1. The BigSpaceLove template found on Free-CSS-Templates
  2. A browser to open your website. (e.g. Internet Explorer, Firefox…)
  3. A text editor to edit your website. Preferably one that supports syntax highlighting. Programmer’s Notepad is free and is what I’ll be using.


Start editing the template

Open up index.html using your text editor. If you remember the basic structure of a website we taught you can notice that it is the same way the html file is structured.

  • The header contains “Website Title” and “Subheader, website description H2″ in this case
  • The body is separated into a left section containing the content the and a right section containing the menu.
  • The footer contains information about the person who created the template.

You will notice these sections are denoted with the following tag in the HTML document:

The <div> </div> tag

You can think of the div tag as a section within your HTML document. They will usually be named after the sections described above.

structurebigspace1

Read more »

Choosing a template for your website

June 8th, 2009 | No Comments | Posted in Web Development by Diego | - [Full Entry]

Table of contents for Learn how to create a website series

Below is the complete list of entries to this series.
  1. Learn how to create a website using a Template
  2. Understanding the Basic Structure of a Website
  3. Choosing a template for your website
  4. Editing the CSS Template to Make a Website

Finding the right template

Finding the correct template for your needs can be quite tricky. For example, I needed something clean and fresh while maintaining a level of professionalism so I decided to go with the layout found on my personal website. If you noticed, you can get a nice looking website once you find the right template.

But how did I find it first of all? I simply dug around the internet. Google for me was a great place to start but for those that need help, I’ll show you a couple of sites that will give you a head start.

picture-1

Note for tutorial

For purposes of the tutorial I encourage everyone to use BigSpaceLove found on the front page of Free-CSS-Templates so you can follow me step by step. This template is fairly easy to edit.

Where to find free CSS templates

Read more »

Understanding the Basic Structure of a Website

June 4th, 2009 | No Comments | Posted in Web Development by Diego | - [Full Entry]

Table of contents for Learn how to create a website series

Below is the complete list of entries to this series.
  1. Learn how to create a website using a Template
  2. Understanding the Basic Structure of a Website
  3. Choosing a template for your website
  4. Editing the CSS Template to Make a Website

What is a website made out of anyways?

If you take a good look at a couple of websites, you might notice their structures share a couple of things in common. (If you are wondering why you need to know this, you’ll learn why really soon.) Each website usually contains the following basic elements:

  • A header usually contains the logo of a website along with a brief description. Sometimes you may find a menu there as well.
  • The main body or content which may take up most of the website which contains the content of the website.
  • A sidebar which usually contains the navigation of your website.
  • A footer which usually contains copyright and licensing information.

Not all websites follow this traditional structure. It all depends on what type of website you need to suit your needs.


So what is under the hood?

So, what makes a website a website? Under the hood websites are made up of different coding languages that serve different purposes. I’ll only describe the basic ones you need to be aware of and will be working with.

Don’t worry, you don’t need to know anything. I’ll help you every step of the way.

HTML

HTML stands for Hyper Text Markup Language. It consists of HTML tags that are used to mark up content and usually have a starting and ending tag. If you have worked with website development in the past, edited a profile on a social site such as MySpace you probably already are familiar with the basics of HTML. An example of HTML is below.

<html>
<head>
<title>This is the title of a website</title>
</head>
<body>
<h1>This is a header</h1>
<p>This is a paragraph</p>

</body>
</html>

Read more »