Tips for Web Designers, Developers, and Bloggers

Posts tagged ‘sites’

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.

 

 

 

 

 

 

5 Really Awe Inspiring Javascript Projects

1. The Wilderness Downtown (http://www.thewildernessdowntown.com/). You wouldn’t want to miss this HTML 5 experiment for anything!! Just spend a few minutes and take a trip down memory lane.

ad

The Wilderness Downtown

2. Google Gravity (http://mrdoob.com/projects/chromeexperiments/google_gravity/). You could play this as a prank and tell others that you hacked Google or something.

ad

Google Gravity project (Mr. Doob)

3. Ball Dropping Chrome Experiment.

Ball Dropping Chrome Experiment

4. Keylight Experiment (http://www.chromeexperiments.com/detail/keylight/).

adsf

Keylight Experiment

5. Water Type (http://mrdoob.com/123/Water_Type_HTML5)

Water Text

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

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.

3 Twitter Icons

In this post, I’ll link to (and provide screenshots) of cool Twitter icons that I found. The idea hit me today. Every good blogger/website designer should have a neat and unique Twitter icon to go with the theme of their website. And finally, I know that only 3 twitter icons is a really low number (and other posts that I saw had 100+), but I’m just getting used to the webdesign blog.

1. At first, when I thought of this post, I found a twitter Icon on “CorePHP.com“. The website itself didn’t appeal to me much, but the twitter icon did. It seemed like a great idea to make a bird poke through the wall saying, “Follow me on twitter!!”

cs

Core PHP's neat Twitter Icon

2. Here’s an icon set that is like no other. Though the icon set doesn’t look related at all, something that really spoils it, each individual icon is looking great! This icon may be a bit too large on the top, so if you’re going to use this set, remember that an over sized footer is a trend.

twitter social icons 100+ Remarkably Beautiful Twitter Icons And Buttons

A cool twitter icon from a set of six remarkable buttons.

3. This comes from another remarkable set, this time from a set of only twitter icons!! It’s called “TwitterFun.” I chose what I thought was the best one from the pack, the one with a bird upon a blimp. Fun, huh?

Another neat Twitter Icon set. Buy vector file or free PNG file.