Anzeige
Anzeige
News
Artikel merken

Die Hälfte aller Webdesigner kann kein Javascript – diese Bibliothek will das ändern

Die Webdesign-Expertin Lea Verou stellt ihr neuestes Projekt vor: Markapp.io ist eine Sammlung von Javascript-Bibliotheken, die ohne Javascript-Kenntnisse verwendet werden können.

2 Min. Lesezeit
Anzeige
Anzeige

Markapp.io: Javascript ohne Javascript, quasi. (Foto: Pixabay.com)

Markapp.io: Javascript verwenden, ohne es zu schreiben

Einer von zwei HTML- und CSS-Autoren fühlt sich nicht wohl, wenn er Javascript schreiben muss, so hat es Lea formuliert. Ich habe daraus die etwas provokantere Überschrift abgeleitet. Das mag man zu stark finden, ich jedoch empfinde das als genau richtige Zustandsbeschreibung.

Anzeige
Anzeige

Schaue ich mich einfach mal selbst an, so muss ich ganz nüchtern festhalten, dass ich zwar HTML, CSS und auch PHP ganz ordentlich beherrsche, aber Javascript eher weniger. Und wenn ich mich im näheren Kollegenkreis kritisch umsehe, dann geht es den meisten davon wohl ähnlich. Natürlich bin ich in der Lage, ein Javascript korrekt einzubauen und zum Laufen zu bringen. Das ist nicht das Problem. Müsste ich allerdings selbst eines umfangreich ändern oder gar selbst erstellen, dann würde das nicht zu einem guten Ergebnis führen.

Insofern mag mir die Formulierung vielleicht doch zu verzeihen sein. Um jedenfalls Designern wie mir eine Hilfe an die Hand zu geben, rief Lea Verou das Projekt Markapp.io ins Leben. Hier sammelt sie Bibliotheken und Frameworks, die zwar die Leistungsfähigkeit von Javascript bieten, aber den Verwender nicht zwingen, solches zu schreiben. Vielmehr lassen sich alle Bibliotheken mittels deklarativer Markups nutzen. Du brauchst nicht einmal händisch in einen Javascript-Funktionsaufruf einzugreifen oder ähnlich niederschwellige Aktionen vorzunehmen. HTML reicht völlig.

Anzeige
Anzeige
Markapp.io: Schnelle Liste guter Lösungen. (Screenshot: t3n)

Markapp.io: Schnelle Liste guter Lösungen. (Screenshot: t3n)

Markapp.io: Noch überschaubare Liste mit Wachstumswillen

19 Lösungen konnte Verou inzwischen listen. Wenn du willst, kannst du eigene Vorschläge einreichen, so sollte das Projekt recht schnell wachsen. Bislang findest du die üblichen Verdächtigen, darunter Bootstrap und AMP als Großlösungen. Aber auch kleinere Speziallösungen, darunter Verous eigenes Script Stretchy, über das wir hier bei t3n schon ausführlich berichteten, stehen zur Verfügung.

Anzeige
Anzeige

Die Darstellung erfolgt in Form eines Grid, das sich responsiv anpasst, in der Breite dann aber etwa bei 1024px fixiert wird. Trotz des Hovereffekts, der suggeriert, man könne die einzelnen Inhaltskarten klicken, ist das nicht der Fall. Vielmehr findest du nicht mehr als den Namen des jeweiligen Projekts, nebst den Urhebern, einer Beschreibung in einem Satz und dem Link zum entsprechenden Github-Repository.

Markapp.io ist ein Bookmark wert

Markapp.io ist damit eher nicht für den Einsteiger geeignet, denn viel mehr als eine Verlinkung zu einem Projekt findet nicht statt. Den Nutzen und die Funktionsweise musst du dir selbst erschließen. Professionelle Designer finden in Markapp.io eine schnelle Möglichkeit, zu schauen, ob es für das anstehende Problem eine Lösung gibt, bei der man kein Javascript schreiben muss.

Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
9 Kommentare
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

5kibbi

Euch ist klar, dass das nur eine stupide Linkliste ist? Oder?
Natürlich muss man sich bei diesen Frameworks ein wenig mit Javascript auskennen um sie richtig zu benutzen.

Antworten
Dieter Petereit

MIr schon ;-) In meinem Artikeltitel war auch nicht die Rede von „Bibliothek“. Der Begriff wurde reinlektoriert. Also von daher, sieh es nicht so eng.

Antworten
Encor

Das die Kritik mehr als gerechtfertigt ist, müsste Ihnen klar sein. Die Kommentatoren hier sind keine „Stänker“ oder Trolle, sondern teils langjährige Leser Ihres Magazins.

Das kann beim besten Willen nicht ihr ernst sein, so auf konstruktives feedback zu reagieren.

5kibbi

Der Begriff wurde reinlektoriert, ist eine Kritik an die Chefredaktion? Ok …

User

Ein Hoch auf Lea Verou! Sie hat immer tolle Beispiele parrat.

Doch zwei Fragen tun sich mir auf:

1. Muss ein Webdesigner denn auch Javascript und eventuell auch HTML und CSS können? (Meiner Meinung als Webdesigner nach: Ja*). Falls ja, würde diese Berufsbezeichnung nicht viel von einem Frontendentwickler unterscheiden, was wiederum eine ziemliche Diskussion auslösen könnte.

2. Was unterscheidet http://markapp.io/ von Bower, NPM oder Github und Co.? Ich will mich nicht beschweren. Ich mag solche Auflistungen and Frameworks und Beispielen wie auch bei Codrops oder CodyHouse sehr.

* kann selber kein bis nicht viel JS. Schande über mein Haupt.

Antworten
Dieter Petereit

Danke für den Kommentar.

Meiner Meinung nach muss ein Webdesigner Javascript nicht unbedingt beherrschen. Ich selber tue es beispielsweise auch nicht und bin trotzdem seit zwanzig Jahren in Projekten unterschiedlicher Größe im Geschäft. Wie schon im Beitrag erwähnt, gilt das auch für viele andere mir bekannte Webdesigner.

Der Unterschied zu den genannten ist einfach. Markapp.io ist lediglich eine Sammlung von Links zu Ressourcen. Mehr nicht, aber ich finde das an sich schon sehr nützlich.

Antworten
Kritiker

Herr Petereit, irgendwie sind sie hier auf t3n der König der reißerischen Überschriften, mit dann lauem Artikelinhalt … Was Sie da aus der Aussage für die Überschrift ableiten ist einfach nur Clickbait!

Antworten
Karl Marx

Wollt ihr jetzt für jede Link liste nen „artikel“ schreiben? Au man…
Immer weniger Artikel hier die ein reinstöbern noch rechtfertigen würden

Antworten
Dieter Petereit

@Encor: Welche „Kritik“ war denn „mehr als gerechtfertigt“? Markapp.io ist eine Linksammlung zu Projekten, die Javascript-Verwendung mittels HTML-API einfacher machen. Nichts anderes wird im Artikel behauptet.

@5kibbi: Nein, das Anpassen von Headlines gehört ganz klar zum Geschäft eines CvD und da kann er/sie machen, was er/sie will. Das kritisiere ich nicht. Dabei kann es aber gelegentlich zu Eindrücken kommen, wie du sie schilderst. Ich halte auch das nicht für schlimm. Da bin ich ganz entspannt und das sollten viel mehr Leute sein. So, das wäre mein vorheriger Kommentar nun in Langfassung.

Antworten
Abbrechen

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Anzeige
Anzeige