Essential Resources for Web Designers & Developers

Its the last day of the designer and developer, when they stop updating their built-in memory database with the latest technology, standards, trends and so on. But problem arises which are the best site’s to read and refer. A google search ends up with 2 million site results, and you don’t want to browsing every site to find the best, so I have done
that for you, that definitely you wouldn’t think twice to bookmark it for a daily read.

1. Hongkiat.com
Hongkiat
A site that exclusively features tips, tricks and tutorials for designers, bloggers, developers, techies, and tech readers.
Continue reading

Frames for Images in Blog Posts

Want your images in your blog posts to look more attractive and capturing than the regular plain display.
Then lets customize is at you want.

Now you might be wondering, do I have to work on Photoshop, or write Javascripts, or know lot of coding.

NO!! NO!! NO!!

Its a simple fix with CSS and CSS3 trick. Just a small fix, and you have a new good-looking blog/website for you.

How you do it?
Continue reading

CSS Customized Tool Tips

All those who know the basics of HTML and CSS know whats a tool tip and for those who dont, just hover here.

Now every browser gives its own small different styles for tool tips, but consider you want to provide more information in this tool tip, include image or some flashy details, and thats when you are in a fix and thats when you can use this simple solution, which doesn’t even take much of coding at all. No Javascript or any other scripts or any flash content, just the ordinary CSS and HTML.

Example:

Continue reading

CSS Border Radius

Its always good to customize the look and feel of whats normal to eye. Everyone knows how to draw a square, but giving it a new look what makes it look better and catchy.
CSS3 introduces a new style that will give a new look to your ancient square looks.

Here’s an example
Border-Radius This should work fine in IE9+, Firefox 4+, Chrome, Safari 5+, and Opera.
Now the above part is all done using simple CSS attributes with one property, Border-Radius
Continue reading

How to Create Transparent/Faded Image or Div

Its been quite a wish for a lot to fade or make an image or div transparent just with the CSS code, and it was quite just a thought, which is actually now possible.

Though its not a standard CSS code, but W3C CSS3 recommended one, which do work in most of the major new browsers.

The CSS code,
Continue reading

CSS pseudo:hover Class Fix

To all the people people who keep playing around with CSS, you might be or might not be familiar with the “pseudo:hover” class.

What it does?
Pseudo:hover class is commonly used to display content to a user, based on interaction of the user with elements on a website or webpage. More like, the user hovers a link, where then a drop down (menu) or set of other links or content is displayed for the user. So now you got the clear cut idea of whats “:hover” class is more likely used for.

#div .parent, a, img {regular state}
#div .parent:hover, a:hover, img:hover {alternative state}

It works fine in all the browsers, Chrome, Safari, Mozilla Firefox, and also in IE 9, 8, 7. The problem arises when we come to our dead browser IE 6, and you know what www.w3cschool.com states that 3.2% of all internet users are still browsing with IE6 and below. Now when it comes to developers and clients who persist on this, no matter how many new generation browsers we have, the client just wants a fix. And to your good news, there is a fix for this issue.
Continue reading

Read More Tag for Blogger

It had been a long time back, when all the posts made on blogspot were posted in its full size on the front page, making all your readers to scroll down to find the next post, and by the time he/she would find it, they would be massaging their fingers by scrolling so much.

Good news is here for all bloggers, a new Read more tag has been introduced, so that you just have a small snippet or a first paragraph shown in the front page, and if the reader wants to read more he/she can just click on it, and read it the whole.
Continue reading