SEO & Social Media Tips

Its shows what all cms or technology site uses in the address bar in the form of icons. When you hover on icon you can get the names.

https://addons.mozilla.org/en-US/firefox/addon/wappalyzer/
============================
Good tool to debug quality of javscript code

Ref Url:-

http://jslint.com/
============================
Style for Andorid devices with all new version support-

@media only screen and (min--moz-device-pixel-ratio: 1.5),
    (-o-min-device-pixel-ratio: 3/2),
    (-webkit-min-device-pixel-ratio: 1.5),
    (min-device-pixel-ratio: 1.5) {

.mycss {
    background:yellow;
  }
}
=============================
2)WP Free Themes with lots of categories-

http://fthemes.com/
=============================
Please see another Responsive Front-end Framework, it’s simple and easy to understand-

http://foundation.zurb.com/

We have worked on this framework in below our project-

http://theia.webcity.com.au/~lod33005/newwp
===============================
See the difference between jquery.min.js and jquery.js

jquery.min.js is a compressed version of jquery.js (whitespaces and comments stripped out, shorter variable names, ...) in order to preserve bandwidth. In terms of functionality they are absolutely the same. It is recommended to use this compressed version in production environment.

JS file minified means they will load faster
=================================
Awesome link to learn Wordpress more in technical aspect also

http://wp.tutsplus.com/
=================================
Useful link to target Mobile device through css-

http://pugetworks.com/blog/2011/04/css-media-queries-for-targeting-different-mobile-devices/
=================================
What is a responsive theme?
A responsive theme (as the one used for this website), is an approach to web development that allows a website to break itself down smoothly across multiple monitor sizes, screen resolutions, and platforms, be it a computer, tablet or mobile device. It allows the developer to create a site that is optimized for each platform, both in navigation, readability and load time.


As you can see when resizing the window (if you are viewing this site on a computer), the layout of the page shifts depending on the size of the screen; with different layouts for content depending on viewing area. Themes (or layouts) such as this, allow for a single site and single look to the site, to be viewed on various devices without the need for additional themes or resizing by the user.
================================
Now we can create any of our site mobile version with the help from google, please try from below link-

http://www.howtogomo.com/en/d/get-started/#build-your-site
(click on BUILD YOUR FREE SITE NOW)
=================================
Hello Team,

I would like to share with all that We have created our new Static Application in “JQUERY MOBILE” (no any functionality added from backend)
With Additional feature of HTML5, CSS3, and Retina Display New*.

URL-

(Please Click on “Login as Guest” link for inner Pages, please follow arrows and buttons, need assist pl revert me anytime)


Additional Features-

1:- Use JQUERY MOBILE
2:- Smoothly Working in Tabs/IPAD Demo
3:- Pure CSS3 Elements Effect and Codes
4:- Updated HTML5 Technology
5:- Retina Display (for sharpen Images, mentioned more below)
And many more……..


Short Description about Retina Display:
Ratina Display : The Retina display uses technology called IPS (in-plane switching) — the same technology used in the Apple LED Cinema Display and iPad — to achieve a wider viewing angle than on typical LCDs. Which means you can hold iPhone almost any way you want and still get a brilliant picture. That’s perfect when you’re sharing photos with a friend or moving your iPhone around while playing a driving or flying game. In addition, the Retina display offers four times the contrast ratio of previous displays, so whites are brighter, blacks are darker, and everything is more beautiful.
Click me to know more about Retina Display J


kindly share your valuable comment/suggestions/guidance to more Improve.


For Best view please use chrome/Iphone/Ipad/Morzila(above 12.0 version) some css3 features are not working on Android
======================================
You can fine  the responsive code of email template from this links

http://www.zurb.com/playground/responsive-email-templates
=================================
You can check html code quality for this links.

http://squizlabs.github.com/HTML_CodeSniffer/
=================================
http://cssrefresh.frebsite.nl/
===============================
Viewport resize is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page.
The smartest way to share your defined environment of devices and breakpoints directly with your team and client. However, this bookmarklet should not replace a real device simulation. It rather helps you, your team and client testing statuses, transitions, text length etc. throughout different device types.

http://lab.maltewassermann.com/viewport-resizer/
================================
Please have a look below link in which some “Basic tips about responsive design” which is helpful for create Responsive Web site….

http://www.downgraf.com/inspiration/basic-tips-about-responsive-design/
=================================
sachincubek.wix.com/sachin


(http://www.wix.com/)create your website

=========0=================================================