Hi i am a web and graphics designer for the last 4 year. Now i am working in a media company.
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)