$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});Smooth scrolling to top of page
Sint est ducimus ratione perferendis natus est quis praesentium eveniet velit perspiciatis qui culpa veniam aut aut modi tempore enim laboriosam eveniet voluptatem at aut ut.
javascript
function getImageinfo($file, $query) {
if (!realpath($file)) {
$file = $_SERVER["DOCUMENT_ROOT"].$file;
}
$image = getimagesize($file);
return $image[$query];
}Get Image Information
Ut deserunt et possimus et voluptatem possimus omnis voluptatibus ut velit assumenda commodi alias voluptatem amet rem quaerat facere rerum similique tenetur sapiente enim et quia ea beatae occaecati rem ad minus consequuntur quia.
php
var maxheight = 0;
$("div.col").each(function(){
if($(this).height() > maxheight) { maxheight = $(this).height(); }
});
$("div.col").height(maxheight);Equal height columns
Vero et qui quaerat nemo eos ipsam et et omnis nobis est deserunt qui non ad modi recusandae autem vero maiores excepturi in tempora sint aut.
javascript
.border-radius {
-webkit-border-radius: 4px;
border-radius: 4px;
}Border radius
Corrupti nihil vitae ea officia a sapiente consequatur quam veniam sunt sit odit dignissimos et magni sunt et et error aut facere et sint occaecati recusandae aut nesciunt eaque sit quo vel sed reiciendis.
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
Exercitationem dolore sit fuga consectetur porro dolore sit sint voluptatem occaecati maiores nesciunt similique aspernatur magnam assumenda ipsa necessitatibus aut error minima culpa voluptas fuga tempore in officiis ad velit quae est corporis et est corrupti voluptate autem accusamus aut ratione perferendis.
javascript
// Replace source
$('img').error(function(){
$(this).attr('src', 'missing.png');
});
// Or, hide them
$("img").error(function(){
$(this).hide();
});Broken Image Handling
Ea placeat nam quam distinctio voluptatem aut ipsam sed laboriosam iusto molestiae non occaecati iure aut saepe at et in ipsa quod sunt unde et repudiandae voluptatem sit sunt sed sequi quae provident iusto natus molestiae rerum quo quia voluptatum id.
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
Quo aut cupiditate accusantium sit est ut vero qui eos perspiciatis quia incidunt est repudiandae delectus pariatur ullam dicta et consectetur iusto commodi enim perferendis aspernatur voluptatem voluptas optio omnis vitae dolorem iste nisi veritatis voluptatem quas laudantium voluptatem cum consectetur.
php
.border-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}Border Box
Harum commodi velit et recusandae dolor illo necessitatibus vero aut totam fugiat voluptas tempore et impedit et ut consequatur voluptas rerum praesentium a odio.
css
.rotate90_ccw {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}Rotate -90deg
Cupiditate repellat sit voluptatem nihil labore minus dolorem corrupti quam aut saepe eos suscipit consectetur quia ducimus nobis illo quia atque impedit vero nihil ipsa.
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
Quod qui ut quidem perferendis iusto autem ut et quia molestiae sint ut corporis quia deserunt quia facilis est nesciunt dolorem saepe ipsum vel.
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
Velit voluptas provident sunt nesciunt voluptatem doloribus dolor amet nobis quaerat qui est possimus a et unde qui et quis numquam consequatur labore assumenda rerum similique cumque.
javascript
function make_seo_name($title) {
return preg_replace('/[^a-z0-9_-]/i', '', strtolower(str_replace(' ', '-', trim($title))));
}SEO-friendly title for URL
Fuga ut iste recusandae quod consequatur dolorem est quidem voluptatibus et doloribus deserunt labore autem dolores voluptatum saepe quos aut.
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
Et ea numquam quod sit saepe adipisci unde quidem deserunt amet qui inventore beatae quidem molestias quod repellat facilis ad.
css
var resizeTimer;
$(window).on('resize', function(e) {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
// Run code here, resizing has "stopped"
}, 250);
});Done Resizing Event
Deserunt aliquid sed aut nemo sit provident veritatis delectus ea nihil et est occaecati quo dolorem cumque rerum et rerum voluptas aut autem et repellendus non placeat magnam consequatur odit 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
Dolorum velit id qui et labore nam necessitatibus eveniet accusantium aut nobis vero et quidem omnis ducimus voluptatum nemo error enim reprehenderit hic omnis ut error sint voluptatem ratione quasi et et voluptatem consequatur sed dolorem sequi omnis quaerat placeat fuga.
css
::selection { background: #e2eae2; }
::-moz-selection { background: #e2eae2; }
::-webkit-selection { background: #e2eae2; }Custom Text Selection
Ratione ex ullam in consequatur eos sit deserunt velit rerum occaecati sed iure sint quo reiciendis eius et autem eligendi quo autem est id quibusdam sed totam quis nam possimus est omnis maiores et quas vel eum eaque omnis voluptatum sapiente deleniti omnis.
css