Is there a way to change YouTube player skin?
Many of you have tried embedding YouTube video in webpage using EMBED tag. It’s very easy. Just copy the code and paste it in webpage, it will start streaming video. You may think, what’s new here? Yes, you are right there is nothing tricky here. …
Use a CDN to improve your website’s performance
“80-90% of the end-user response time is spent downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Rather than starting with the difficult task of redesigning your application architecture, it’s better to first disperse your static content. This will achieves a bigger …
Book Review: High Performance Web Sites – Steve Souders
High Performance Web Sites by Steve Souders is one of the most important books front end engineers should read to be able to develop a proper web sites. In 14 chapter, you will know 14 of the best tips to enhance the performance of your …
How to reduce the size of JavaScript & CSS file?
Compress JavaScript / CSS file with the help of gzip:- With the help of php ob_start() function we can create gzip file for JavaScript. <?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?> We can use above code at the beginning of the JavaScript and <? …
How to get domain name from URL using javascript.
Use following javascript function to get domain name from URL. function fnGetDomain(url) { return url.match(/://(.[^/]+)/)[1]; } For ex: <script language=”javascript”>fnGetDomain(“http://mail.google.com/mail/?source=navclient-ff”);</script> will return “mail.google.com”
How to apply TinyMCE editor only to specific Textarea?
>By default, TinyMCE applies to every textarea of a HTML page. There is a way to make it only load on like <textarea id=”mceEditor”>. just add the attribute ‘editor_selector’ in tinyMCE.init . The value for this attribute is a css class name which should be …
Edit whatever you want on any page – Images, Texts
>Open any web page, clear the address bar, and paste the code: javascript:document.body.contentEditable=’true’; document.designMode=’on’; void 0; and hit enter. Feel free to edit whatever you want on the page. With Firefox, you can even edit and save the modified pages to your computer.
Best Practices for Speeding Up Your Web Site – Yahoo! CDN
>Minimize HTTP Requeststag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number …
Debugbar – firebug for IE, IETester, Companion.JS – Javascript debugger for IE
>Lots of web developers love Firebug in FF, but it’s hard to debug anything in IE or No proper debugger tool is there for IE. Today I came across a debugger tool for IE – Debugbar It’s an Internet Explorer plug-in that brings you new …
Yahoo! Media Player (BETA) launched on 8th Jan 2008
>The Yahoo! Media Player enhances your web site or blog by creating an embedded player for each audio link. All the links can be played with one click, turning the page into a playlist. This is done by adding Yahoo! JavaScript for Media Player to …