Skip to content

Instantly share code, notes, and snippets.

View Wolfr's full-sized avatar

Wolfr Wolfr

View GitHub Profile
@Wolfr
Wolfr / responsive_updated.txt
Created December 2, 2011 18:58
responsive_updated
Het is niet zo simpel uit te leggen. Misschien moet ik daar maar eens een artikel over schrijven want ik krijg af en toe wel vragen over deze conflicterende mening.
Ik heb dat artikel geschreven toen responsive nog nieuw was voor mij en ik er minder over wist dan nu. Ik zag veel responsive websites die ontieglijk traag inlaadden en vond het dus een redelijk onzinnige practice. Dit werd goed bevestigd door het artikel dat aangehaald wordt ( http://tripleodeon.com/2010/10/not-a-mobile-web-merely-a-320px-wide-one ), daarom had ik deze post geschreven.
Wat heeft me dan van mening doen veranderen? Responsive is in principe meer in de filosofie van het web. Het heeft de "cool URIs stay the same" van Tim Berners Lee filosofie: alle URLs zijn hetzelfde (geen m. etc). Dit is belangrijk bij sharen van links tussen verschillende devices: het is belangrijk dat er geen onderscheid is.
We groeien naar een wereld toe waar je overal Wifi speed internet hebt. Responsive websites zijn in die zin heel toekomstgericht.
Er zi
@Wolfr
Wolfr / wupperbol.txt
Created December 11, 2011 19:11
't Hof van Commerce - Wupperbol lyrics
't Hof van Commerce - Wupperbol lyrics
(1)
Hey jonge, shit, weeral nen hit
Te geen kattekit van 64 bit
te hevige stoffatie
van een hoge concentratie
vo praktisch heel de natie
een gewapende fondatie
@Wolfr
Wolfr / dabblet.css
Created December 16, 2011 08:35
Testing dabblet
/**
* Testing dabblet
*/
body {
background: #DBDBDB;
margin: 20px;
}
#test {
// Old:
var fileNameBody = exportInfo.fileNamePrefix;
fileNameBody += "_" + zeroSuppress(compsIndex, 4);
fileNameBody += "_" + compRef.name;
if (null != compRef.comment) fileNameBody += "_" + compRef.comment;
fileNameBody = fileNameBody.replace(/[:\/\\*\?\"\<\>\|\\\r\\\n]/g, "_"); // '/\:*?"<>|\r\n' -> '_'
if (fileNameBody.length > 120) fileNameBody = fileNameBody.substring(0,120);
// New:
self.navigationBarColor = [ UIColor colorWithHexString: @"#1c232c" ];
[[ UINavigationBar appearance ] setTintColor: self.navigationBarColor ];
// in sharing view:
[[ UIBarButtonItem appearance ] setTintColor: [ UIColor colorWithHexString: @"#4E565D" ] ];
// tabbar on the bottom:
[[ UITabBar appearance ] setTintColor: [ UIColor colorWithHexString: @"#1c232c" ] ];
[[ UITabBar appearance ] setSelectedImageTintColor: [ UIColor colorWithHexString: @"#ffffff" ] ];
re:
Fixed regression in .form-actions background, which was too dark, by adding a new variable @formActionsBackground and changing the color to #f5f5f5 instead of #eee.
--
I can tell you that #f5f5f5 is not visible on non Apple screens (i.e. Dell, what the rest of the world uses)
Hell, even #eee is not discernable from white on many screens.
@Wolfr
Wolfr / index.html
Created May 2, 2012 06:07
Context sensitive media queries
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Respond test</title>
<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
<div id="debugger">
current body width: <span></span>
NUMBERING:
# number each line of a file (simple left alignment). Using a tab (see
# note on '\t' at end of file) instead of space will preserve margins.
sed = filename | sed 'N;s/\n/\t/'
# number each line of a file (number on left, right-aligned)
sed = filename | sed 'N; s/^/ /; s/ *\(.\{6,\}\)\n/\1 /'
# number each line of file, but only print numbers if line is not blank
@Wolfr
Wolfr / require
Created August 13, 2012 15:42
<php require('file.html')>
<php require('file.html')>
I'm looking for a system that generates HTML templates from
HTML with includes.
I'm looking for a way to use includes while still able to send
a HTML/CSS/JS package off to a client that can be opened
through clicking .html files.
The system doesn't have to be PHP based, it can be a shell
<span class="dateGroup">
<select class="input2AN" required>
<option>01</option>
<!-- All options for days, 01 to 31 -removed for blogpost -->
</select>
<select class="input2AN" required>
<option>01</option>
<!-- All options for months, januari to december - removed for blogpost -->
</select>
<select class="input4AN" required>