Tips for Web Designers, Developers, and Bloggers

Posts tagged ‘websites’

Top 10 Videos on Youtube

You and I have both seen a quality video sometime in our life that makes us go “Oh my gosh! That’s great!” Yeah, well, lately too many people have been taking advantage of this great video broadcasting website by posting stupid crap on it. The worst of it all, in my opinion, is “Charlie bit my finger – again.” This video has gotten over 300 million views. I’m not saying that it’s a bad video, because I have laughed a bit off of it, but this is probably the stupidest thing ever. Here is the video:

That video is NOT part of the list.

Anyways, I’m not going to keep ranting about this Charlie bit my finger thing and how stupid it is that people get over 300 views off of crap like that. I’ll just get to the list.


I couldn’t stop laughing at that one. Bruno Mars has probably made the best music video yet.


The Pretender is probably the best grunge rock song ever, apart from “Smells Like Teen Spirit” and “In Bloom” (I think “In Bloom” is underrated).


Yes. This is probably as stupid as “Charlie bit my finger” but it’s very funny and kept me laughing for a good minute.


No, that wasn’t a typo, I actually put two 8’s. The dark comedy version is way better than the original.


Be a man.


Very creative song and a very creative person. He might be fat, but his creativity makes up for it.


OK, this probably isn’t the best “video” that you’ve seen, but I put it on here because of the music. Nirvana will remain my favorite band…but the Foo Fighters are coming close to topping them (it must be Dave Grohl). “Smells Like Teen Spirit” is the best grunge song ever.


This is why people started wearing V-Necks.


This is funny.


If you’re better than Jimi Hendrix…you must be God….or Kurt Cobain.


I am not like a G6…I am like a G7.








8 Great Free Icon Sets

1. Marker Style Icon Sets



2. Hand Drawn Sketchy Social Networking Icons



3. 20 Free Shiny Icons



4. 108 Free Crumpled Paper Social Networking Icons.



5. Glossy Wood Social Networking Icons



6. Developers Icons



7. FAMFAMFAM Silk Icons



8. ChalkWork Icons



Design Inspiration #2



Design Inspiration #1

I’m going to start a whole new branch of design inspiration. Categories are: Design & Inspiration. This is post #1. Starting from post #2, I’ll not put an introduction, just images and links.


New Hamphshire Distributers, inc.,


Thank you for those days


Davy Jones

Battle at HU Lao Gates


Reforger Films


Wine Bottega

Flash Inspiration

Nitrome, Free Online Flash Games:

Some of Nitrome's Games

The Smarter City, Flash project by IBM (3-D):

The Smarter City, Screenshot

Philter Design Studios, 3D Flash (again):

Philter Design Studios, Screenshot

Immersive Garden, Flash Website:

Immersive Garden, Screenshot

Huge Inspiration for the Designer





Wireframe Plus

Faith Tanriverdi


Problems With Graphics? The Formats NOT to Use

PART 1: JPG – To Be Used Only With Photos

Many websites have great graphic content. Images, videos, banners, etc. you notice them everyday – they aren’t clear looking. Notice here on a picture I took from Core-PHP:


Core-PHP WordPress Logo for Their Front Page

Notice how it’s not too sharp? That’s the problem. This image is a JPG (A.K.A. JPEG). That’s exactly what happens when you put an image created using a computer (whether it’s a Mac or PC) is saved as a JPG. Keep in mind, a JPG isn’t all bad. For it to work with vector graphics, or any high quality graphic, you need a bulky file – so it’s almost impossible to compress without any problems. Here’s another example:


A Zoomed Demonstration

This file format should be used only with photos. That’s all. If you made Photoshop adjustments, it’ll be OK, but make sure it’s good looking. Test it out before it’s online. To test it out, download a copy of all common browsers, or ones that are for your website. Type up some markup and open the file in the browser. Here are common browsers:

  • Opera
  • Safari
  • Firefox
  • [Google] Chrome
  • IE (this one is known for problems.)

Part 2: PNG, for Everything Else

If you have regular graphics, you should use PNG files. Portable Network Graphics are really common over the internet. They’ll be used for still images in high quality. Just use PDN or Photoshop to turn GIF files to PNG files, if you are used to GIF. Here’s an article about 8-bit alpha – why you should switch from GIF to PNG.

So, GIF files are great for animation, but you should use Flash SWF files instead – they even have better resolution (duh). PNG’s are for still graphics, and JPG’s (or JPEG’s) are for photographic wonders.