Archive for Lists

21 Cool Logos

The logo is yet another important part of a web site. It’s part of what tells a visitor where they are. A logo (or banner) represents you. Below are a few cool logos/banners. Inspire yourself. As Smashing Magazine put it:

“To get things done, you need inspiration and creative thinking. You need fresh ideas and elegant approaches. And you need to be able to find them as quick as it is possible.”

When you design a website, you generally do one of the following:

  • Design a layout around a finished logo.
  • Design a logo around a concept layout.

However you design, inspiration is always helpful.
Ready? Read the rest of this entry »

4 Cool Footers

The footer is generally the least noticed part of a website. This is unfortunate, since some sites have some really cool footers. Below are some that I think are worth notice.

The average viewer tends to not make it all the way down the page to the footer. This is why the part of the page “above the fold” is given a lot of attention by designers. However, there’s no reason why you shouldn’t have a cool footer as well. After all, some people will see it. I tend to read web pages through to the end, unless I have reason not to.

Ready of an inspiring look at some interesting page footers? Read the rest of this entry »

29 CSS and AJAX Resources

Everyone likes Web 2.0. Wait, everyone except Jakob Nielsen. As I was saying, most people like Web 2.0. Here are some resources that you may find useful. CSS is the designer’s tool of choice for, well…designing, so obviously it can’t hurt to pick up a few new CSS tricks. AJAX has quickly taken the web by storm. Sites all over the place are using it to improve usability…and for pointless reasons as well. There are plenty of practical applications for AJAX, so obviosuly it’s worth seeing what others are doing with it. CSS and AJAX are two of the most important technologies making Web 2.0 (who came up with that term anyway?) possible. Ready for the list? Here it comes!

AJAX

CSS

5 Great Main Pages

A website’s homepage is one of the most important parts. If someone lands there and doesn’t find anything interesting, they’ll go elsewhere more often than not. Here are some examples of good home pages. Here they are, in no particular order. Study them and learn. Read the rest of this entry »

12 Excuses For When You’re Playing A Computer Game

Okay, your boss/parent/etc tells you to “stop playing that stupid computer game”. You need a quick excuse, right? Well, I can tell you one thing, you don’t want any of these excuses…

  • “I have to finish this level. The game won’t let me quit if I don’t.”
  • “Uh, what computer game?”
  • “Take that, PKer! (turns from computer) Huh, did you say something?”
  • “This isn’t a game, it’s a virtual world.”
  • “Oh, do you want to play?”
  • “Ten more minutes!”
  • “I’m in the middle of a quest! I can’t stop now!”
  • “Move, you’re blocking the light.”
  • “You’re a noob. Come back when I’m not busy.”
  • “Oh, I was just checking to see how much gold I have. I was only going to be on for a couple minutes.”
  • “I’ve only been playing for…hmmm…ummm….well, only a few hours.”
  • “Let me do one more thing before I get off.”

12 Cool CSS-based Layouts

Yeah, yeah. Don’t use tables. Blah blah blah. Use CSS and all that. CSS can be a pain at times (especially if you want it to work in Internet Explorer…), but it works really well…when it works. Really, if you’re making a new layout, use CSS. Here are some really cool CSS-based layouts. Inspire yourself.

  • MediaTemple - This web host has a really cool and professional layout. They’ve got a black header with shiny black “plastic” tabs. Drop-down menus come out from the tabs and the links in them are highlighted with a cool rounded-blue image. See for yourself.
  • Ars Technica - “The Art of Technology” is this tech blog’s tagline. Their layout is even better than their tagline. The header is a nice red, with navigational tabs along the bottom. Below that, it looks like the designer is a fan of cubism. Everything is in a box. It works well though, and is surprisingly well organized.
  • DHTMLSite - A spartan layout with a navigation bar at the top. The logo is right at the top of the left-hand column. Even though the layout is lightweight, it still looks crowded.
  • Wordpress.org - Not to be confused with Wordpress.com (the blog host), this is the site where you download the real Wordpress software (which is grwat by the way). The layout is reminiscent of a newspaper, being a light white-grey with black text and horizontal lines. Nice and uncluttered, it still looks great.
  • Good-Tutorials - Their layout changes too often, unfortunately (a couple of times a year it seems). The current one is well designed, featuring blue gradients, tan, and white very well. Uncluttered and well though-out, it’s pretty good for a tutorial site.
  • The Leaky Cauldron - Prepare to be blown away. This layout is all CSS and images. Easily edging out the Table-based Mugglenet.com which has a black background too), this is easily the best-designed Harry Potter site. That’s not an easy goal either, there are some amazing lesser-known ones. The Leaky Cauldron is the biggest HP site on the web (getting over 100,000 unique visitors a day). The layout is amazing, and AJAX is used quite well.
  • Feedo Style - ORANGE! Amazingly it’s not that hard on the eyes, andi t’s not that dreaded “Safety Orange” either. Horizontal navigation, one-column content, not too bad. The diagonal-line-gradient on the background is a nice touch as well.
  • Digital Web Magazine - Nice and clean. Blues, tan, white, etc. There’s a refreshing lack of advertisements as well. :)
  • PotterCast - Considering it’s a sub-site of the Leaky Cauldron, I’d expect no less. Probably the best layout I’ve seen on a podcast site so far, it looks very unique (without being totally off-the-wall).
  • YouTube - Airy (read: no visible lines around the edges), it looks very much like a Google site (despite not starting out as one).
  • PC World - Hmmm. Reminds be of Ars Technica a little… It looks different in several ways though. It’s a bit heavy, clocking in at 74 settings on 56k and 12 on a T1. Reds, greays, and white again. It’s very dynamic, and much more cluttered than Ars Technica.
  • Digg - Digg… Take a look at it yourself. The header’s the main part, and the lower segments are just divided by lines and padding. The header conveys an amazing array of information and navigation.

You probably have too much time on your hands if…

You probably have too much time on your hands if…

  1. You spend 60 minutes each day sorting your documents and media files.
  2. You search YouTube all the time for videos you think would be funny.
  3. Your blog is littered with posts with titles like “What I Had For Lunch Today” and “I’m Addicted to Blogging: I Keep Writing Even Though I Don’t Have Anything To Write About”.
  4. You waste time bashing and criticizing people in their blogs’ comments.
  5. You use chatrooms frequently.
  6. Your blog’s layout changes every couple days.
  7. You think people are crazy to complain about how much spam they get. After all, you only get a couple a week, right?
  8. You have a MySpace account.
  9. You buy Vista just so you can play with “Flip 3D” and stare at the “cool” graphics.
  10. You’re about to go and play video games for 5 1/2 hours.

Fun Online Games

Bored? Online games are a great way to pass time and have fun. Not to mention the fact that they’re free. Free is good, right? Here are some games and gaming repositories that offer free online games you may like.

Games

Places to Find Games

There are others of course, but this list should keep you busy for a while.

8 Reasons I Wouldn’t Want to Work At Microsoft

In no particular order, here are 8 reasons I wouldn’t want to work at Microsoft:

  1. I don’t like working 26 hours a day.
  2. I’d rather give people jobs.
  3. Uh, it’s Microsoft.
  4. It must be hard to get any work done with emails from Bill Gates every hour saying “work harder”.
  5. Would you want to work at a company everyone can’t stand?
  6. There’s a 0.00003% chance that they don’t confiscate iPods and MacBooks.
  7. I wouldn’t use Vista unless you paid me, so I’d obviously want a huge salary (think seven figures) to actually work for the company that made it.
  8. I’d prefer to avoid spending a small fortune on Jolt Gum and coffee.

10 Great Firefox Add-ons

As a Firefox user (get Firefox if you haven’t already!!!), I have collected a ton of Add-ons for my browser. They range in usefulness from “barely used” all the way to “totally useful and essential”. Here are my favorites (in no particular order):

  1. Colorzilla - Allows you to retrieve a hexadecimal color code for any color on any website using an “eyedropper” tool.
  2. Google Notebook - Allows you to save scraps of text and URLs to Google’s servers for later retrieval.
  3. IE View - I don’t really care for IE Tab.I prefer IE View. What this useful plugin does is it adds an option to your context menu that opens the current page (or targetted link) in Internet Explorer (luckily I’m finding this less useful :D ).
  4. MeasureIt - Webmasters will find this one useful. Activate this and you can measure the pixel dimensions of anything on any page. Unbelievably useful.
  5. Remove It Permanently - Make anything you don’t like vanish from any online page. It won’t be back (unless you want it again).
  6. Scrapbook - Save a copy of any webpage to your computer with this useful extension.
  7. SEOpen - Check PageRank, backlinks, alexa rank, anything about any website.
  8. Stylish - Don’t like Google’s white background? Tired of all that orange on CNet? Try Stylish, a Firefox add-on that allows you to apply custom CSS stylesheets to any page on the web.
  9. Web Developer - A webmaster’s ultimate browser toolbar. You can do an insanely huge amount of things that will be useful during the development of a web site. A couple examples are resizing the window to a precise size, disabling CSS or JavaScript, validating your code, etc. One of the best Firefox Add-ons ever.
  10. Dummy Lipsum - I don’t use this one too often. When building a web layout it’s often useful to generate some meaningless “dummy text” (often resembling “Lorem ipsum dolor sit amet…”) to fill out content areas. This add-on generates dummy paragraphs and lists for you.

That’s all, folks. Happy browsing!

 
crestor gemfibrozil combination intralesional triamcinolone mast cell tumor torneo di poker cipro levitra 20 mg generico precio felodipine metoprolol succinate voltaren gel safe in pregnancy tratament aerosoli cu ventolin voltaren forte temperatura rosuvastatin calcium content cipro fuori dalla black list cipro guida destra levitra generico da 10 mg nuova opel allegra viagra va prescritto dal medico augmentin compresse effetti indesiderati sito sicuro per acquistare cialis generico prezzo cialis originale da 5 mg meglio entact o cymbalta dove sono le spiagge piu belle a cipro arimidex e depressione medicinale femara effetti collaterali cipro scrittori po to iv lopressor conversion come si chiama il cialis generico carafate 1gm 10ml suspension sbraccia estetica via cipro sbraccia profumerie via cipro cose il levitra escitalopram properties benicar lisinopril conversion vendita appartamento roma zona cipro vermox sospensione prezzo chloramphenicol on lac operon zoloft allucinazioni voltaren retard infarmed alesse estrogen progesterone voltaren für tattoo lipitor di indonesia effetti collaterali prometrium 200 mg differin quanto tempo usar dose normale di viagra triamcinolone acetonide 0.1 solution cefacilina 500 cefadroxil montpellier che funzioni ha il viagra rusa på voltaren trazodone fiale periactin sonnolenza albenza indications clozaril generic name limassol cipro cap acquistare viagra online reato cialis dove acquistare zoloft fobia sociale a cosa serve il farmaco cardura turisanda catalogo cipro provera przy menopauzie viagra indien strafe viagra quelle age finpecia australia diflucan 150 modo di somministrazione famotidine diclofenac gabapentin palliative care metoprolol succinate 50 mg sa tab informazioni sull'isola di cipro claritin d allegra d or zyrtec d muscoril voltaren effetti collaterali come assumere lo xenical avodart e calvizie augmentin sospensione preparazione pillola viagra e simili zovirax crema generico investimenti immobiliari a cipro metoprolol unam terazosin saw palmetto effetti di cialis voltaren emulgel pour entorse cheville il viagra nello sport cipro seborrheic dermatitis escitalopram dilated pupils rosuvastatin calcium logp iniezione voltaren gravidanza laboratorio abilify risperdal depot somministrazione inno nazionale del cipro occupazione turca cipro differenza tra ventolin e flixotide zestril composizione domperidone cipro nitrofurantoin di indonesia simili viagra senza ricetta cipro or levaquin for uti a cosa serve il benzac zoloft mestruazioni prezzo voltaren punture voltaren gel recall 2013 zovirax labiale in allattamento triamcinolone acetonide cream gout prezzo augmentin con ricetta benzac 5 gel prezzo aldactone per acne funziona copertura gazebo cipro solian et risperdal voltaren gel español prendere dostinex in gravidanza que pasa si tomo viagra solo una vez crisi di astinenza da risperdal cuanto vale orlistat colombia cialis sciatalgia generico do lipitor ems atenolol bisoprolol metoprolol differenza tra coumadin e plavix periactin sciroppo per dormire risperdal consta patient assistance program effet secondaire amantadine escitalopram cyclobenzaprine interaction moduretic pressione alta glucovance glibenclamida micardis provoca impotenza propranolol contraceptif fungsi pil levitra lioresal prezzo escitalopram lcms procardia and prenatal vitamins dopo quanto ovulazione con clomid posologia di vermox case vendita roma cipro carafate suspension uk differenze tra viagra cialis levitra elavil canine dosage risperdal consta lp 25 mg propranolol e carvedilol allegra d sudafed dieta per chi usa il coumadin come sospendere zoloft 50 assunzione clomid in gravidanza medicamento glucophage 1000 nome generico berotec atrovent valor comercial viagra chile methotrexate 15 mg effetti collaterali controindicazioni al viagra villaggi bravo a cipro protonix po to iv conversion propecia scadenza brevetto medicamento crestor 40 mg risperdal consta refrigeration propranolol hydrochloride sr capsules si puo dare augmentin al gatto dostinex quando fa effetto nome allegra significato cipro deposito titoli allegra pediatrico es un antialergico damiana come viagra voltaren rheumatism augmentin bambini 400mg 57mg 5ml dose allegra d es un antibiotico coupon for voltaren gel bactrim forte sciroppo bambini 2 puff de ventolin perioral dermatitis minocycline trazodone costco price letrozole metformin pcos cymbalta e antibiotici allegra palatine il comprar generico finasteride micardis plus scheda tecnica proprietà terapeutiche del viagra il cialis dopo quanto fa effetto crociera msc allegra arte allegra mugello augmentin in gravidanza diarrea medicament abilify aripiprazole seroquel 25 mg foglio illustrativo lisinopril-hydrochlorothiazide (prinzide/zestoretic) atrovent duovent voltaren opis medicamento plendil 5 mg frolla allegra mulino bianco terapia aciclovir varicella cipro severe diarrhea villa allegra sizilien danni da levitra triamcinolone acetonide cream vs cortisone meglio zoloft o prozac intranasal triamcinolone acetonide diovan pharmacology voltaren sr fiyat funziona il viagra per donne assumere viagra con pressione alta differenza tra clomid e serofene plavix prezzo al pubblico antibiotico augmentin esposizione sole ciclosporina e diltiazem tegretol e orticaria costo de lipitor 40 mg metformin glimepiride combination quanto custa o viagra generico arcoxia 90 controindicazioni allegra alergias a cosa serve il lioresal seroquel rp scheda tecnica pompa al baclofen riabilitazione esperienze cialis generico foglietto illustrativo augmentin sciroppo bambini viagra durata erezione effet secondaire micardis 80 mg antibiotico augmentin bambini per quanti giorni il cialis influisce sulla fertilità prometrium ovuli a cosa serve asilo nido allegra brigata ponte san nicolò risperdal nedtrapping furosemide fa dimagrire zoloft per ipocondria bactrim 80 mg sospensione orale augmentin non conservato in frigorifero alimenti da evitare per chi prende il coumadin quando arriva viagra generico escitalopram nz frasi la vedova allegra neoduplamox augmentin differenze chi ha provato abilify costo de cytotec colombia allegra srl roccalumera consiglio acquisto cialis cialis generico cos è ciprofloxacin in diverticulitis dutasteride capelli risultati voltaren arthrotec proventil ventolin proair generico do remedio motilium augmentin pediatrico indicaciones ampicillin sulbactam gram negative prednisone and fluoroquinolones augmentin per quanti giorni minimo salle allegra laval cartina isola cipro feldene farmacocinetica che funzione ha il viagra medicina natural igual viagra quanto costa cialis 10 dopo quanti giorni fa effetto vermox consumo alcohol viagra alergia a tegretol il clomid aiuta intravitreal triamcinolone indications comprare cialis in sicurezza agenzia gabetti via cipro roma finasteride provoca caduta indotta differenza tra seroquel e serenase lamisil doctissimo come comprare il cialis frigideira tramontina allegra cialis morte improvvisa prezzo confezioni viagra ventolin hipertension arterial ventolin spray e bambini clopidogrel nome generico risperdal conversion to risperdal consta ventolin broncovaleas alluce valgo voltaren augmentin sciroppo eccipienti feldene sl bula posologia flomax funziona rocaltrol 0 25 prezzo metoprolol succinat-ct 47 5mg retardtabletten farmacie online vendita viagra triamcinolone on labia qual o nome generico do lasix diflucan prontuario farmaceutico clomid e progeffik funziona orlistat la sante colombia vermox ai bambini ranitidine contre indications cialis non funziona sempre augmentin pastiglie viagra 25 mg costo nizoral generic shampoo viagra natural en costa rica viagra per nachname cymbalta e gonfiore difference chimique entre citalopram et escitalopram viagra per donne wikipedia malegra 100 sildenafil citrate banche italiane come cipro voltaren artrosi clomid aiuta concepimento remedio rinite allegra zithromax clostridium difficile voltaren indigestion accutane cheilitis ventolin aerosol pediatrico allegra e alessandra gucci bactrim antibiotico e pillola atrovent ventolin difference will depo provera terminate a pregnancy escitalopram and valerian voltaren emulgel precio argentina alpitour cipro 2013 dexamethasone triamcinolone conversion tumore al seno femara aldara chevaux metoclopramide sciroppo come interrompere il coumadin trental motilità vermox è un veleno canzone allegra estate 2012 voltaren pasticche posologia triamcinolone acetonide usp .5 metro da termini a cipro nizoral crema per cosa si usa via cipro olbia tegretol 200 lc bactrim forte per quanti giorni augmentin infezioni gengive dulcolax 30 compresse prezzo intervento cataratta e coumadin lasix farmacocinetica y farmacodinamia voli milano cipro paphos cymbalta inizio terapia lipitor mercola prezzo ventolin sciroppo clomid acquisto on line escitalopram oxalate contraindications risperdal 3 mg prezzo cipro & metoprolol roche xenical compresse dimagranti zoloft per tutta la gravidanza atarax idrossizina cloridrato propecia ritenzione idrica affitti via cipro milano triamcinolone oral paste คือ colchicine opocalcium 1mg инструкция provera penzionog i socijalnog allegra frasco does trazodone come in generic voltaren cepici 12 5 viagra a 50 anni www.viagra generico.com viagra x uomo voltaren gel liver damage vacanze cipro novembre ficha farmacologica de lasix cialis lilly miglior prezzo interruzione trattamento finasteride voltaren loco levitra orosolubile quanto dura commenti su orlistat acquistare viagra online opinioni feldene in allattamento interazione cialis e antibiotici voltaren.dk voltaren gel 1 o 2 voltaren tape tui allegra schiffsreisen voltaren crema opiniones metoclopramide fda pregnancy a cosa serve il plavix 75 mg furosemide scheda tecnica quando utilizzare il cialis propecia chile precio dove comprare viagra online sicuro via cipro 3 roma fitoterapico viagra natural cipro fermata metro ventolin spray con distanziatore cleocin crema e rapporti cipro invented alimentazione in terapia coumadin augmentin medicinali equivalenti allegra d appetite prezzo del cymbalta voltaren per cistite le crestor fait il maigrir triamcinolone cream for psoriasis viagra precio farmacia peru esiste viagra per donne viagra herbal prima setia villa cipro lido venedig zantac sciroppo dosaggio luoghi più belli di cipro pil clomid di farmasi voltaren e muscoril siringhe progesterone suppositories prometrium differenza tra zoloft e cipralex fludrocortisone to prednisone conversion generique du viagra pfizer meglio propecia o trapianto meglio clomid o gonal f allegra aleve medicine meclizine hcl prezzo dostinex compresse provera period twice effetti collaterali del singulair compare invega to risperdal allegra d pdf motilium sciroppo indicazioni componentes do allegra pediatrico voltaren tabletten cg viagra citrato de sildenafil depo provera and vitamins clomid e sintomi gravidanza bactrim sciroppo costo augmentin infezioni ginecologiche effetti collaterali farmaci zetia cipro duration prostatitis ufficio turistico cipro milano fluticasone vs triamcinolone cream nizoral suomi24 viagra in madrid effetti collaterali del nexium artane domino's pizza xenical 60 mg posologia triamcinolone clotrimazole cialis + 20 gratis moneta a cipro nord allegra biscotti collection bedazzled ersatz viagra voltaren prices us bi combivent plendil principio attivo cipro traghetti dall'italia provera 10 days no period champagne jacquart cuvee allegra 2004 debito di cipro cialis generico lo vendono in farmacia viagra opinie depo provera wizaz principio ativo do diovan triplo nome generico do medicamento lasix voltaren patch le prix dove si puo comprare viagra senza ricetta abilify impotenz cuanto vale voltaren emulgel femara compresse effetti collaterali provera postpaid racuna u mts perchè cialis non ha funzionato alternative to voltaren gel quante punture di voltaren si possono fare al giorno voltaren supposte bugiardino aciclovir per varicella adulti generico de viagra chile clopidogrel generico scheda tecnica viagra per donne spray remeron cosa cura aciclovir tratamento profilatico guerra cipro turca voltaren resinat voltaren dispers unterschied brevetto levitra scadenza risperdal y lorazepam cymbalta e vertigini premarin cavalle viagra e droghe coumadin liquirizia ventolin si sarcina augmentin 12h suspension pediatrica augmentin 875 mg + 125 mg polvere per sospensione orale - bustine voltaren dolo 25 g popolazione isola di cipro levitra orosolubile da 10 mg costo finasteride galenica clomid per ovaio multifollicolare viagra dei poveri accutane precio chile propranolol er 80 mg cap rou come smettere il seroquel medicament ranitidine biogaran dulcolax compresse effetto meglio foster o ventolin cat costa o pastila viagra in farmacie aeroporto cipro turco voltaren 50 diclofenac sodico cipro if allergic to penicillin augmentin pediatrico 400 mg viagra meccanismo levitra acquisto sicuro varicella negli adulti aciclovir gestione del coumadin viagra generico farmacia italia sterile triamcinolone acetonide suspension usp solo affitti roma cipro triamcinolone allergan cosa non mangiare quando si prende il coumadin succinato de metoprolol + hidroclorotiazida lariam quinolone prednisone calcium and vitamin d dosage allopurinol chien prandin gloria can i eat pizza on cipro allegra bonfiglio accion farmacologica depo provera voltaren dolori articolari triamcinolone acetonide .1 lotion pletal farmacocinetica aldara crema efficace seroquel dopo quanto agisce augmentin scatola principio ativo provera diltiazem 60 mg posologia provera stanja racuna societe escitalopram identifier provera sen pergotime