AprilFools.css
Wie man per Custom-CSS seine Kollegen am Montag für ein paar Sekunden aus der Fassung bringt. Mir gefällt ja „Hide every 2nd paragraph element on a page“ am besten, die sämtliche Websites auf ‘ne subtile Weise zu einem Haufen wirres Zeug zusammenstreichen.
Simply add the definitions to the computers Custom.css file, and watch the fireworks begin. These styles will be applied to every webpage the computer visits in Chrome.
The Custom.css file is usually located here for Macs:~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
And here for PCs:C:/Users/YourUsername/AppData/Local/Google/Chrome/User Data/Default/User StyleSheets/Custom.css
/*Hide every other paragraph element on a page*/
p:nth-child(odd) {
display:none !important;
}Co-workers that come in and read a few articles on the internet will wonder what is wrong with writers when none of the stories they read make sense. They might even think the whole internet is in on some prank! Little do they know that they’ve been reading stories with every other paragraph missing.
April Fools Pranks for Developers, hier das AprilFools.css auf GitHub
Autogenerated Buzzfeed-Clickbait:
Sehr amüsant: Darius Kazemi (das war der mit dem Random Shopping Amazon-Bot) hat mit 40 Zeilen Code einen Generator für Clickbaitschrott ala Buzzfeed geschrieben: „This clickbait was generated by ~40 lines of code. If you write stuff like this for a living: think about your fucking life. And reload for more. (Amusingly, AdBlock breaks this page.)“
God.js: Scripted Religion Browser-Plugin
Schönes neues Spielzeug von Ramsey Nasser, über dessen arabische Programmiersprache قلب ich vor ein paar Wochen gebloggt hatte. Diesmal hat er zum Art Hack Day unter dem Motto „God Mode“ ein Browser-Plugin namens God.js gebastelt, dass es einem erlaubt, seine eigene Religion zu programmieren und Gebote festzulegen, „Thou shall not browse Buzzfeed“ etwa. Wenn man dagegen verstößt, gibt’s Ermahnungen per Browser-Alerts vom selbst kreierten Browsergott und wenn man zuviel sündigt, öffnen sich zwei Dutzend Popups voller Höllenfeuer und himmlischer Plagen. Toll!
Das Ding ist leider nicht ganz so trivial, wie ich mir das grade vorgestellt habe, sonst hätte ich mal schnell eine Broswer-based Nerdcore-Religion zusammengefrickelt. Oder man könnte aus dieser Liste der Leistungsschutzrechtsunterstützer ein „Wrath Of The Web-Gods“-Plugin basteln… wie auch immer, sehr schickes Spielzeug.
God.js is a functional language thats lets anyone code their own beliefs, making it like an open source platform for browser-based religion. […] The plugin uses keywords and other attributes to conform your browsing experience to the ethos you’ve selected, as defined in the corresponding scripts (er, “scriptures”) which can be viewed and activated from a button on your browser’s navigation bar. Each religion’s doctrine lays out the forbidden fruits, which include everything from browsing Tumblr to loading a page that contains the word “Java” (the latter enforcing the will of Nasser, who hates Java).
Navigate onto a page containing blasphemous material and you’ll get a stern warning from your higher power via pop-up message. Disobey one too many times and you’ll be punished with two dozen tabs of animated GIF hellfire, boils and frogs covering your web pages, or all of your open browser tabs being smitten in one vengeful blow.
The Verge: ‘God.js’ lets you program and enforce your own browser-based religion
Github: God.js: New Gods Through Computer Science for Art Hack Day 2013
Hello World: Documentary about creative Coding
Hello World!: Tolle Doku-Serie von Ultra Labs aus Spanien über Creative Coding und generative Kunst. Der erste Teil ist grade online gegangen, geht um Processing. WMMNA hatte vor kurzem ein Interview mit den Machern:
How is the documentary series structured? Each episode corresponding to a different theme? Or a different tool? Or moment in the development of the open languages?
The series plan consists of three chapters, each of them dealing with different aspects of this confluence of creation and coding. Each chapter takes a concrete tool and its community to deploy a particular theme. The chapter Hello World! Processing we are now premiering, for example, tackles with the specificities of taking code and programming as a medium or creative strategy: what’s the role, then, and the interest of algorithms, data and parameters? What is being explored through them? We are not diving into the questions around interaction, for example, that’s something we want to handle in the Open Frameworks chapter. Nor time, perception and attention concerns, which we’ll explore in the Pure Data one.
Of course, we don’t mean those languages are meant specifically for these proposed domains; we decided to articulate the series around concrete tools to highlight their importance as singular cultural devices.
Hello World! A documentary series on open creative programming languages
HTML 5 Harddisc-Trolling
Nette HTML5-Trollerei von Feross Aboukhadijeh, der auf Filldisk einen Bug in der HTML5 Web Storage-Implementierung im Explorer, in Chrome, Opera und in Safari ausnutzt, um einem die Festplatte vollzumüllentrollen. Theoretisch ist der lokale Speicher von HTML5 auf 2,5-10MB (je nach Browser) beschränkt, das kann man allerdings über Subdomains aushebeln. In diesem Sinne: Happy HTML5-Harddisc-Trolling. (Die Plattenzumüllung kann man auf der Website natürlich rückgängig machen.)
Features:
- Fills up the user’s hard disk on Chrome, Safari (iOS and desktop), Opera, and IE.
- Fills up 1 GB every 16 seconds on my Macbook Pro Retina (with solid state drive)
- Tested with Chrome 25, Safari 6, Opera (12), IE 10.
- For 32-bit browsers, like Chrome, the entire browser may crash before the disk is filled.
- Does not work on Firefox, since Firefox’s implementation of localStorage is smarter.
- Includes a button to reclaim your disk space ;)
Embroidery Trouble Shooting Guide-Bug mutates into BIG ASS EMBROIDERY TROUBLE SHOOTING GUIDE
Toller HTML-Bug im Embroidery Trouble Shooting Guide des Sewing and Embroidery Warehouse. Wegen ungeschlossener <H3>-Tags wird die Typo dort immer größer und größer und größer und größer und größer und größer und größer und größer und so weiter und so fort.
Like this:
(via Laughing Squid)
Include Fuck Up: Swearing in GitHub-Versioning
Hihi, Coder auf GitHub beim Ausrasten. Könnte ich den ganzen Tag lesen:
- Change admin port to 6666 because fuck you
- Revert “fuck yeah, some fontz bro” This reverts commit bdd176631fc8894977acd1ff83cae431b24be23f. stop fucking my shit up
- FULLSCREEN BITCHES
- OMG MATH DID SOMETHING WRONG! HOLYSHITHOLYSHITHOLYSHITHOLYSHITH…
Commit Logs From Last Night – because real hackers pivot two hours before their demo
DRM is coming to HTML
Das W3C-Konsortium arbeitet an einem DRM-Mechanismus für HTML. <Ironie Mode>Oh, yes please!</Ironie Mode>
The W3C’s HTML Working Group recently decided that a proposal to add DRM to HTML media elements — formally known as the Encrypted Media Extensions proposal — is indeed within its purview and the group will be working on it.
That doesn’t mean that the Encrypted Media Extensions proposal will become a standard as is, but it does up the chances that some sort of DRM system will make its way into HTML.
The Encrypted Media Extensions proposal — which is backed by the likes of Google, Microsoft, Netflix and dozens of other media giants — technically does not add DRM to HTML. Instead it defines a framework for bringing a DRM system, or “protected media content” as the current draft puts it, to the web.
3D-Webcam-Toy in your Browser
Noch ein tolles Spielzeug von Felix Turner: WebCamMesh baut aus dem Signal einer Webcam ein 3D-Model auf das das Live-Bild projiziert wird.
WebCamMesh is a HTML5 demo that projects webcam video onto a WebGL 3D Mesh. It creates a ‘fake’ 3D depth map by mapping pixel brightness to mesh vertex Z positions. Perlin noise is used to create the ripple effect by modifying the Z positions based on a 2D noise field. CSS3 filters are used to add contrast and saturation effects.
Use mouse move to tilt and scroll wheel to zoom. The 3D effect works better if the foreground elements are brighter than the background, so try it in a dark room.
WebCamMesh Demo (via Waxy)
WebGL MP3-Waveform Analyzer
Tolles Chrome-Experiment: Der Loop Waveform Analyzer visualisiert MP3s im Browser. Man muss nur ein bisschen aufpassen, dass man dabei keinen Anfall bekommt, oder sowas.
The Loop Waveform Visualizer uses a combination of level and waveform data to produce a circular audio visualization of any MP3. Use the mouse to tilt and the mousewheel to zoom.
To run this, you need a WebGL capable machine and the latest Chrome. Also be aware that it won’t look as good when running under Windows, since Chrome’s WebGL implementation on Windows does not suport line thickness (among other issues). It works better if you use a track that has a high dynamic range (meaning the volume of the track changes a lot over time).
Responsive Face-Detection Typography:
Innovative Nutzung von Face-Detection: Responsive Typography basierend auf der Entfernung zur Schrift in Echtzeit. Nice!
Star Wars Pre-Roll in a Traceroute
Nerdigste Spielerei der Woche: Ryan Werber von Beaglenetworks hat die Routing Hardware so konfiguriert, dass Anfragen auf 216.81.59.173 („AKA obiwan.scrye.net“) die Pre-Roll aus Star Wars ausspucken. Hier das Tumblr dazu, hier die Traceroute zum Live-Verfolgen.
TraceRoute from Network-Tools.com to 216.81.59.173 [fin]
Hop (ms) (ms) (ms) IP Address Host name 1 0 0 0 206.123.64.42 - 2 63 0 0 64.124.196.225 xe-4-2-0.er2.dfw2.us.above.net 3 3 3 3 77.67.71.165 ae2-109.dal33.ip4.tinet.net 4 36 46 36 89.149.181.117 xe-1-2-0.atl11.ip4.tinet.net 5 36 38 37 77.67.69.158 epik-networks-gw.ip4.tinet.net 6 21 21 21 216.81.59.2 po0-3.dsr2.atl.epikip.net 7 56 66 59 10.26.26.102 - 8 57 55 56 206.214.251.1 episode.iv 9 60 56 58 206.214.251.6 a.new.hope 10 58 58 59 206.214.251.9 it.is.a.period.of.civil.war 11 56 57 60 206.214.251.14 rebel.spaceships 12 56 56 56 206.214.251.17 striking.from.a.hidden.base 13 55 60 57 206.214.251.22 have.won.their.first.victory 14 60 56 57 206.214.251.25 against.the.evil.galactic.empire 15 59 57 58 206.214.251.30 during.the.battle 16 58 59 59 206.214.251.33 rebel.spies.managed 17 62 60 60 206.214.251.38 to.steal.secret.plans 18 58 64 60 206.214.251.41 to.the.empires.ultimate.weapon 19 62 61 60 206.214.251.46 the.death.star 20 60 57 60 206.214.251.49 an.armored.space.station 21 62 61 62 206.214.251.54 with.enough.power.to 22 59 62 60 206.214.251.57 destroy.an.entire.planet 23 62 57 58 206.214.251.62 pursued.by.the.empires 24 59 61 61 206.214.251.65 sinister.agents 25 60 61 61 206.214.251.70 princess.leia.races.home 26 61 59 56 206.214.251.73 aboard.her.starship 27 61 62 61 206.214.251.78 custodian.of.the.stolen.plans 28 60 61 58 206.214.251.81 that.can.save.herTrace complete
Beautiful Poetic JavaScript-Commenting
JavaScript, auskommentiert als Gedicht. Brillant! Ich hab’ hier mal ‘ne lokale Kopie gesichert: http://www.crackajack.de/wonder/lunametrics-youtube.js.
if(vidSrc.length>29){
if(vidSrc.substr(0,29)=="http://www.youtube.com/embed/"){
//It is a YouTube video!
//Rip apart it's source to obtain it's
//vile beating heart, the youtube id
var youtubeid = vidSrc.substr(29);
if(youtubeid.substr(-6)=="?rel=0"){
//cut off last 6 digits as hannibal did to atreides
//and offer them to your gods
cutlength = youtubeid.length - 6;
youtubeid = youtubeid.substr(0,cutlength);
}
//we now place the beating heart of the youtube id
//in our first heavenly array
videoArray[i] = youtubeid;
//and then mark the vile iframe beast
//with the id of this video so that all
//may know it, and reference it
$(this).attr('id', youtubeid);
//And for this, I am no longer nothing, I am more
i++;
}
lunametrics-youtube.js (via MeFi)
