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