The popular open-source contract for web designers and developers by Stuff & Nonsense
- Originally published: 23/12/2008
- Revised date: 15/12/2013
- Original post
window.smoothScrollTo = (function () { | |
var timer, start, factor; | |
return function (target, duration) { | |
var offset = window.pageYOffset, | |
delta = target - window.pageYOffset; // Y-offset difference | |
duration = duration || 1000; // default 1 sec animation | |
start = Date.now(); // get start time | |
factor = 0; | |
.fluid-type(@property, @min-vw, @max-vw, @min-size, @max-size) { | |
@{property}: @min-size; | |
@media screen and (min-width: @min-vw) { | |
@{property}: calc( @min-size ~" + " unit(@max-size - @min-size) ~" * ((100vw - " @min-vw ~") /" unit(@max-vw - @min-vw) ~")" ); | |
} | |
@media screen and (min-width: @max-vw) { | |
@{property}: @max-size; |
/** | |
* The pseudo-element 'content' property doesnt accept normal (») style | |
* HTML entities. These variables below easy the pain of looking up the HEX codes... | |
* | |
* Referenced from http://www.danshort.com/HTMLentities/ | |
* | |
* TODO: Add all the other entities? Worth it? Some day? Maybe? | |
*/ | |
// Punctuation |
// detect IE | |
var IEversion = detectIE(); | |
if (IEversion !== false) { | |
document.getElementById('result').innerHTML = 'IE ' + IEversion; | |
} else { | |
document.getElementById('result').innerHTML = 'NOT IE'; | |
} | |
// add details to debug result |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Map of the USA, with States code</title> | |
<style type="text/css"> | |
rect, path { fill: lime; } | |
rect { fill-opacity: 0; } | |
path { |
<!-- Smaller Disqus code - http://studioromeo.co.uk/suit-and-tie/ --> | |
<aside id="disqus_thread"></aside> | |
<script> | |
(function(d,t) { | |
var c=d.createElement(t);s=d.getElementsByTagName(t)[0]; | |
c.async=1;c.src='http://[[YOURSITEID]].disqus.com/embed.js'; | |
s.parentNode.insertBefore(c,s)})(document,'script'); | |
</script> |
/* | |
* To horizontally and vertically center an element in css: | |
* http://css-tricks.com/centering-percentage-widthheight-elements/ | |
*/ | |
.center { | |
position: absolute; | |
left: 50%; | |
top: 50%; | |
transform: translate(-50%, -50%); |
RFC 2368: http://www.ietf.org/rfc/rfc2368.txt | |
mailto:name@domain.com?subject=Header&body=This is the first line%0D%0AThis is the second | |
%0D%0A = line break. | |
%20 = space, not really needed. |
<!-- | |
Optimizing the asynchronous Google Analytics snippet | |
http://mathiasbynens.be/notes/async-analytics-snippet | |
--> | |
<script> | |
var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']]; | |
(function(d, t) { | |
var g = d.createElement(t), | |
s = d.getElementsByTagName(t)[0]; |