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.

10. 

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

9.

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).

8.

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

8.

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

7.

Be a man.

6.

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

5.

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.

4.

This is why people started wearing V-Necks.

3.

This is funny.

2.

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

1.

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

 

 

 

 

 

 

8 Great Free Icon Sets

1. Marker Style Icon Sets

 

https://i1.wp.com/icondock.com/wp-content/uploads/2010/07/marker-sample-usage.gif

Preview

 

2. Hand Drawn Sketchy Social Networking Icons

 

https://i1.wp.com/www.blog.spoongraphics.co.uk/wp-content/uploads/freebies/social-sketch-icons/sketch-social-icons-sm.jpg

Preview

 

3. 20 Free Shiny Icons

 

https://i2.wp.com/icondock.com/wp-content/uploads/2009/12/shiny-64px-preview.jpg

Preview

 

4. 108 Free Crumpled Paper Social Networking Icons.

 

https://i1.wp.com/webtreats.mysitemyway.com/wp-content/gallery/cache/3__608x608_01-crumpled-paper-icons-webtreats-preview.jpg

Preview

 

5. Glossy Wood Social Networking Icons

 

https://i0.wp.com/webtreats.mysitemyway.com/wp-content/gallery/cache/120__608x608_01-glossy-waxed-wood-social-networking-icons-webtreats-preview.jpg

Preview

 

6. Developers Icons

 

https://i1.wp.com/fc03.deviantart.net/fs27/i/2008/035/5/d/Developpers_Icons_by_Sekkyumu.png

Preview

 

7. FAMFAMFAM Silk Icons

 

https://i2.wp.com/www.dezinerfolio.com/wp-content/uploads/2007/09/famfam.gif

Preview

 

8. ChalkWork Icons

 

https://i2.wp.com/www.opensourcehunter.com/wp-content/uploads/2010/01/chalkwork.jpg

Preview

 

Design Inspiration #2

Websites

Logos

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.

Websites

https://i2.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/07/Nhdist-l.jpg

New Hamphshire Distributers, inc., http://www.nhdist.com/

Illustration

https://i0.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/07/Thank-you-for-those-days-l.jpg

Thank you for those days

https://i1.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/07/Earth-l.jpg

Earth

https://i1.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/07/Davy-jones-l.jpg

Davy Jones

https://i0.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/07/Battle-at-HU-Lao-Gates-l.jpg

Battle at HU Lao Gates

Logos

https://i1.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/07/Reforger-Films-l.jpg

Reforger Films

https://i2.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/07/Airtistic-l.jpg

Artistic

https://i1.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/06/Wine-Bottega-l.jpg

Wine Bottega

Flash Inspiration

Nitrome, Free Online Flash Games:

https://i0.wp.com/img2.pict.com/59/dd/a1/3809507/0/1279543889.jpg

Some of Nitrome's Games

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

https://i0.wp.com/img2.pict.com/9d/6e/2a/3809526/0/1279544179.jpg

The Smarter City, Screenshot

Philter Design Studios, 3D Flash (again):

https://i0.wp.com/img2.pict.com/2f/41/97/3809546/0/1279544493.jpg

Philter Design Studios, Screenshot

Immersive Garden, Flash Website:

https://i0.wp.com/img2.pict.com/86/83/32/3809551/0/1279544618.jpg

Immersive Garden, Screenshot

Huge Inspiration for the Designer

Websites

Liftux.com:

cc

Lift

Designeus.hr:

https://i0.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/07/Designeus-l.jpgd

Designeus

Wireframeplus.com:

https://i2.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/07/Wireframe-Plus-l.jpg

Wireframe Plus

Fatihtanriverdi.com:

https://i0.wp.com/maxcdn.thedesigninspiration.com/wp-content/uploads/2010/07/Fatih-Tanriverdi-l.jpg

Faith Tanriverdi

Illustration

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:

Cr

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:

dasf

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.