Skip to content

Instantly share code, notes, and snippets.

View guert's full-sized avatar
🎯
Focusing

Guert guert

🎯
Focusing
View GitHub Profile
@guert
guert / HTML
Created December 29, 2011 17:45
Show/hide div
<a href="javascript:toggle('box1');">ONE</a> : <a href="javascript:toggle('box2');">TWO</a>
<div id="box1" class="toggle-divs" style="display: block;">
THIS CONTENT WILL AUTOMATICALLY BE DISPLAYED (display:block;)
</div>
<div id="box2" class="toggle-divs" style="display: none;">
THIS CONTENT WILL BE HIDDEN AND DISPLAY onClick (display:none;)
</div>
@guert
guert / HTML
Created January 11, 2012 21:11
jQuery ShadowBox
<div>
<a href="shadowbox/web/web_design/sun_partneradvantage.jpg" rel="shadowbox">
<img src="shadowbox/web/thumbnails/sun_thumb.jpg" width="152" height="152" style="border: 0;" alt="Sun" />
</a>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<meta name="viewport" content="width=620">
<title>HTML5 Demo: Drag and drop</title>
<link rel="stylesheet" href="css/html5demos.css">
<script src="js/h5utils.js"></script>
<style type="text/css">
@guert
guert / HTML
Created April 12, 2012 21:38
Display Random Div
<div id="rd1">
ONE
</div>
<div id="rd2">
TWO
</div>
<div id="rd3">
THREE
@guert
guert / CSS
Created April 13, 2012 19:16
Ninja CSS
.ninja {
color: black;
visibility: hidden;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GUERT</title>
<link rel="shortcut icon" href="images/guert_ico.png" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GUERT</title>
<link rel="shortcut icon" href="images/guert_ico.png" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GUERT</title>
<link rel="shortcut icon" href="images/guert_ico.png" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GUERT</title>
<link rel="shortcut icon" href="images/guert_ico.png" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GUERT</title>
<link rel="shortcut icon" href="images/guert_ico.png" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />