May
22

Free Zocial Button Set: Social CSS3 Buttons

5

Download The Button Set For Free

This button set is free to use and extend, personally or commercially. No attribution is required.

Features

  • 100%-vector CSS3 buttons
  • @font-face icons and custom font files
  • 72 services supported
  • Button and icon versions supported
  • Em sizing for full scalability
  • Generic primary and secondary action buttons for consistency
  • Graceful degradation on older browsers

Preview

Screenshots of each set are below. Or view a live demo.

read more

Apr
21

Audio and Video with HTML5

5

HTML5 has entered our lives for good and it is changing the way we are embedding media on our web pages. Two of the new greatest features are the <audio> and <video> elements. No more do we have to resort to Flash to serve videos and audio to our visitors. The new solutions HTML5 has to offer are really tempting but enough with the introductory words. Let’s see what <audio> and <video> do.

<audio>

The tag’s name by itself says it all. With the new <audio> element we can quickly and easily add audio to our webpages. In its simplest form, it works pretty much the same as the <img> element so we just need to use the src attribute to link to our audio file.

<audio src="audio-file.mp3">
</audio>

It is really that simple. We can even add a fallback message or another fallback solution (Flash player) in case the visitor’s browser doesn’t support the new audio element.

<audio src="audio-file.mp3">
	<p>Fallback message - Your browser does not support the audio element.</p>
</audio>

Firefox native audio player

The audio element comes bundled with some nice options. Below, we will see some of them.

read more

Apr
21

New Dribbble Freebies Published in 2012

5

The community of designers over at Dribbble are always happy to release new freebies to the public. It’s such a populated network that it can be frustrating to browse through all the newest shots looking for hidden gems. Thankfully I keep up with all the latest submissions and have put together a wonderful showcase of free downloads.

In the gallery below I’ve published 40 freebies having been released since early Q1 2012. These include full PSD graphics along with background patterns and .png icon sets. Any digital artist or web designer will surely find at least a few handy resources from this collection. Be sure to let us know your favorites in the discussion area below.

Paper Receipt

paper bill receipt PSD

read more

Apr
21

62 Popular And Promising Web Design Blogs

5

63 Popular And Promising Web Design Blogs

1. Noupe

Recently blog has been sold to SmashingMagazine, so there should be interesting things happening. Noupe passionately delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from; CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more.

Noupe

read more

Apr
21

30 Bad Practices of Web Designers

5

Every once in a while you will come across a page that just doesn’t seem ‘right’. There are three elements of a website that can be harmed by bad practice:

  • The website lacks something in its design.
  • The content is written badly.
  • The search engines don’t like something about the site.

Considering the three points above, this article will explains the do’s and dont’s of certain design habits.

1. Using ancient markup

Websites link directly to technology, and technology is about keeping updated. In the era of XHTML, we need to keep updated with the standards to have solid websites. So instead of using that <br> tag, give the <br /> a spin. Know where to self close a tag or place the doctype. For a good resource for those beginning markup, HTMLDog has good tutorials to learn how it all works.

Bad:

  • Using deprecated markup
  • Choosing not to use a doctype
  • Using table based layouts
  • Self-closing tags that shouldn’t be self-closed

Good:

  • Using the latest and greatest markup that is fully-supported
  • Always using Doctypes
  • Using <div> tags for positioning
  • Using a CSS Stylesheet
  • Validating your markup with the W3C Validator

2. Choosing invasive or distracting backgrounds

backgrounds

When the internet started, people were so amazed that they were able to publish stuff publicly that they didn’t think about readability and presentation. Choose a background that is appealing but doesn’t distract the reader.

read more

Apr
21

3 Things To Check Before Accepting Link Exchange Request

4

Yesterday I got an email from someone asking me to link exchange with his Page Rank 5 blog. He told me that he will put the link up in 24 hrs after I keel his link. I clicked the link and was amazed to see his site. His site had PR 5 with only 5-6 articles and all the articles were written on 16th May, 2011 i.e two days back. I explored his blog and at last came to the conclusion that he had a fake page rank. So, I decided to share some measure to be taken before accepting any link exchange request. Lets start:

Check if the site/blog has a fake page rank or not

You can check out my article on Madras Geek I wrote explaining about Fake Page Rank in detail

read more

Apr
6

How to Protect Your Pictures from Pinterest Pinnings

Author admin    Category Website Development     Tags
4

The interest on Pinterest has grown exponentially and users have been pinning photos from all over the internet. If your site leverages on having loads of images, this pinning fever might worry you a little – there are references to Pinterest as being the ‘haven for copyright violations’ for a reason. If you are not fond of having your valuable copyrighted photos pinned by these pinners, it may seem like there is nothing you can do to stop them, or is there?

prevent pinterest How to Protect Your Pictures from Pinterest Pinnings [Quicktip]

read more

Mar
17

91 Steps To Draw A Realistic Samsung Galaxy S2

5

final How to Draw a Realistic Samsung Galaxy S2 – Photoshop Tutorial

Step 1 – Preparing the Canvas in Illustrator

Open up your Adobe Illustrator. Make a new file in A4 size. Hit Ctrl + R to bring up the ruler. Make a new layer and name it guide. We will use this to place all our guides. Draw from the ruler onto the canvas to create a new guide. These guides are needed to help us draw the phone wireframe precisely. See the picture below for reference.

read more