Skip to content

Instantly share code, notes, and snippets.

View b4z81's full-sized avatar

Stefano Guglielmi b4z81

14 followers · 71 following
  • Rome
View GitHub Profile
@b4z81
b4z81 / email-validation.html
Created October 29, 2013 11:55
Regexp pattern for email validation HTML5
<input type="text" title="email" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" />
@b4z81
b4z81 / gif1*1.html
Created October 29, 2013 11:54
Base64 gif 1*1
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
@b4z81
b4z81 / gist:7116440
Created October 23, 2013 10:46 — forked from lucasfais/gist:1207002

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T go to file
⌘⌃P go to project
⌘R go to methods
⌃G go to line
⌘KB toggle side bar
⌘⇧P command prompt
@b4z81
b4z81 / rgba-ie.css
Created October 17, 2013 14:48
Rgba IE8 - From http://stackoverflow.com/questions/3975688/css-background-opacity-with-rgba-not-working-in-ie-8
background: rgba(255, 255, 255, 0.3); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
@b4z81
b4z81 / defer.js
Created October 14, 2013 14:21
How to defer loading of javascript From http://www.feedthebot.com/pagespeed/defer-loading-javascript.html?goback=%2Egde_2231152_member_275791491#%21
<script type="text/javascript"> function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "defer.js"; document.body.appendChild(element); } if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script>
@b4z81
b4z81 / webfont-ie.html
Created October 14, 2013 14:02
Using a conditional comment for webfont on IE
<link href="http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic" rel="stylesheet" type="text/css">
<!--[if IE]>
<link href="http://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Droid+Serif:400italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Droid+Serif:700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Droid+Serif:700italic" rel="stylesheet" type="text/css">
<![endif]-->
@b4z81
b4z81 / Homescreen.html
Created October 4, 2013 12:27
chrome Homescreen
<!doctype html>
<html>
<head>
<title>Awesome app</title>
<meta name=”viewport” content=”width=device-width”>
<meta name=”mobile-web-app-capable” content=”yes”>
<link rel=”shortcut icon” sizes=”1024x1024” href=”/icon.png”>
</head>
<body></body>
</html>
@b4z81
b4z81 / high-dpi-media.css
Created October 2, 2013 09:00 — forked from marcedwards/high-dpi-media.css
/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs running IE, zoomed in */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */
/* - Android hdpi devices and above */
@b4z81
b4z81 / geolocation.html
Created September 19, 2013 08:13
html5 geolocation demo
<!DOCTYPE html> <html> <head> <title>Sample Map</title> <style> #mapdiv {     margin: 0;     padding: 0;     width: 500px;     height: 500px; } </style>   <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script> <script>     var watchId = null;     function geoloc() {     if (navigator.geolocation) {         var optn = {                 enableHighAccuracy : true,                 timeout : Infinity,                 maximumAge : 0         };     watchId = navigator.geolocation.watchPosition(showPosition, showError, optn);     } else {             alert('Geolocation is not supported in your browser');     }     }   function showPosition(position) {         var googlePos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);         var mapOptions = {             zoom : 12,             center : googlePos,             mapTypeId : google.maps.MapTypeId.ROADMAP         };         var mapObj = document.getElementById('mapdiv');         var googleMap = new google.maps
@b4z81
b4z81 / img-center.css
Created September 18, 2013 16:17
From http://www.paulund.co.uk/absolute-center-images-with-css
img {
height: 250px;
left: 50%;
margin-top: -50%;
margin-left: -50%;
position: absolute;
top: 50%;
width: 250px;
}