Vollzeitblogger

50 Shades of Grey in JavaScript und CSS

February 16, 2015

Das folgende JavaScript erstellt 50 HTML Elemente in verschiedenen Grautönen. The only and only true 50 shades of grey für Webentwickler ;)

Die CSS Farbe wird für den Hintergrund festgelegt, im RGB Format. Wer es ausprobieren möchte kann im Browser einfach die Konsole aufmachen und es hineinkopieren. CTRL+SHIFT+J macht diese in Chrome auf.

<code>var colour = '';
for (var i = 250; i > 0; i = i - 5) {
 colour = 'background-color: rgb(' + i + ',' + i + ',' + i + ')';
 console.log(colour);
 document.write('<div style="float: left;margin: 5px; width:90px;height:30px;' + colour+ '"></div>');
}</code>

Wenn ihr den Code verändern wollt, forkt doch meinen gist.

Mal im Ernst, der folgende Artikel fasst das Problem, dass ich mit 50 Shades of Grey habe gut zusammen: Why You Should Talk To Your Kids About ’50 Shades Of Grey’