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!

 
el ventolin te pone nervioso metoprolol succinat ct 23 75 mg tegretol interacciones farmacologicas seroquel lento rilascio cipro sickle cell finasteride acquisto seroquel xr 50 mg indicatii association atarax et alprazolam trazodone cyclobenzaprine valtrex and voltaren voltaren oder diclofenac ratiopharm augmentin pastiglie antibiotico bloccare spam viagra voltaren proibido brasil sostituto del plavix orlistat generico precio allegra india ponnu il voltaren va bene per le botte prednisone azoospermia cymbalta e aumento di peso lamisil spray indicazioni cipro italia carpfishing remedio generico de viagra generic evista medication spiagge cipro paphos ostelli nicosia cipro viagra cez internet costo del zovirax bugiardino voltaren 100 mg l'euro di cipro serophene gravidez gemelar clima ad agosto cipro levitra si può spezzare bactrim roche prezzo trazodone chlorpromazine allegra chirurgo plastico allopurinol 300 craveri retard tui viaggi cipro viagra consegna in 24 ore meglio voltaren o dicloreum meglio klacid o augmentin levitra confezioni da clomid aiuta a rimanere incinta siti affidabili per comprare cialis on line voltaren actinic keratosis depo provera medical meglio fostimon o clomid requip 4 mg prezzo voltaren united states protonix generic dose come si usa il clomid protocollo stimolazione clomid voli venezia larnaca cipro celebrex sovradosaggio quanto costa viagra da 50 voltaren advance posologia video pub voltaren dividere il viagra prevacid solutab alternative cleocin crema serve ricetta msds albendazole suspension nimotop grupo farmacologico seroquel potenzprobleme generic alternative to detrol la cialis ogni 2 giorni voltaren 1 żel 100g aciclovir resistenz ventolin e clenil viagra sintomi viagra cialis opinioni medicamento trileptal 300 mg voltaren xr generic isoptin cosa serve viagra usato da donne inderal potens quanto dura effetto del cialis caravelaire allegra 400 lozol sulfa allergy cerco stanza singola roma cipro effetti collaterali del lasix quali sono le controindicazioni del cialis villa allegra cali quanto costa aprire una società a cipro naltrexone dea classification spina elettrica cipro augmentin antibiotico in gravidanza una settimana a cipro strattera trichotillomania trazodone pubmed dulcolax testat compazine promethazine voltaren eller voltarol periactin e inappetenza chemical name for voltaren finasteride alopecia risultati augmentin dose per chilo aprire societa di consulenza a cipro isoptin pagine sanitarie voltaren rapid 25 headache medicamento voltaren 100 allegra gruosi depo provera cramps no period medicare part d coverage viagra poste italiane via cipro cialis si puo dividere in due trazodone 50 mg pill voltaren fl ev medicamento crestor 20mg augmentin pastiglie foglio illustrativo prezzo suprax voltaren rapid 25 codeine le alternative al viagra augmentin e contraccettivi depo provera recall 2012 dosi augmentin bambini ml valette antibiotika ciprofloxacin dulcolax istruzioni strattera forum adulte abilify impotenza cipro pacchetti viaggio glucophage xr ni una dieta mas voltaren dispers pzn spezzare compressa viagra dopo quanto fa effetto il diflucan finasteride 1 mg funziona voltaren sr 75mg diclofenac lioresal intratecal argentina un quartino di viagra effet secondaire anafranil 25 voltaren muscle pain propranolol sr dosage triamcinolone acetonide preservative free martina allegra fontana candida intestinale e diflucan il clomid fa gonfiare la pancia cialis nuovo alternative voltaren salbe elavil cardiac trazodone indicazioni terapeutiche voltaren t amning nizoral sensitive scalp zoloft in allattamento prezzo cialis originale farmacia methotrexate farmaci immunosoppressori lotrisone impetigo remeron potenz voltaren jicht viagra a quoi ca sert zovirax labiale per bambini budesonide to prednisone conversion levitra e donazione sangue benzac ac precio argentina fumetteria cipro effetti collaterali di aldara crema levitra generico con postepay alternative naturali al cialis dove acquistare cialis su internet aciclovir nell'insufficienza renale ranitidine indication posologie elavil pain medicine dopo quanti tentativi con clomid risperdal et uv triamcinolone dog ears voltaren compresse indicazioni terapeutiche wieviel voltaren pro tag provera in copd storia dell'isola di cipro levitra serve ricetta allegra printing in grand rapids mi diclofenaco sodico con misoprostol viagra vanzari zyprexa senza piano terapeutico il viagra puo causare infarto prednisolone soluble pil provera contiene hcg casodex meccanismo d'azione costo noleggio auto a cipro voltaren e cataflam allopurinol colchicine probenecid viagra e procreazione lipitor dr mercola provera srl alessandria diflucan e test di gravidanza come posso avere il cialis viagra casa farmaceutica allegra compagnia lucana prendere 2 pastiglie di viagra tegretol calcium cipro immigrazione zofran price per pill temperatura cipro a dicembre prednisolone+clioquinol zoloft da dipendenza perche zyprexa fa ingrassare medicament effet viagra cipro info turistiche benzac gel 10 funziona propecia avion cipro artigianato locale cymbalta e vescica iperattiva a cosa serve il moduretic risperdal intraveineuse serve la ricetta per cialis paroxetine 20 mg posologie cialis generico torino voltaren gel espana lasix e allattamento dilantin level protocol augmentin bambini fragola medicine for vertigo meclizine voli diretti per cipro da milano il clomid quando si prende uso frequente di cialis vendita appartamento roma cipro propranolol serotonina voltaren czy pomaga intravitreal triamcinolone in diabetic macular edema foto di gente allegra antibiotico ampio spettro augmentin viagra farmacia curitiba nitrofurantoin monitoring voltaren supp 50 allegra morosani seroquel 300 rp prezzo quando non funziona viagra took provera no period lidocaine infusion palliative care migliore spiaggia cipro viagra generico venduto in farmacia aciclovir profilassi varicella risperdal rus augmentin per bambini prezzo quante punture di voltaren voltaren salbe bei analthrombose voltaren auf lippen viagra sinnvoll prednisone antiemetic voltaren 75 mg ec tenormin farmaco principio attivo medicinale prometrium 200 mg augmentin bambini scheda tecnica interazione flomax tachipirina coumadin gastroprotettori voltaren arnica bystolic severe dizziness viagra causa catarata generico do cipro 500 la vedova allegra roma ciprofloxacin si alcool anafranil e depressione augmentin pastile adulti plendil controindicazioni pfizer viagra brevetto posologia zantac sciroppo consiglio acquisto cialis online voltaren sr 75 mg ára voltaren and prednisone aciclovir posologia pediatria stanza singola roma zona cipro albendazole solid dispersion effetti del cialis 20 mg triamcinolone acetonide iupac cialis domicilio guadalajara bactrim e salmonella pizza a domicilio roma cipro arava teratogenicity cipro sanità famvir dizziness zoloft 50 mg sospensione cephalexin clostridium difficile voltaren dispers tabletten rezeptfrei vampate di calore viagra acquistare levitra bayer strattera venezuela costo medicamento risperdal come funziona vermox viagra para pensionistas naltrexone vitaflo remeron aiuta a dormire abilify fiale scheda tecnica lisinopril farmacocinetica y farmacodinamia finasteride per capelli forum allopurinol risques prednisone per orticaria difference viagra et levitra remedio vytorin tem generico anafranil rivotril clomid ovitrelle progesterone pizzeria la molisana roma via cipro cialis nn funziona a cosa serve il viagra femminile voltaren emulgel pomata costo feldene per il mal di schiena omeprazole and escitalopram edificio altace pemex false mestruazioni e clomid diovan migraine prevention qualitest hydrochlorothiazide simile al viagra ma senza ricetta cosa succede col viagra antabuse serve ricetta finasteride dermatologia cartina grecia e cipro depo provera and vitamin c überdosis voltaren augmentin iniezione depo provera personal stories germania cipro u21 anafranil e ritenzione idrica cialis generico pagamento alla consegna zoloft disfunzione erettile astma medicatie ventolin allopurinol pre chemo quanto costa levitra da 10 mg neurontin for pudendal neuralgia aricept principio attivo associazione asa e coumadin dolore al ginocchio e voltaren tronchetti provera anni steroli vegetali e coumadin augmentin si può usare in gravidanza farmaco tegretol 400 prograf level tube color xenical è stato tolto dal commercio lipitor diverticulitis voltaren resinat isg cialis generico 100mg propranolol alimentos herpes zovirax prezzo medicamento de allegra cerati cocaina viagra proscar per la caduta dei capelli lamictal disturbo ossessivo viagra generico prezzo piu basso cialis aiuto dilantin grossesse verschil diclofenac voltaren benzac detergente viso prezzo cymbalta and avanza come raggiungere cipro da milano voltaren gel al 2 acquisto viagra sicuro sertralina zoloft effetti collaterali co-diovan norvasc la zona più bella di cipro augmentin per il mio cane farmaco generico simile al viagra ampicillin dose in uti voltaren og amming feldene nei cani lisinopril 20 mg effetti collaterali depo provera carpal tunnel syndrome stent coronarici e viagra cialis e problemi al cuore antonino allegra ucciso voli milano cipro diretti dostinex e gonfiore addominale durata volo verona cipro prednisone cos'è chloramphenicol lohmann triamcinolone cream 0.1 15g minipress 1mg prazosin villaggi turisanda cipro dosaggio augmentin per cani seroquel thorazine combination marchesa allegra antinori exelon compresse effetti collaterali bactrim sciroppo indicazioni cialis senza ricetta in italia metoprolol contre indication finasteride 5 mg per capelli generic diovan hct cost compazine 10 mg im ventolin hfa aer generic lioresal 10 mg beipackzettel claritin vs generic loratadine augmentin antibiotico dosaggio bambini pillola rossa come viagra posta via cipro orario coumadin valvola meccanica antibiotico augmentin e nausea glimepiride metformin voglibose combination brands in india glucovance generico allegra passugger generico cialis 5 mg diflucan dose tinea versicolor bactrim sospensione orale posologia clozapine clozaril national registry program levitra pasticche prednisone sovradosaggio voltaren gel si può usare in gravidanza voltaren emulgel composition allegra melchiorre allegra d capsule allegra pediatrico principio ativo che dose dare di augmentin tegretol ne ilacı risperdal et maladie alzheimer il brevetto del viagra bugiardino augmentin pediatrico cialis a che età cymbalta dopo cena proventil dosis pediatrica trazodone depression forum allegra del tedesco chloramphenicol lcmsms agilent cipro dosage uti male propranolol droga raia metoprolol peso molecular actonel principio attivo provera progesterone pill latitudine di cipro precio ventolin salbutamol 100 mcg medicamento levitra da bayer grotte remeron apertura canzone allegra per amici dostinex aiuta rimanere incinta patrimonio personale tronchetti provera tegretol serotonin ciprofloxacin genericon 500 mg filmtabletten controindicazioni del topamax nebivolol vs metoprolol hypertension clindamycin gegen e coli dosaggio del lasix farmacologia lanoxin venta online viagra argentina cialis e il cuore actonel commercial dramamine dimenhidrinato prospecto propecia peggioramento cosa fa clomid nizoral unguent indicatii voltaren gel prezzo generico levitra acquisto on line in italia olanzapine prescrire esomeprazole clopidogrel 2011 voltaren gel ppi prograf chiapas amiodarone et citalopram iv to po conversion dilantin effetti collaterali del farmaco seroquel difference entre cialis und viagra farmaco decadron compresse prendere cialis a vita accion farmacologica de cialis interazione augmentin estinette allegra brigata centocelle aerosol pulmicort atrovent costo di levitra in farmacia appartamento via cipro milano lasix interazione con altri farmaci come si chiama il generico dell augmentin levitra 10 mg effetti collaterali augmentin pillola prezzo l'isola di cipro versione latino differenza tra viagra e cialis levitra dove si trova la nazione cipro voltaren cpr 75 fungsi provera 100mg come si assume il lasix crisi cipro origini pillola propecia risperdal serve piano terapeutico metoprolol er lawsuit musica allegra con pianoforte metformin si sop aciclovir creme varicelle ventolin fa male al cuore diflucan a stomaco vuoto o pieno composizione chimica del coumadin albenza epocrates capecitabina xeloda effetti collaterali bula medicamento singulair 10mg remeron pagine sanitarie loratadine alavert cipro flagyl appendicitis viagra azia strattera mot tics nadolol propranolol portal hypertension clopidogrel nel gatto effetti da sospensione di zoloft granuloma annulare trental clomid monitoraggi quando dulcolax dizzy viagra senza ricetta svizzera use ventolin puffer dilantin cognitive impairment provare viagra nizoral shampoo in gravidanza lisinopril e impotenza varicella adulti e aciclovir esiste un alternativa naturale al viagra traghetti turchia cipro nord risperdal consta pharmacology colchicine probenecid 0.5 500 voltaren o brufen zestoretic e impotenza risperdal dzialanie finasteride impotenza permanente motilium primperan grossesse