Online resources mentioned in my talk at HTML5 BUG#2:
So you want to get into web development?
Simon Jockers sjockers
sjockers
/ gist:1206456
Created
September 9, 2011 15:01
IE6/7 workaround for jQuery's slideUp() and slideDown() methods
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // slideUp() and slideDown() are terribly buggy in IE6 and IE7. Try using this instead: | |
| .animate({ height: "toggle", opacity: "toggle"}, 600 ); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // usage: log('inside coolFunc',this,arguments); | |
| // http://paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/ | |
| window.log = function(){ | |
| log.history = log.history || []; // store logs to an array for reference | |
| log.history.push(arguments); | |
| if(this.console){ | |
| console.log( Array.prototype.slice.call(arguments) ); | |
| } | |
| }; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> | |
| <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?1.29.1"></script> | |
| <style type="text/css"> | |
| html, body, #map { | |
| width: 100%; |
sjockers
/ layout.sass
Created
March 1, 2012 08:01
— forked from jcroft/layout.sass
How easy responsive design can be with Sass
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #content-wrapper | |
| +container | |
| #about | |
| // Default (smallest screens) | |
| +column(100%) | |
| background-color: #ccc | |
| // Respond to other screen widths |
sjockers
/ gist:4020821
Created
November 5, 2012 22:27
HTML5 BUG#2 talk notes: So you want to get into web development?
Last minute update: We are organizing a hackday! Add your name to the list if you'd like to join us: http://doodle.com/i4g5y6fpcpktrmcr
Description and schedule for the master's seminar "Current trends in web-standards based UI-design" at HTW Berlin
Recent years have seen significant change in the way users engage with the web. With the rapid progress of web standards and browser technology, it has evolved from a platform for hypertext content to an universal runtime environment for applications. Also, the context in which people use the web has changed. The near-ubiquitous availability of internet access has moved the web from the desk to our pockets — to smartphones, tablets and other mobile devices.
sjockers
/ analytics.coffee
Created
November 8, 2013 10:48
— forked from brainix/analytics.coffee
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class GoogleAnalytics | |
| @init: (webPropertyId) -> | |
| @_initQueue webPropertyId | |
| scriptTag = @_createScriptTag() | |
| @_injectScriptTag scriptTag | |
| true | |
| @_initQueue: (webPropertyId) -> | |
| window._gaq ?= [] | |
| window._gaq.push ['_setAccount', webPropertyId] |
sjockers
/ gist:58c7e67bbb75bb664371
Last active
December 15, 2016 11:53
Critical Mass Berlin, March 2015
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
sjockers
/ claimReview.html
Last active
November 14, 2016 15:42
Claim review meta data on correctiv.org, JSON-LD example
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- http://pending.schema.org/ClaimReview --> | |
| <script type="application/ld+json"> | |
| { | |
| "@context": "http://schema.org", | |
| "@type": ["Review", "ClaimReview"], | |
| "datePublished": "2016-08-17T13:06:00+01:00", | |
| "url": "https://correctiv.org/blog/ruhr/artikel/2016/08/17/debatte-um-beschaeftigtenzahlen-ruhrgebiet/", | |
| "author": { | |
| "@type": "Organization", |
sjockers
/ wikipedia-constituencies-scraper.js
Last active
April 17, 2018 10:42
Scrape the 2013 Bundestag election results for individual constituencies from Wikipedia using artoo.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Scrape the 2013 Bundestag election results for individual constituencies from Wikipedia | |
| // - using artoo.js v0.3.3.1 (http://medialab.github.io/artoo/) | |
| // - starting point: https://de.wikipedia.org/wiki/Liste_der_Bundestagswahlkreise_2013 | |
| var result = [] | |
| var baseUrl = 'https://de.wikipedia.org' | |
| var pages = artoo.scrape('.wikitable:nth-of-type(2) td:nth-of-type(2) a,\ | |
| .wikitable:nth-of-type(2) td:nth-of-type(6) a', function() { | |
| return baseUrl + $(this).attr('href') | |
| }) |
OlderNewer