Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View jonraasch's full-sized avatar

Jon Raasch jonraasch

18 followers · 1 following
View GitHub Profile
@jonraasch
jonraasch / fancy-slideshow-navigation.html
Created May 5, 2011 15:02
fancy slideshow navigation
<!doctype html>
<html lang="en">
<head>
<title>Fancy Slideshow Navigation (example)</title>
<style type="text/css">
#slideshow {
width: 900px;
@jonraasch
jonraasch / huge-dropdown-menu.html
Created May 5, 2011 15:05
huge dropdown menu
<!doctype html>
<html lang="en">
<head>
<title>Huge Dropdown Menu (example)</title>
<style type="text/css">
body {
background-color: #86c6d7;
@jonraasch
jonraasch / animated-image.html
Created May 5, 2011 15:07
animated image
<!doctype html>
<html lang="en">
<head>
<title>Animated Image (example)</title>
<style type="text/css">
body {
@jonraasch
jonraasch / animated-icon.html
Created May 5, 2011 15:15
animated icon on hover
<!doctype html>
<html lang="en">
<head>
<title>Animated Icons (example)</title>
<style type="text/css">
body {
@jonraasch
jonraasch / input-placeholder.js
Created June 7, 2012 22:42
HTML5 placeholder fallback that handles passwords (jquery)
/* 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')) {