Your websites open the doors to the vast online market of World Wide Web. So it is must to make it more attractive to grab the attention of maximum online hunters to sell your products and services.
It is must to put the navigation menu in simple but systematic way. Visitors should not feel any difficulty or confusion in getting important menus. This makes your website an attractive exhibition place loved by online visitors to shop their desired products and services.
Images can add beauty to website and can attract more eyeballs. But when you fill your website with more images it makes the website to appear slowly and also unpleasant. So, in case if you feel image as an inevitable factor for your website, optimize the image and place it in the proper place and in size to enhance the beauty of your website.
No doubt content is king. But remember king can rule or ruin the world. Content or text is not different from the scene. It can add beauty or kill the quality of your website. Keep your content simple, short and reader friendly. Don’t use tough words which hold the mind of reader for a second disturbing the flow. If you need long text content, divide it and present it in separate paragraphs.
Sometime your website smiles in the top in internet explorer but strive horribly to make its presence in Opera or Firefox. So, don’t forget to make your website to meet the standards at w3.org to win all the search engines.
It is better to avoid the use of scripting languages to create visual effects for your website. It is better to use it only to handle or manipulate data. Make use of scripting languages only on unavoidable grounds as heavy scripts takes long time to load the website and can even crash some browsers. Since all browsers don’t support scripts, some of your visitors may skip out from your important information.
Make use of CSS style for your web page content as they can arrange all elements of your website in stylish manner within in a single trip.
Hi i am a web and graphics designer for the last 4 year. Now i am working in a media company.
Tuesday, October 26, 2010
3 most importaint Tips to Spice up your WordPress Themes
WordPress blogs are most widely used and countless in numbers, that’s why you need to concentrate on little things to stand out of the crowd.
1) headline & body font sizes
2) color combination
3) menu & widgets organization
1) headline & body font sizes
Your readers should feel comfortable on your site. If you force them to read small letters and non-distinctive headlines, you’re playing a dangerous game with their trust.
For example, I wear glasses. If I need to focus very hard on every other sentence, I bet you can imagine it doesn’t give me much pleasure.
While it’s a bad idea to have extremely large letters, google up a few successful blogs from your niche and you’ll see that vast majority won’t have miniature letters.
2) color combination
We all like different sets of colors, in this case you should remember that one can’t please everybody. On the other hand, there are several colors which shouldn’t be used as a dominant color on your websites intended for business purposes.
Avoid aggressive colors like:
* purple
* pink
* red (red is actually great for important headlines, but not for your background)
* teal
Then there are “boring” colors, such as:
* brown
* dark green
* fallow
* midnight blue
3) menu & widgets organization
Imagine a perfect reader came to your site. You created a blog exactly for this type of person, what would you have him do? Try and test if your intended actions can even be done in the order you’d like.
* make your categories well visible
* include a distinctive, general call to action (e.g. list subscription)
* do not use invading pop-ups and other such things
* position your search bar somewhere on the top
1) headline & body font sizes
2) color combination
3) menu & widgets organization
1) headline & body font sizes
Your readers should feel comfortable on your site. If you force them to read small letters and non-distinctive headlines, you’re playing a dangerous game with their trust.
For example, I wear glasses. If I need to focus very hard on every other sentence, I bet you can imagine it doesn’t give me much pleasure.
While it’s a bad idea to have extremely large letters, google up a few successful blogs from your niche and you’ll see that vast majority won’t have miniature letters.
2) color combination
We all like different sets of colors, in this case you should remember that one can’t please everybody. On the other hand, there are several colors which shouldn’t be used as a dominant color on your websites intended for business purposes.
Avoid aggressive colors like:
* purple
* pink
* red (red is actually great for important headlines, but not for your background)
* teal
Then there are “boring” colors, such as:
* brown
* dark green
* fallow
* midnight blue
3) menu & widgets organization
Imagine a perfect reader came to your site. You created a blog exactly for this type of person, what would you have him do? Try and test if your intended actions can even be done in the order you’d like.
* make your categories well visible
* include a distinctive, general call to action (e.g. list subscription)
* do not use invading pop-ups and other such things
* position your search bar somewhere on the top
Thursday, October 21, 2010
WebPages in multiple browsers and operating systems with Adobe BrowserLab
Done with your layout of the webpage and now wanted to test your webpage in different browsers and in different operating systems, but having only limited browsers on your machine, and wanted to check cross-browser compatibility of the layout of your WebPages in different browsers..
How to add !important when you are using css method in jQuery
Most of the developers might have faced this situation where they need to add !important while using css method in jQuery. Mostly we need to avoid using !important in our CSS style sheets but in some situations we are forced to use the same. For example: when we want to change the font-size of sub elements under a parent element because of some inheritance the font-size might not change, in these scenarios – most of the developers forcefully apply !important as a simple work-around.
If you want to add !important dynamically while using css method, then here is the way to do so.
When we add the above line into your page, it will render like below, assuming that it has been applied to a div of id named ‘add Important’:
If you want to add !important dynamically while using css method, then here is the way to do so.
$("#addImportant").css("cssText","font-size:15 !important;");
When we add the above line into your page, it will render like below, assuming that it has been applied to a div of id named ‘add Important’:
<div id="addImportant" style="font-size:15px !important"></div>
The above snippet has helped me in resolving one of the task which I
need to complete, and hope this might help you some situation.
Wednesday, October 20, 2010
Career Blog Can Do For You
Keeping an eye out for your career’s future is important for everyone.
Following you’ll find five career blogs that are essential reading for web designers. They’ll provide insight on how to keep your career fresh, as well as give you important tips on finding your next job and marketing your skills appropriately.
1) Smashing Magazine
Smashing has one of the largest design related on the web, so you’ll find lots of useful information on their site. They also offer tutorials on lots of design programs. Their job database is quite large and is segmented into full time and freelance positions, making it easy to find exactly what you’re looking for.
2) Css mania
They also offer tutorials on lots of design programs.
Following you’ll find five career blogs that are essential reading for web designers. They’ll provide insight on how to keep your career fresh, as well as give you important tips on finding your next job and marketing your skills appropriately.
1) Smashing Magazine
Smashing has one of the largest design related on the web, so you’ll find lots of useful information on their site. They also offer tutorials on lots of design programs. Their job database is quite large and is segmented into full time and freelance positions, making it easy to find exactly what you’re looking for.
2) Css mania
They also offer tutorials on lots of design programs.
Free Mobile & Web Application Icons
have collected some cool icons for your current and future projects.Check this link now.
http://naldzgraphics.net/freebies/30-free-mobile-web-application-icons/
http://naldzgraphics.net/freebies/30-free-mobile-web-application-icons/
40 free HTML/CSS Templates
Here is a collection of 40 Free Beautiful HTML/CSS Templates that you can download anytime and whenever you’re in need of free high-quality html/css themes, through this link.
http://naldzgraphics.net/freebies/40-free-beautiful-htmlcss-templates/
http://naldzgraphics.net/freebies/40-free-beautiful-htmlcss-templates/
Productivity tips for working at home
I have read this article and i am impressed this article to Set Yourself Up to be Successful.
You can set yourself up to be successful by knowing where you are weakest. If you are the weakest in being able to self-motivate then create a scenario of work, fun, work, exercise, work, TV. If there is a particular show on TV that you like to watch at 10 AM, then determine a portion of the current graphic design project you want to have complete, then watch your show.
If concentration is your weakness, then purposefully build up your concentration endurance by focusing for 30 minutes only, then get up and walk out in the back yard and pull some weeds then sit back down for 30 minutes again.
Have two or three places when you can do your work. Do you have a back porch on your house? Take your laptop and work a portion of the day on the lounge chair. Do you have a favorite recliner in the den or living room? Do a portion of your work day with your feet up. Do not hold a prison term mentality to your home-based business.
You can set yourself up to be successful by knowing where you are weakest. If you are the weakest in being able to self-motivate then create a scenario of work, fun, work, exercise, work, TV. If there is a particular show on TV that you like to watch at 10 AM, then determine a portion of the current graphic design project you want to have complete, then watch your show.
If concentration is your weakness, then purposefully build up your concentration endurance by focusing for 30 minutes only, then get up and walk out in the back yard and pull some weeds then sit back down for 30 minutes again.
Have two or three places when you can do your work. Do you have a back porch on your house? Take your laptop and work a portion of the day on the lounge chair. Do you have a favorite recliner in the den or living room? Do a portion of your work day with your feet up. Do not hold a prison term mentality to your home-based business.
Showcase of Logo Designs
A very popular new trend in the world of design is the use of spectrum colours in logo design,rainbow. Enjoy and see this link....
http://psd-tutorial.com/showcase-of-logo-designs-featuring-the-colours-of-the-rainbow/
http://psd-tutorial.com/showcase-of-logo-designs-featuring-the-colours-of-the-rainbow/
99 Resources for Web 2.0 Design
99 resources is the best resources for the web 2.0 i hop you will well use for this resource of our the web designing.Link is here
http://vandelaydesign.com
http://vandelaydesign.com
Grate photoshop layout for html templates
It is a grate photo shop design template link for designer to create a excellent template through this link i hope this link is for the best way to teach a good photo shop layout i a future.
http://www.rapidxhtml.com/portfolio.html
http://www.rapidxhtml.com/portfolio.html
25 Beautiful Examples of CSS and jQuery Drop down Menu Tutorials
My point of view this is grate example for learning css and j query menus for designers and i hope it is a good for you.
Mega Drop Down Menus w/ CSS & jQuery
Sexy Drop Down Menu w/ jQuery & CSS
Create The Fanciest Dropdown Menu You Ever Saw
Outside the Box” Navigation with jQuery
Create Vimeo-like top navigation
Easy to Style jQuery Drop Down Menu Tutorial
Solution For Very Long Dropdown Menus
Designing the Digg Header: How To & Download
Simple jQuery Dropdowns
Slide out and drawer effect
Building a dynamic drop down menu
Create a multilevel Dropdown menu with CSS and improve it via jQuery
Making A Cool Login System With PHP, MySQL & jQuery
A Different Top Navigation
How to Build and Enhance a 3-Level Navigation Menu
CSS3 Dropdown Menu
Reinventing a Drop Down with CSS and jQuery
jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready
CSS Techniques Roundup - 20 CSS Tips and Tricks
- Rounded Corners
- Rounded Corners without images
- Creating a Netflix style star ratings
- Tableless forms
- Styling Lists with CSS
- 2 Column Layout Technique
- 3 Column Layout with CSS
- 3 Column Fixed width centered layout
- Printing with CSS
- Adding a CSS stylesheet to an RSS feed
- Footer Stick
- CSS Element Hover Effect
- Styling Horizontal Rules
- Clearing Floats
- CSS Popups
- Box Punch
- CSS Badge
- Orange RSS Buttons with pure CSS
- 10 CSS Tricks you may not know
- 10 More CSS Tricks you may not know
Html and css good tutorial website link
I think it is good web designing tutorial links for my point of view and this link to grate help for increase your designing skill as well as coding skill.
1 ) http://www.cssmania.com/
2 ) http://www.psdvault.com
3 ) http://www.smashingmagazine.com
4 ) http://www.webpsdtutplus.com
1 ) http://www.cssmania.com/
2 ) http://www.psdvault.com
3 ) http://www.smashingmagazine.com
4 ) http://www.webpsdtutplus.com
IE and Width and Height Issues
E has a rather strange way of doing things. It doesn't understand the min-width and min-height commands, but instead interprets width and height as min-width and min-height -- go figure!
This can cause problems, because we may need boxes to be resizable should we need to fit more text into them, or should the user resize the text. If we use only the width and height commands on a box, non-IE browsers won't allow the box to resize. If we only use the min-width and min-height commands, though, we can't control the width or height in IE!
This can be especially problematic when using background images. If you're using a background image that's 80px wide and 35px high, you'll want to make sure that the default size for a box using this image is exactly 80 x 35px. However, if users resize the text, the box size will need to expand gracefully.
To resolve this problem, you can use the following code for a box with
All browsers will read through the first CSS rule, but IE will ignore the second rule because it makes use of the child selector command. Non-IE browsers will read through the second one, which will override the values from the first rule, because this CSS rule is more specific, and CSS rules that are more specific always override those that are less specific.
This can cause problems, because we may need boxes to be resizable should we need to fit more text into them, or should the user resize the text. If we use only the width and height commands on a box, non-IE browsers won't allow the box to resize. If we only use the min-width and min-height commands, though, we can't control the width or height in IE!
This can be especially problematic when using background images. If you're using a background image that's 80px wide and 35px high, you'll want to make sure that the default size for a box using this image is exactly 80 x 35px. However, if users resize the text, the box size will need to expand gracefully.
To resolve this problem, you can use the following code for a box with
class="box":.box
{
width: 80px;
height: 35px;
}
html>body .box
{
width: auto;
height: auto;
min-width: 80px;
min-height: 35px;
}All browsers will read through the first CSS rule, but IE will ignore the second rule because it makes use of the child selector command. Non-IE browsers will read through the second one, which will override the values from the first rule, because this CSS rule is more specific, and CSS rules that are more specific always override those that are less specific.
5
Subscribe to:
Comments (Atom)