https://de.wikipedia.org/w/index.php?action=history&feed=atom&title=CodePen CodePen - Versionsgeschichte 2025-06-02T07:29:42Z Versionsgeschichte dieser Seite in Wikipedia MediaWiki 1.45.0-wmf.3 https://de.wikipedia.org/w/index.php?title=CodePen&diff=250656890&oldid=prev Phzh: Form, typo 2024-11-24T20:54:46Z <p>Form, typo</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 24. November 2024, 22:54 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website</div></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Der Absatz wurde verschoben. Klicken, um zur neuen Stelle zu springen." href="#movedpara_2_7_rhs">&#x26AB;</a></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><a name="movedpara_1_0_lhs"></a><del style="font-weight: bold; text-decoration: none;">{{Infobox Website|Name=CodePen|Logo=[[Datei:CodePen logo.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}</del>'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von<del style="font-weight: bold; text-decoration: none;">&amp;#160;</del>[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“ genannt, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen Bereich von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard (Informationsmanagement)|Dashboards]] (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, [[Social Media]] zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund seines Dashboards ändern. Die Plattform enthält außerdem Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Name= CodePen</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Logo= [[Datei:CodePen logo.png|300px|CodePen logo]]</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|url= [https://codepen.io/ codepen.io]</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Sprachen= Englisch</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Benutzer= 330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Slogan= Demo or it didn’t happen.</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Der Absatz wurde verschoben. Klicken, um zur alten Stelle zu springen." href="#movedpara_1_0_lhs">&#x26AB;</a></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><a name="movedpara_2_7_rhs"></a>'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von<ins style="font-weight: bold; text-decoration: none;"> </ins>[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“ genannt, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen Bereich von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard (Informationsmanagement)|Dashboards]] (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, [[Social Media]] zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund seines Dashboards ändern. Die Plattform enthält außerdem Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek]]en, das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek]]en, das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{Webarchiv|url=https://codepen.io/about/<del style="font-weight: bold; text-decoration: none;"> |wayback=20120325042104</del> |text=„About-Seite“}}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{<del style="font-weight: bold; text-decoration: none;">cite</del> <del style="font-weight: bold; text-decoration: none;">web</del>|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|<del style="font-weight: bold; text-decoration: none;">title</del>=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|<del style="font-weight: bold; text-decoration: none;">date</del>=2015-09-14|<del style="font-weight: bold; text-decoration: none;">author</del>=<del style="font-weight: bold; text-decoration: none;">Kelly</del> <del style="font-weight: bold; text-decoration: none;">Kearsley</del>|<del style="font-weight: bold; text-decoration: none;">work=Startupbend|accessdate=2024</del>-<del style="font-weight: bold; text-decoration: none;">03-28|archiveurl</del>=https://web.archive.org/web/20180711095011/https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|<del style="font-weight: bold; text-decoration: none;">archivedate</del>=2018-07-11}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{Webarchiv<ins style="font-weight: bold; text-decoration: none;"> </ins>|url=https://codepen.io/about/ |text=„About-Seite“<ins style="font-weight: bold; text-decoration: none;"> |wayback=20120325042104</ins>}}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{<ins style="font-weight: bold; text-decoration: none;">Internetquelle |autor=Kelly Kearsley</ins> |url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/<ins style="font-weight: bold; text-decoration: none;"> </ins>|<ins style="font-weight: bold; text-decoration: none;">titel</ins>=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)<ins style="font-weight: bold; text-decoration: none;"> </ins>|<ins style="font-weight: bold; text-decoration: none;">werk=Startupbend |datum</ins>=2015-09-14<ins style="font-weight: bold; text-decoration: none;"> </ins>|<ins style="font-weight: bold; text-decoration: none;">offline</ins>=<ins style="font-weight: bold; text-decoration: none;">1</ins> |<ins style="font-weight: bold; text-decoration: none;">archiv</ins>-<ins style="font-weight: bold; text-decoration: none;">url</ins>=https://web.archive.org/web/20180711095011/https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/<ins style="font-weight: bold; text-decoration: none;"> </ins>|<ins style="font-weight: bold; text-decoration: none;">archiv-datum</ins>=2018-07-11<ins style="font-weight: bold; text-decoration: none;"> |abruf=2024-03-28</ins>}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> </tr> </table> Phzh https://de.wikipedia.org/w/index.php?title=CodePen&diff=243505025&oldid=prev MultiPolitikus: Archivlink(s) geprüft 2024-03-28T00:07:19Z <p><a href="/wiki/Kategorie:Wikipedia:Defekte_Weblinks/Ungepr%C3%BCfte_Archivlinks" title="Kategorie:Wikipedia:Defekte Weblinks/Ungeprüfte Archivlinks">Archivlink(s)</a> geprüft</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 28. März 2024, 02:07 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 3:</td> <td colspan="2" class="diff-lineno">Zeile 3:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek]]en, das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek]]en, das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{Webarchiv|url=https://codepen.io/about/ |wayback=20120325042104 |text=„About-Seite“}}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{cite web|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|title=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|date=2015-09-14|author=Kelly Kearsley|work=Startupbend|accessdate=<del style="font-weight: bold; text-decoration: none;">2017</del>-03-<del style="font-weight: bold; text-decoration: none;">17</del>|archiveurl=https://web.archive.org/web/20180711095011/https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|archivedate=2018-07-11<del style="font-weight: bold; text-decoration: none;">|offline=yes|archivebot=2023-04-03 17:34:17 InternetArchiveBot</del>}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{Webarchiv|url=https://codepen.io/about/ |wayback=20120325042104 |text=„About-Seite“}}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{cite web|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|title=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|date=2015-09-14|author=Kelly Kearsley|work=Startupbend|accessdate=<ins style="font-weight: bold; text-decoration: none;">2024</ins>-03-<ins style="font-weight: bold; text-decoration: none;">28</ins>|archiveurl=https://web.archive.org/web/20180711095011/https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|archivedate=2018-07-11}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> </tr> </table> MultiPolitikus https://de.wikipedia.org/w/index.php?title=CodePen&diff=232450833&oldid=prev InternetArchiveBot: InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.3 2023-04-03T17:34:18Z <p><a href="/wiki/Benutzer:InternetArchiveBot" title="Benutzer:InternetArchiveBot">InternetArchiveBot</a> hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.3</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 3. April 2023, 19:34 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 3:</td> <td colspan="2" class="diff-lineno">Zeile 3:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek]]en, das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek]]en, das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{Webarchiv|url=https://codepen.io/about/ |wayback=20120325042104 |text=„About-Seite“}}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{cite web|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|title=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|date=2015-09-14|author=Kelly Kearsley|work=Startupbend}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{Webarchiv|url=https://codepen.io/about/ |wayback=20120325042104 |text=„About-Seite“}}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{cite web|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|title=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|date=2015-09-14|author=Kelly Kearsley|work=Startupbend<ins style="font-weight: bold; text-decoration: none;">|accessdate=2017-03-17|archiveurl=https://web.archive.org/web/20180711095011/https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|archivedate=2018-07-11|offline=yes|archivebot=2023-04-03 17:34:17 InternetArchiveBot</ins>}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> </tr> </table> InternetArchiveBot https://de.wikipedia.org/w/index.php?title=CodePen&diff=225350000&oldid=prev Bildungsbürger: -BKL-Link 2022-08-15T09:53:24Z <p>-BKL-Link</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 15. August 2022, 11:53 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website|Name=CodePen|Logo=[[Datei:CodePen logo.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von&amp;#160;[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“ genannt, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen Bereich von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard]]<del style="font-weight: bold; text-decoration: none;">s</del> (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, [[Social Media]] zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund seines Dashboards ändern. Die Plattform enthält außerdem Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website|Name=CodePen|Logo=[[Datei:CodePen logo.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von&amp;#160;[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“ genannt, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen Bereich von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard<ins style="font-weight: bold; text-decoration: none;"> (Informationsmanagement)|Dashboards</ins>]] (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, [[Social Media]] zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund seines Dashboards ändern. Die Plattform enthält außerdem Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek<del style="font-weight: bold; text-decoration: none;">|Programmbibliotheken</del>]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek]]<ins style="font-weight: bold; text-decoration: none;">en</ins>, das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{Webarchiv|url=https://codepen.io/about/ |wayback=20120325042104 |text=„About-Seite“}}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{cite web|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|title=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|date=2015-09-14|author=Kelly Kearsley|work=Startupbend}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{Webarchiv|url=https://codepen.io/about/ |wayback=20120325042104 |text=„About-Seite“}}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{cite web|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|title=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|date=2015-09-14|author=Kelly Kearsley|work=Startupbend}}&lt;/ref&gt;</div></td> </tr> </table> Bildungsbürger https://de.wikipedia.org/w/index.php?title=CodePen&diff=223402890&oldid=prev Gustav Rund: Ausbessern Komma 2022-06-03T15:06:46Z <p>Ausbessern Komma</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 3. Juni 2022, 17:06 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website|Name=CodePen|Logo=[[Datei:CodePen logo.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von&amp;#160;[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“ genannt, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen Bereich von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard]]s (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, [[Social Media]] zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund<del style="font-weight: bold; text-decoration: none;">,</del> seines Dashboards ändern. Die Plattform enthält außerdem Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website|Name=CodePen|Logo=[[Datei:CodePen logo.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von&amp;#160;[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“ genannt, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen Bereich von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard]]s (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, [[Social Media]] zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund seines Dashboards ändern. Die Plattform enthält außerdem Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> </tr> </table> Gustav Rund https://de.wikipedia.org/w/index.php?title=CodePen&diff=214314481&oldid=prev CommonsDelinker: Ersetze Black-Large.png durch CodePen_logo.png (von CommonsDelinker angeordnet: File renamed: Criterion 2 (meaningless or ambiguous name) · [[:c:Special:Co 2021-07-29T13:58:38Z <p>Ersetze Black-Large.png durch <a href="https://commons.wikimedia.org/wiki/File:CodePen_logo.png" class="extiw" title="commons:File:CodePen logo.png">CodePen_logo.png</a> (von <a href="https://commons.wikimedia.org/wiki/User:CommonsDelinker" class="extiw" title="commons:User:CommonsDelinker">CommonsDelinker</a> angeordnet: <a href="https://commons.wikimedia.org/wiki/COM:FR" class="extiw" title="c:COM:FR">File renamed</a>: <a href="https://commons.wikimedia.org/wiki/COM:FR#FR2" class="extiw" title="c:COM:FR">Criterion 2</a> (meaningless or ambiguous name) · [[:c:Special:Co</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 29. Juli 2021, 15:58 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website|Name=CodePen|Logo=[[Datei:<del style="font-weight: bold; text-decoration: none;">Black-Large</del>.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von&amp;#160;[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“ genannt, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen Bereich von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard]]s (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, [[Social Media]] zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund, seines Dashboards ändern. Die Plattform enthält außerdem Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website|Name=CodePen|Logo=[[Datei:<ins style="font-weight: bold; text-decoration: none;">CodePen logo</ins>.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von&amp;#160;[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“ genannt, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen Bereich von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard]]s (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, [[Social Media]] zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund, seines Dashboards ändern. Die Plattform enthält außerdem Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> </tr> </table> CommonsDelinker https://de.wikipedia.org/w/index.php?title=CodePen&diff=208277263&oldid=prev Meinichselbst: Archivlink überprüft 2021-01-31T11:26:33Z <p>Archivlink überprüft</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 31. Januar 2021, 13:26 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 3:</td> <td colspan="2" class="diff-lineno">Zeile 3:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{Webarchiv|url=https://codepen.io/about/ |wayback=20120325042104 |text=„About-Seite“<del style="font-weight: bold; text-decoration: none;"> |archiv-bot=2020-10-05 10:06:37 InternetArchiveBot </del>}}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{cite web|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|title=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|date=2015-09-14|author=Kelly Kearsley|work=Startupbend}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{Webarchiv|url=https://codepen.io/about/ |wayback=20120325042104 |text=„About-Seite“}}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{cite web|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|title=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|date=2015-09-14|author=Kelly Kearsley|work=Startupbend}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> </tr> </table> Meinichselbst https://de.wikipedia.org/w/index.php?title=CodePen&diff=204278632&oldid=prev InternetArchiveBot: InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.7 2020-10-05T10:06:37Z <p><a href="/wiki/Benutzer:InternetArchiveBot" title="Benutzer:InternetArchiveBot">InternetArchiveBot</a> hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.7</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 5. Oktober 2020, 12:06 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 3:</td> <td colspan="2" class="diff-lineno">Zeile 3:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen <del style="font-weight: bold; text-decoration: none;">[https://codepen.io/about/ „About-Seite“]</del>{{<del style="font-weight: bold; text-decoration: none;">Toter Link</del>|url=https://codepen.io/about/ |<del style="font-weight: bold; text-decoration: none;">date</del>=<del style="font-weight: bold; text-decoration: none;">2019</del>-<del style="font-weight: bold; text-decoration: none;">08</del> |<del style="font-weight: bold; text-decoration: none;">archivebot</del>=<del style="font-weight: bold; text-decoration: none;">2019</del>-<del style="font-weight: bold; text-decoration: none;">08</del>-<del style="font-weight: bold; text-decoration: none;">30</del> <del style="font-weight: bold; text-decoration: none;">08</del>:<del style="font-weight: bold; text-decoration: none;">22</del>:<del style="font-weight: bold; text-decoration: none;">36</del> InternetArchiveBot }}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{cite web|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|title=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|date=2015-09-14|author=Kelly Kearsley|work=Startupbend}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>CodePen wurde 2012 von den [[Softwarestack|Full-Stack-Entwicklern]] Alex Vazquez, Tim Sabat und Front-End-Designer Chris Coyier gegründet.&lt;ref&gt;CodePen {{<ins style="font-weight: bold; text-decoration: none;">Webarchiv</ins>|url=https://codepen.io/about/ |<ins style="font-weight: bold; text-decoration: none;">wayback</ins>=<ins style="font-weight: bold; text-decoration: none;">20120325042104 |text=„About</ins>-<ins style="font-weight: bold; text-decoration: none;">Seite“</ins> |<ins style="font-weight: bold; text-decoration: none;">archiv-bot</ins>=<ins style="font-weight: bold; text-decoration: none;">2020</ins>-<ins style="font-weight: bold; text-decoration: none;">10</ins>-<ins style="font-weight: bold; text-decoration: none;">05</ins> <ins style="font-weight: bold; text-decoration: none;">10</ins>:<ins style="font-weight: bold; text-decoration: none;">06</ins>:<ins style="font-weight: bold; text-decoration: none;">37</ins> InternetArchiveBot }}, ''Codepen.io'', abgerufen am 9. Januar 2018.&lt;/ref&gt; CodePen ist mit geschätzt 330.000 registrierten Benutzern und 16,9 Millionen Besuchern monatlich (Stand: September 2015) eine der größten Communitys für Webdesigner und Entwickler zum Präsentieren der eigenen Programmierfähigkeiten.&lt;ref&gt;{{cite web|url=https://startupbend.com/articles/50startups-update-how-codepen-raised-1-million-in-five-minutes/|title=#50startups Update: How CodePen Raised $1 Million (in Five Minutes)|date=2015-09-14|author=Kelly Kearsley|work=Startupbend}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Einzelnachweise ==</div></td> </tr> </table> InternetArchiveBot https://de.wikipedia.org/w/index.php?title=CodePen&diff=198873377&oldid=prev DavidSpudic: Obwohl viele den Begriff "Social Media" kennen werden, habe Ich eine Verlinkung erstellt zur Begriffsklärungsseite von Wikipedia. Dies ist eine freie Enzyklopädie und wir sollten unser auch entsprechend geteiltes Wissen für jeden Verständlich machen. :) 2020-04-14T20:27:47Z <p>Obwohl viele den Begriff &quot;Social Media&quot; kennen werden, habe Ich eine Verlinkung erstellt zur Begriffsklärungsseite von Wikipedia. Dies ist eine freie Enzyklopädie und wir sollten unser auch entsprechend geteiltes Wissen für jeden Verständlich machen. :)</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 14. April 2020, 22:27 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website|Name=CodePen|Logo=[[Datei:Black-Large.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von&amp;#160;[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“ genannt, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen Bereich von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard]]s (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, Social Media zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund, seines Dashboards ändern. Die Plattform enthält außerdem Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website|Name=CodePen|Logo=[[Datei:Black-Large.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von&amp;#160;[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“ genannt, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen Bereich von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard]]s (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, <ins style="font-weight: bold; text-decoration: none;">[[</ins>Social Media<ins style="font-weight: bold; text-decoration: none;">]]</ins> zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund, seines Dashboards ändern. Die Plattform enthält außerdem Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> </tr> </table> DavidSpudic https://de.wikipedia.org/w/index.php?title=CodePen&diff=198478197&oldid=prev HerrAdams: Tippfehler korrigiert 2020-04-04T19:04:33Z <p>Tippfehler korrigiert</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 4. April 2020, 21:04 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website|Name=CodePen|Logo=[[Datei:Black-Large.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von&amp;#160;[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch<del style="font-weight: bold; text-decoration: none;"> gennant</del> „Pens“, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen <del style="font-weight: bold; text-decoration: none;">Berreich</del> von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard]]s (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, Social Media zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund, seines Dashboards ändern. Die Plattform enthält <del style="font-weight: bold; text-decoration: none;">ausserdem</del> Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Website|Name=CodePen|Logo=[[Datei:Black-Large.png|300px|CodePen logo]]|url=[https://codepen.io/ codepen.io]|Sprachen=Englisch|Mitglieder=330.000&lt;br /&gt;&lt;small&gt;Stand: September 2015&lt;/small&gt;|Slogan=Demo or it didn’t happen.}}'''CodePen''' ist eine [[Online-Community]] zum Testen und Zeigen von&amp;#160;[[Hypertext Markup Language|HTML]]-, [[Cascading Style Sheets|CSS]]- und [[JavaScript]]-[[Quelltext|Code]], die von Benutzern erstellt worden sind. CodePen funktioniert als ein Online-Code-[[Texteditor|Editor]] und als eine [[Open Source|Open-Source]]-Lernumgebung, in der Entwickler Codeschnipsel, auch „Pens“<ins style="font-weight: bold; text-decoration: none;"> genannt</ins>, erstellen und testen können. Die Plattform wird darüber hinaus im professionellen <ins style="font-weight: bold; text-decoration: none;">Bereich</ins> von zahlreichen Entwicklern benutzt. Dafür nutzen die User die von CodePen bereitgestellten Funktionen eines [[Dashboard]]s (ähnlich wie bei [[Instagram]]). Hier können die registrierten User durch die Einstellungen bestimmte „Pens“ ausblenden oder besonders hervorheben. Es besteht außerdem die Möglichkeit, Social Media zu verlinken. Hat man sich ein Abonnement gekauft, kann man auch den Hintergrund, seines Dashboards ändern. Die Plattform enthält <ins style="font-weight: bold; text-decoration: none;">außerdem</ins> Funktionen zum [[Kollaboratives Schreiben|kollaborativen Schreiben]]. Sie unterstützt unter anderem die Stylesheet-Sprache [[Sass (Stylesheet-Sprache)|Sass]] sowie das Erstellen von [[Abspaltung (Softwareentwicklung)|Forks]] anderer Projekte.&lt;ref&gt;{{Literatur |Autor=Jakub Fiala, Matthew Yee-King, Mick Grierson |Hrsg=Thor Magnusson, Chris Kiefer, Sam Duffy |Titel=Collaborative coding interfaces on the Web |Sammelwerk=Proceedings of the 2016 International Conference on Live Interfaces |Verlag=Reframe Books |Ort=Falmer |Datum=2016 |ISBN=978-0-9931996-8-4 |Seiten=49-57 |Online=[http://users.sussex.ac.uk/~thm21/ICLI_proceedings/2016/Papers/Long_Papers/109_Collaborative_Coding_Interfaces_Web.pdf users.sussex.ac.uk] |Format=PDF |KBytes=1538}}&lt;/ref&gt;&lt;ref&gt;{{Literatur |Autor=Christopher Pitt |Hrsg= |Titel=Making Games |Auflage= |Verlag=Apress |Ort=Berkeley |Datum=2016 |ISBN=978-1-4842-2492-2 |Seiten=3 |DOI=10.1007/978-1-4842-2493-9_1}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Im Gegensatz zu [[Integrierte Entwicklungsumgebung|Integrierten Entwicklungsumgebungen]] (IDEs) mit größerem Funktionsumfang dient CodePen vor allem der spontanen Entwicklung und Ausführung kleiner Programme. Typische Anwendungsfälle sind das Testen von [[Programmbibliothek|Programmbibliotheken]], das Erstellen von minimalen Programmen zur Behebung von [[Programmfehler|Bugs]] sowie das Austauschen von Codeschnipseln.&lt;ref&gt;{{Literatur |Autor=Thomas Staubitz, Hauke Klement, Jan Renz, Ralf Teusner, Christoph Meinel |Titel=Towards practical programming exercises and automated assessment in Massive Open Online Courses |Sammelwerk=2015 IEEE International Conference on Teaching, Assessment, and Learning for Engineering (TALE) |Datum=2015-12 |Seiten=23–30 |DOI=10.1109/tale.2015.7386010}}&lt;/ref&gt;</div></td> </tr> </table> HerrAdams