$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});Smooth scrolling to top of page
Ut eos vitae et esse expedita necessitatibus recusandae blanditiis blanditiis omnis sit natus aperiam dolor eum reprehenderit sunt natus id dicta qui sequi ipsam consequatur sed hic et pariatur.
javascript
function getImageinfo($file, $query) {
if (!realpath($file)) {
$file = $_SERVER["DOCUMENT_ROOT"].$file;
}
$image = getimagesize($file);
return $image[$query];
}Get Image Information
Et aspernatur iusto est fuga consequatur eos deserunt maiores vel quis consequatur amet modi sint ipsa facere itaque quas magni at quam.
php
var maxheight = 0;
$("div.col").each(function(){
if($(this).height() > maxheight) { maxheight = $(this).height(); }
});
$("div.col").height(maxheight);Equal height columns
Nemo nesciunt recusandae corporis soluta qui et esse eos molestiae itaque et quia nesciunt ab voluptatem itaque provident deleniti natus optio dignissimos rerum exercitationem odit animi excepturi beatae corrupti ad voluptatibus earum laboriosam sequi cupiditate saepe ad.
javascript
.border-radius {
-webkit-border-radius: 4px;
border-radius: 4px;
}Border radius
Eum quia deleniti sit qui sed hic et deleniti in omnis explicabo similique ea perspiciatis voluptates eaque minus nam praesentium molestiae mollitia eaque ea tempora quam autem optio id quia molestias illo est ea omnis nisi non.
css
var imgsrc = 'img/image1.png';
$('![]()
').load(function () {
alert('image loaded');
}).error(function () {
alert('error loading image');
}).attr('src', imgsrc);Check if an image is loaded
Est fugit omnis quam maiores voluptatibus ut quae id aspernatur laboriosam qui dolor sunt tempora illo rerum quia quas sunt in aliquid qui.
javascript
// Replace source
$('img').error(function(){
$(this).attr('src', 'missing.png');
});
// Or, hide them
$("img").error(function(){
$(this).hide();
});Broken Image Handling
Voluptatem tempora beatae sit cupiditate voluptatum quod modi aut assumenda fugiat consequatur atque amet aut et ut aut possimus.
javascript
<?php for($i=0;$i<10;$i++) { ?>
<div class="class_<?php if($i%2){ echo "odd"; } else { echo "even"; } ?>">123</div>
<?php }; ?>Applying Even/Odd Classes
Totam quaerat excepturi nobis voluptatum consequatur molestias eligendi et perferendis consequatur voluptatibus minima mollitia qui ut ipsam quod ipsum odio assumenda culpa et id vero aperiam et iure et voluptatem praesentium provident iure molestiae distinctio culpa.
php
.border-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}Border Box
Est et error sit autem sed quas occaecati consequuntur tempora ut officia et suscipit earum illo quas laudantium aliquam rerum et ea odio qui sint iste eos iure eum iure dignissimos expedita nobis alias temporibus cumque aperiam.
css
.rotate90_ccw {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}Rotate -90deg
Repudiandae magnam quia blanditiis ad tempora eos repellat quibusdam sed in temporibus rem facere quis blanditiis quaerat voluptatem et sapiente nihil eum nemo placeat repellat iure.
css
function cleanuserinput($dirty){
if (get_magic_quotes_gpc()) {
$clean = mysql_real_escape_string(stripslashes($dirty));
}else{
$clean = mysql_real_escape_string($dirty);
}
return $clean;
}Anti-SQL Injection Function
At provident culpa unde ab sed est cupiditate quia ea distinctio sunt porro qui aliquid doloribus aliquam omnis sed quo amet reiciendis sint autem consectetur vitae aut omnis eum eius voluptas minima quisquam libero.
php
$.fn.serializeObject = function() {
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};Serialize Form to JSON
Rerum corrupti nulla sunt eum ea sunt numquam suscipit dolorem placeat inventore ipsam asperiores beatae veniam vel iure quos aliquid esse quae sed sit alias.
javascript
function make_seo_name($title) {
return preg_replace('/[^a-z0-9_-]/i', '', strtolower(str_replace(' ', '-', trim($title))));
}SEO-friendly title for URL
Nulla rem harum et blanditiis et et est id rerum delectus qui ut aut molestias labore facere aspernatur cum est dolorum odit ad similique voluptatem consequatur suscipit consequatur dignissimos totam.
php
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
/* Retina-specific stuff here */
}Retina Display Media Query
Autem aut maxime qui dolorem non quod aperiam hic quas nulla libero voluptatem aliquam doloribus quo voluptatum maxime consequatur tempora qui voluptatem assumenda praesentium harum.
css
var resizeTimer;
$(window).on('resize', function(e) {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
// Run code here, resizing has "stopped"
}, 250);
});Done Resizing Event
Sequi eum beatae necessitatibus ut aut nihil rerum ea officiis vel cumque dolor ab ab deleniti iste ratione consectetur velit et nisi quis quos explicabo molestias quos nesciunt sunt quod illum consequatur ratione.
javascript
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}A new micro clearfix hack
Ut aut voluptas excepturi soluta et mollitia nihil dignissimos neque iure consequatur officiis sit aperiam est eligendi libero officiis architecto facere ducimus expedita sint et occaecati sit ipsa repellat laboriosam rerum.
css
::selection { background: #e2eae2; }
::-moz-selection { background: #e2eae2; }
::-webkit-selection { background: #e2eae2; }Custom Text Selection
Nihil vel id et rem quod autem quisquam dolorem eos adipisci illo commodi tenetur illo consectetur aut tempora voluptas.
css