View input-placeholder.js
/* JS fallback for HTML5 placeholder | |
* requires jQuery and Modernizr (to detect support) | |
* by Jon Raasch - @jonraasch - http://jonraasch.com/ | |
* modified script from Nico Hagenburger: http://bit.ly/LgrkT0 | |
*/ | |
if(!Modernizr.input.placeholder){ | |
$('[placeholder]').focus(function() { | |
var input = $(this); | |
if (input.val() == input.attr('placeholder')) { |
View animated-icon.html
<!doctype html> | |
<html lang="en"> | |
<head> | |
<title>Animated Icons (example)</title> | |
<style type="text/css"> | |
body { |
View animated-image.html
<!doctype html> | |
<html lang="en"> | |
<head> | |
<title>Animated Image (example)</title> | |
<style type="text/css"> | |
body { |
View extrude-on-hover.html
<!doctype html> | |
<html lang="en"> | |
<head> | |
<title>Extruding Text on Hover (example)</title> | |
<style type="text/css"> | |
body { | |
background-color: #444; |
View force-chrome-frame.html
<head> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
</head> |
View subtle-mouse-effects.html
<?xml version="1.0" encoding="UTF-8"?> | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
<head> | |
<title>Subtle Mouse Effects</title> | |
<style type="text/css"> | |
.subtle { | |
-webkit-transition: background-color 500ms ease-in; /* Saf3.2+, Chrome */ |
View comment-count-bars.html
<?xml version="1.0" encoding="UTF-8"?> | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
<head> | |
<title>Comment Count Bars</title> | |
<style type="text/css"> |
View drag-controls.html
<?xml version="1.0" encoding="UTF-8"?> | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
<head> | |
<title>Drag Controls for Oversized Content</title> | |
<style type="text/css"> | |
#full-sized-area { | |
position: relative; |
NewerOlder