Daily Tips

Bootstrap Accordion Collapsible Icons:
function toggleChevron(e) {
    $(e.target)
        .prev('.panel-heading')
        .find("span.indicator")
        .toggleClass('minus-icon plus-icon');
}
$('#accordion').on('hidden.bs.collapse', toggleChevron);
$('#accordion').on('shown.bs.collapse', toggleChevron);

Bootstrap drop down-menu not working : (link here)
$(document).ready(function(){
    $('.navbar .dropdown').hover(function() {
        $(this).find('.dropdown-menu').first().stop(true, true).delay(300).slideDown();
    }, function() {
        $(this).find('.dropdown-menu').first().stop(true, true).delay(50).slideUp()
    });
});

For Responsive and Crop Image fit in the Div/Container with any  required size:-
img {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;
}


The iconic font designed Scalable vector graphics with css 
The  CSS Selectors you Must Remember


General equation in terms of baseline font sizes in CSS:
100% = 1 em ~= 16px ~= 14pt



How to Add Syntax Highlighting to Any Project
Using Inline SVGs With HTML5
A First Look at the HTML5 History API
Toying With the HTML5 File System API
How to Inject Custom HTML and CSS into an iframe
PhotoBooth - Webcam image capture
Flash Webcam Image Capture: Photo Booth
Photo Booth – Flash Webcam Image Capture
Validating Form Fields Using JavaScript in FrontPage
5 Ways to Make Ajax Calls with jQuery
Fix CSS Pseudo Hover in IE
Search form crafted beautifully using CSS3 and JavaScript.


Directorysubmission list for SEO

DirectoryRoll is sharing this social bookmarking list with webmasters

Google Chart Gallery
Learning OOP in PHP ASAP!
You Want to Accept Credit Cards Online?
Spriting made easy and combine background images into a CSS sprite
Ultimate CSS Gradient Generator
All CSS3 Generator
Excellent & Recent jQuery Plugins
Sticky Sidebar jQuery plugin 

Database Searching Techniques with SQL
How to Generate a Complete Excel Spreadsheet From MySQL

Free Vector Art, Premium Vector Art, Stock Vectors

Disable Javascript Error in IE Browser
<script type="text/javascript"> 
function noError(){return true;}
window.onerror = noError; 
</script>

Styling an input type="file"


This CSS box model problem occurs in IE5.x, and can occur in IE6, depending on how you declare the ISO value in the HTML code. There are two ways of doing this:
  • <?xml version="1.0" encoding="iso-8859-1"?>
  • <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />


Free Music Players For Your Website

FLV to MOV Converter

Flash swf in html or web pages, for perfect passed validation purpose use swfobject below link here
Either download swfobject_2_x.zip from the Downloads or swfobject_2_1.zip

CSS3 Search Form with simple javascipt write in input field   onblur="if (this.value == '') {this.value = 'Search here...';}" onfocus="if (this.value == 'Search here...') {this.value = '';}" type="text" value="Search here..."


 flash object code in html code for transperent background, For removing z-index problem in html page and dropdown menu in html is hidden behind embedded flash object
 1 step:  past  after param tag
<param name="wmode" value="opaque" /> 
2 step: past in the embeded tag
wmode="transparent"
 
Auto-Refresh your Browser when you people Designing a new Sites
<meta http-equiv="refresh" content="3" /> 
Note:This Placed within the head tag of your document, this meta tag will instruct the browser to refresh every three seconds.

only in IE7 the submenu appear under my page's content. I use I use bgframe plugin for Superfish menu.
$("ul.sf-menu").superfish({ speed: 'fast', autoArrows: false // disable generation of arrow mark-up })
find('ul').bgIframe({opacity:false});   

Cross Browser Opacity.
transparent_class { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }

PNG Hack/Fix for IE 6
For CSS background-images .
yourselector { width:200px; height:100px; background: url(/folder/yourimage.png) no-repeat; _background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/folder/yourimage.png',sizingMethod='crop'); }

For inline HTML images img,
.png { position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); }
(Note : This requires a 1x1px transparent GIF image)  

You need Center of the Template or Background just take like below code:
.wrapper{
width:800px;
height:630px;
margin: -300px 0px 0px -400px;
top: 50%;
left: 50%;
position: absolute;
background: url(../images/bg.jpg) center center no-repeat;
}

How To Embed SWF, FLV, MP4 Flash Video In Any Webpage with images or without images. So past your urls and get Embeded code... follow this link www.osflv.com