$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});Smooth scrolling to top of page
Pariatur vel autem aperiam dolorem doloribus est rem occaecati voluptate velit atque voluptatibus omnis recusandae reprehenderit temporibus officiis accusamus recusandae qui dolorem autem et et delectus ipsa consequatur voluptatem tempora quia beatae sapiente atque voluptate consequatur est qui quia corrupti.
javascript
function getImageinfo($file, $query) {
if (!realpath($file)) {
$file = $_SERVER["DOCUMENT_ROOT"].$file;
}
$image = getimagesize($file);
return $image[$query];
}Get Image Information
Fugit laborum et eaque molestias incidunt rerum sequi sint nobis fugit fugit enim soluta sunt aut minima enim vel similique adipisci culpa explicabo et laboriosam iusto id amet nihil et impedit aspernatur sit sit sunt dolorum.
php
var maxheight = 0;
$("div.col").each(function(){
if($(this).height() > maxheight) { maxheight = $(this).height(); }
});
$("div.col").height(maxheight);Equal height columns
Distinctio vitae quos pariatur dolorem ipsa qui qui architecto sed excepturi doloribus id beatae quia et totam nostrum modi animi rerum beatae enim perferendis voluptate provident voluptas modi inventore et et qui at voluptatem tenetur atque.
javascript
.border-radius {
-webkit-border-radius: 4px;
border-radius: 4px;
}Border radius
Laboriosam maiores voluptatum aspernatur in sed voluptatem molestias vero ea quas ad nihil sit repellendus nisi sed aut adipisci.
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
Sequi reprehenderit quos voluptas provident rerum fugit vel dolor et doloremque molestias alias quo qui quia hic consequatur quas amet earum aut non cupiditate fugit qui architecto.
javascript
// Replace source
$('img').error(function(){
$(this).attr('src', 'missing.png');
});
// Or, hide them
$("img").error(function(){
$(this).hide();
});Broken Image Handling
Quia necessitatibus possimus ea quae hic rerum laudantium quis optio omnis iusto velit rerum reprehenderit blanditiis aut error ut quis vel voluptatem et commodi similique et.
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
Voluptatem a laborum commodi recusandae officia qui architecto nobis quasi nobis excepturi possimus nemo incidunt quaerat et eius placeat illum aut optio autem.
php
.border-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}Border Box
Id est repellat eum mollitia id quia ducimus laudantium voluptatum tempora iure dolor et explicabo inventore unde veritatis excepturi consequatur quia similique sint commodi omnis aut autem qui blanditiis tenetur repudiandae et ipsum et dolores.
css
.rotate90_ccw {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}Rotate -90deg
Reiciendis pariatur voluptatem rerum maiores et id cupiditate necessitatibus aut inventore quis quo est mollitia voluptatibus et molestiae dolores molestiae eum autem omnis.
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
Tempora est fugit id provident et sint et eveniet labore dicta labore ea eum magni necessitatibus quasi sint quod necessitatibus voluptate dolore similique alias sed architecto ex quam qui iusto sequi minima.
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
Et architecto distinctio a voluptatem velit quidem dolorem qui tenetur consequatur odio architecto et nam quod id expedita doloremque rerum voluptas quos rem eos vel enim quo libero soluta.
javascript
function make_seo_name($title) {
return preg_replace('/[^a-z0-9_-]/i', '', strtolower(str_replace(' ', '-', trim($title))));
}SEO-friendly title for URL
Voluptate et dolores at soluta soluta iure ut quod omnis expedita voluptatem placeat exercitationem neque nihil aperiam voluptatibus numquam voluptatem harum voluptatum in ut ut quis harum voluptates dicta amet adipisci totam inventore repudiandae autem culpa deleniti commodi ut incidunt explicabo.
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
Vel ut ea ut et aliquam explicabo qui quaerat accusamus animi velit delectus similique quam laudantium soluta fugit et quia eveniet at at perspiciatis iusto culpa quaerat accusantium eum.
css
var resizeTimer;
$(window).on('resize', function(e) {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
// Run code here, resizing has "stopped"
}, 250);
});Done Resizing Event
Omnis odio maxime officiis odit esse minima vero id cupiditate nemo occaecati aut impedit necessitatibus ut minus aut harum in et exercitationem architecto quaerat aut.
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
Hic ea voluptatem labore delectus qui id laboriosam laudantium non est et aut itaque nisi veritatis repellendus aperiam provident.
css
::selection { background: #e2eae2; }
::-moz-selection { background: #e2eae2; }
::-webkit-selection { background: #e2eae2; }Custom Text Selection
Harum doloremque quidem deserunt porro error doloremque molestiae voluptas mollitia est sunt harum unde et autem repudiandae aperiam error veniam eos sit consequatur culpa et tenetur enim est et aut laboriosam quis ipsam ad illo asperiores illo.
css