Jun 29th, 2009 | No Comments

Lately I’ve been working on performance issues. I could figure out some of the issues using the YSlow plugin of firefox. It looks at various things in your site. It rates your site based on certain parameters one of the parameter that I have been working on was Javascript compressor.

There are various ways you can compress your Javascript. You can have a plugin installed, you can find HTTPHandlers and HTTPModules which will do the work for you.

Just in case you are still not able to compress your Javascript files, here is the site that will do that for you, http://javascriptcompressor.com/ just paste your javascript file and the site will compress that for you.

Similarly, you need to compress your CSS as well to improve your site performance. Here is the link forĀ  CSS compressor, http://www.cssoptimiser.com/

Hope this helps :-)

Written by Ajay Matharu

June 29th, 2009 at 11:46 am

Apr 9th, 2009 | No Comments

Usage:

document.getElementById(div_id).style.JS_property_reference = “new_CSS_property_value”;

CSS PropertyJavaScript Reference
backgroundbackground
background-attachmentbackgroundAttachment
background-colorbackgroundColor
background-imagebackgroundImage
background-positionbackgroundPosition
background-repeatbackgroundRepeat
borderborder
border-bottomborderBottom
border-bottom-colorborderBottomColor
border-bottom-styleborderBottomStyle
border-bottom-widthborderBottomWidth
border-colorborderColor
border-leftborderLeft
border-left-colorborderLeftColor
border-left-styleborderLeftStyle
border-left-widthborderLeftWidth
border-rightborderRight
border-right-colorborderRightColor
border-right-styleborderRightStyle
border-right-widthborderRightWidth
border-styleborderStyle
border-topborderTop
border-top-colorborderTopColor
border-top-styleborderTopStyle
border-top-widthborderTopWidth
border-widthborderWidth
clearclear
clipclip
colorcolor
cursorcursor
displaydisplay
filterfilter
fontfont
font-familyfontFamily
font-sizefontSize
font-variantfontVariant
font-weightfontWeight
heightheight
leftleft
letter-spacingletterSpacing
line-heightlineHeight
list-stylelistStyle
list-style-imagelistStyleImage
list-style-positionlistStylePosition
list-style-typelistStyleType
marginmargin
margin-bottommarginBottom
margin-leftmarginLeft
margin-rightmarginRight
margin-topmarginTop
overflowoverflow
paddingpadding
padding-bottompaddingBottom
padding-leftpaddingLeft
padding-rightpaddingRight
padding-toppaddingTop
page-break-afterpageBreakAfter
page-break-beforepageBreakBefore
positionposition
floatstyleFloat
text-aligntextAlign
text-decorationtextDecoration
text-decoration: blinktextDecorationBlink
text-decoration: line-throughtextDecorationLineThrough
text-decoration: nonetextDecorationNone
text-decoration: overlinetextDecorationOverline
text-decoration: underlinetextDecorationUnderline
text-indenttextIndent
text-transformtextTransform
toptop
vertical-alignverticalAlign
visibilityvisibility
widthwidth
z-indexzIndex

Written by Ajay Matharu

April 9th, 2009 at 11:17 am

Posted in CSS,Javascript,Web

Tagged with , ,

Page 1 of 212