Checking Browser supports in Frontend

http://caniuse.com/

http://www.quirksmode.org/compatibility.html

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Cascading_Style_Sheets)

http://www.positioniseverything.net/

https://developer.mozilla.org/en/docs/Mozilla_CSS_support_chart

http://blog.chromium.org/

Frontend Development Tools

Very useful tools https://github.com/codylindley/frontend-tools

http://gruntjs.com/

Responsive Frameworks
http://www.awwwards.com/what-are-frameworks-22-best-responsive-css-frameworks-for-web-design.html

Download FB Video

http://fbdown.net/index.php?error=1

UI Design sites

UI Design sites 
1. http://patterntap.com/
2. http://www.smashingmagazine.com/2009/06/15/40-helpful-resources-on-user-interface-design-patterns/
3. http://pttrns.com/
4. http://ui-patterns.com/

CSS Rules - Important

#css #rules- 
h2.subheading {color:blue;}
div#sidebar{font-size:80%;}

#this means h2 tag WITH subheading class , color will be blue

div tag WITH sidebar id, font size will be 80%

no space means WITH

Change Joomla Favicon Icon

#change #joomla favicon icon easily 
plugins/system/jat3/base-themes/default/images

 

#css3  ID vs CLASS- ID: only uses per page , CLASSES reuse again and again every page all the time