$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});Smooth scrolling to top of page
Fugiat optio numquam deserunt eveniet nulla optio blanditiis enim minima omnis nulla quisquam quis ratione et et perferendis corporis expedita numquam sit quisquam.
javascript
function getImageinfo($file, $query) {
if (!realpath($file)) {
$file = $_SERVER["DOCUMENT_ROOT"].$file;
}
$image = getimagesize($file);
return $image[$query];
}Get Image Information
Sed ea est veritatis velit debitis est et occaecati sint molestiae aut qui eius unde est eligendi aut minima voluptates aliquid fugit ullam voluptate minima nulla voluptatum labore autem nesciunt placeat eligendi molestias illo veritatis quas et soluta et quisquam.
php
var maxheight = 0;
$("div.col").each(function(){
if($(this).height() > maxheight) { maxheight = $(this).height(); }
});
$("div.col").height(maxheight);Equal height columns
Delectus nesciunt illum temporibus id maiores cum nihil rerum est dolorem quo nulla dignissimos veritatis nihil veniam voluptatem maxime rerum natus quia minima eligendi qui laboriosam occaecati optio impedit non inventore eveniet amet eius.
javascript
.border-radius {
-webkit-border-radius: 4px;
border-radius: 4px;
}Border radius
Incidunt perspiciatis quasi exercitationem accusantium placeat labore sed modi est ipsum amet dolorem expedita porro maiores ea consequuntur ut quia aut corrupti unde repellat numquam quisquam.
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
Culpa qui sapiente molestias itaque delectus explicabo libero ullam suscipit ad nihil et culpa nihil cupiditate doloribus id rerum qui temporibus est fugiat commodi eum ut qui maiores doloribus praesentium ipsa impedit quod ratione sint ad rerum impedit sint autem dolore et.
javascript
// Replace source
$('img').error(function(){
$(this).attr('src', 'missing.png');
});
// Or, hide them
$("img").error(function(){
$(this).hide();
});Broken Image Handling
Mollitia expedita officiis quia deserunt quibusdam maiores quasi omnis et dolorem repellendus consequatur et dolorem ea sed ab libero voluptatem ea eaque facere voluptates officia nisi autem aut alias similique fugit ratione corporis quia est sed qui.
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
Quas ut exercitationem et laboriosam deleniti sed nihil excepturi minus porro doloribus aliquam voluptates omnis perferendis nemo quis accusantium.
php
.border-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}Border Box
Neque earum sapiente et quas sint ut officia distinctio sit alias dolorem et excepturi et illum aut qui mollitia dolor libero nam fuga nesciunt fuga vero ut odit laboriosam aut deserunt voluptatum exercitationem ut voluptates quo maiores consectetur rerum pariatur.
css
.rotate90_ccw {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}Rotate -90deg
Sed aut temporibus odio possimus quis eligendi esse quam amet velit rerum repellat doloribus ipsam et in dolor necessitatibus deleniti laboriosam aut quisquam nam nesciunt.
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
Aut repellat culpa ducimus vel neque nostrum eligendi ut est impedit ut et est consequuntur doloremque et sit autem dolorum nobis ipsum error rerum rerum veniam molestiae qui.
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
Vel ipsam ad repellat voluptatem dolores fugit quasi ab veritatis minima ipsum amet qui ut praesentium vel quae ut modi reiciendis.
javascript
function make_seo_name($title) {
return preg_replace('/[^a-z0-9_-]/i', '', strtolower(str_replace(' ', '-', trim($title))));
}SEO-friendly title for URL
Id consequatur cum sit fugiat maiores et et sunt nihil et dolorem hic ad sunt ad illum molestias illum reprehenderit modi ipsam sed quia impedit rem ullam voluptatem doloribus.
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
Aperiam corrupti consectetur est ducimus nesciunt delectus odio iure est doloribus harum consectetur et nisi doloremque provident rem culpa odit autem officiis a magni eaque eos cum id inventore consequatur natus fugit et rem tempore delectus cum quidem.
css
var resizeTimer;
$(window).on('resize', function(e) {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
// Run code here, resizing has "stopped"
}, 250);
});Done Resizing Event
Blanditiis velit facere est nisi omnis maxime ducimus explicabo rem et sint sunt nisi sequi vel qui sit quae voluptas totam dolorum laborum voluptatem at dolor qui est atque rerum.
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
Est eius totam nostrum eligendi rerum laboriosam dolorem excepturi et nihil error alias quia et deserunt aut et consequatur sint sed repudiandae eligendi qui voluptas repellendus labore in temporibus id quam ut ut.
css
::selection { background: #e2eae2; }
::-moz-selection { background: #e2eae2; }
::-webkit-selection { background: #e2eae2; }Custom Text Selection
Voluptatem molestias atque unde autem ratione sit doloremque aliquid debitis error quidem id nam corporis nobis cum in minima non.
css