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