Ergebnis 1 bis 21 von 21

Thema: Artikelsammlung zu MooTools

  1. #1
    Haupt-Administratorin der Contao-Foren
    Buchautorin 'Contao für Redakteure'
    Avatar von Nina
    Registriert seit
    04.06.2009.
    Ort
    Berlin
    Beiträge
    4.526
    Partner-ID
    397
    User beschenken
    Wunschliste

    Frage Artikelsammlung zu MooTools

    Ich fange hier mal eine Artikelsammlung rund um Mootools an, da das ja ein durchaus interessanter Aspekt von TYPOlight ist.

    Englische Artikel:


    Deutsche Artikel:


    Schöne Anwendungsbeispiele als Anregung was mit MooTools so möglich ist:
    Große Liste von Websites die mit MooTools arbeiten (Schwergewichte wie "CNET Networks", "MTV Germany", "Stanford University", ...)

    Ganze Effekt-Sammlungen/Aufbauten:

    Einzelne Effekte:

    Quellen für diese Liste: Google, Medianotions Blog, Kulando Blog, astBlog

    Noch eine Anmerkung die mir persönlich wichtig ist:
    Plant eure MooTools Scripte immer so, dass man auch dann noch auf die Inhalte zugreifen kann wenn aus irgendeinem Grund Javascript nicht aktiv ist (z. B. weil die Sicherheitseinstellungen in einem Firmennetzwerk so hoch sind oder die Leute mit Handy/PDA/etc. unterwegs sind die JS zum Sparen von Übertragung einschränken oder ganz unterbinden). Bei CNet sieht man, was passiert, wenn man daran nicht denkt. Der Effekt für die Teaser mit Bild oben auf der Startseite ist sehr cool. Wenn JS inaktiv ist, kann man die Inhalte aber überhaupt nicht mehr lesen, da alles übereinander klebt!

    Bei der Stanford University sieht man hingegen, wie man es richtig macht. Mit aktivem JS kann man oben die Subnavi schön ausfahren. Ohne JS kann man aber die Hauptpunkte der Navi immer noch anklicken und kommt dann auf der Folgeseite regulär zu allen Subinhalten. Mit JS gibt es also einen Usability-Bonus, aber ohne JS kann man die Seite auch sauber nutzen.

    Das unterscheidet in meinen Augen einen normalen Programmierer von einem guten Programmierer

    Zum Thema passt noch: Ajax-Extensions barrierefreier machen
    Es gibt viele Wege sich zu engagieren: Beteilige dich im Forum, schreib im Contao Wiki, werde Mitglied in der Contao-Association, verfasse Beiträge in deinem Blog, ...

    Meine Firma: Berlin / Hamburg / Schwerin: Webdesign mit Contao (TYPOlight)
    Contao-Schulungen für Redakteure
    Contao-Schulungen für Webdesigner

    Contao-Handbuch für Redakteure - basiert auf Contao Version 2.x

  2. #2
    Community-Moderator Avatar von schman
    Registriert seit
    20.06.2009.
    Ort
    Dornbirn
    Beiträge
    3.737
    User beschenken
    Wunschliste

    Standard

    Danke Nina für die Tolle Sammlung, leider ist MooRainbow falsch verlinkt (Link zeigt auf https://community.contao.org/de/MooRainbow) kannst du das noch fixen bitte?

    Danke nochmals, da hab ich jetzt einiges zu lesen

  3. #3
    Haupt-Administratorin der Contao-Foren
    Buchautorin 'Contao für Redakteure'
    Avatar von Nina
    Registriert seit
    04.06.2009.
    Ort
    Berlin
    Beiträge
    4.526
    Partner-ID
    397
    User beschenken
    Wunschliste

    Standard

    Danke für den Hinweis, hab es korrigiert.
    Es gibt viele Wege sich zu engagieren: Beteilige dich im Forum, schreib im Contao Wiki, werde Mitglied in der Contao-Association, verfasse Beiträge in deinem Blog, ...

    Meine Firma: Berlin / Hamburg / Schwerin: Webdesign mit Contao (TYPOlight)
    Contao-Schulungen für Redakteure
    Contao-Schulungen für Webdesigner

    Contao-Handbuch für Redakteure - basiert auf Contao Version 2.x

  4. #4
    Contao-Nutzer Avatar von frosch95
    Registriert seit
    19.06.2009.
    Beiträge
    28

    Standard

    Hallo Nina,

    super Beitrag!

    Komponenten:


    Ich schliesse mich dem Aufruf von Nina an, mit Umsicht JS zu programmieren. Hier kann man besonders von den jQuery Leuten viel lernen. Am besten man sucht mal nach den Stichworten "javascript unobtrusive", da findet man viele gute Ideen, wie man eine Seite aufbaut, die ohne JS funktioniert und mit JS halt noch ein bischen besser.
    Geändert von frosch95 (28.07.2009 um 11:37 Uhr)

  5. #5
    Contao-Urgestein Avatar von Toflar
    Registriert seit
    15.06.2009.
    Beiträge
    4.125
    Partner-ID
    8667
    User beschenken
    Wunschliste

    Standard

    Es werden sich immer wieder Scripte überschneiden, aber ich finde die Sammlung super cool - danke Nina!

    Hier auch noch was von meiner Seite: http://www.consideropen.com/blog/category/mootools-12/

    Auch beschrieben, wie man Sortables braucht, ein wahnsinnig mächtiges Feature wie ich gemerkt habe
    terminal42 gmbh
    Wir sind Contao Premium-Partner!
    Für Modulwünsche oder Programmierungen kannst du uns gerne kontaktieren.

  6. #6
    Contao-Urgestein Avatar von leo.unglaub
    Registriert seit
    20.06.2009.
    Ort
    1170 Wien
    Beiträge
    2.014
    Partner-ID
    2141
    User beschenken
    Wunschliste

    Standard

    Ich kann leider keinen Link beisteuern, aber auch ich will mich sehr für die Link-Sammlung bedanken. Wirklich total super !!!

    Vielen Dank
    Leo
    Linus Torvalds: "WE DO NOT BREAK USERSPACE!"
    Twitter

  7. #7
    Contao-Fan Avatar von Stephan
    Registriert seit
    19.06.2009.
    Ort
    Berlin
    Beiträge
    349

    Standard

    Ok, mal sehen, ob ich auch noch ein paar Links beisteuern kann.

    *in den Bookmarks kram*



    Edit: Gerade wurde auf Smashing-Magazine ein Artikel zu MooTools veröffentlicht, der ganz gut hier rein passt wie ich finde.
    Geändert von Stephan (28.07.2009 um 16:22 Uhr)

  8. #8
    Contao-Nutzer
    Registriert seit
    19.06.2009.
    Beiträge
    93

    Standard

    Hier ist auch noch eine "kleine" Kollektion: http://www.smashingmagazine.com/2009...rces-round-up/

  9. #9
    Contao-Nutzer Avatar von frosch95
    Registriert seit
    19.06.2009.
    Beiträge
    28

  10. #10
    Contao-Nutzer Avatar von gracilis
    Registriert seit
    19.06.2009.
    Ort
    Rostock
    Beiträge
    95

    Standard

    Salve,
    wenn man 'früher' das swap image von DW genutzt hat, kann man für mootools nun auch dieses (ganz einfache) script nutzen:

    http://davidecaffaratti.com/2009/05/...ls-swap-image/

    die bilder müssen nicht zwingend ein a-tag haben.
    .per.aspera.ad.astra.

  11. #11
    Contao-Urgestein Avatar von FloB
    Registriert seit
    19.06.2009.
    Ort
    Sonnensystem
    Beiträge
    1.608

    Standard

    Schöne Sammlung! Viele Dank!

    Könntest du noch die offizielle Script- / Plugin-Sammlung von MooTools aufnehmen?
    Geändert von FloB (25.03.2010 um 19:21 Uhr)
    So long,
    FloB since Nov. 2007 +706P +115P and counting

  12. #12
    Contao-Nutzer Avatar von FloydThreepwood
    Registriert seit
    22.07.2009.
    Ort
    Dortmund, NRW
    Beiträge
    113

    Standard Accessible Tabs

    Hi, ich bin mir nicht sicher ob Ich das hier oder unbekannter Ort schreiben soll...

    Also: Ich hab heute 3 PlugIns online gestellt, insbesondere Accessible Tabs nach dem Vorbild von Dirk Ginader könnte euch interessieren, die anderen sind eher Hilfsklassen. Insofern 'Link' zu Anleitung/Blogeintrag/Download/Demo

    Viel Spaß! MFG Jan
    Geändert von FloydThreepwood (25.03.2010 um 22:23 Uhr)

  13. #13
    Contao-Urgestein Avatar von Sebastian
    Registriert seit
    19.06.2009.
    Ort
    Stuttgart
    Beiträge
    3.357

    Standard

    HI

    Die Tab-Sache ist super! Übrigens kann ich auf deiner Website nicht kommentieren, auch nach 20 Mal steht da: „Bitte beantworten Sie die Sicherheitfrage“.

    Sebastian

  14. #14
    Contao-Nutzer Avatar von FloydThreepwood
    Registriert seit
    22.07.2009.
    Ort
    Dortmund, NRW
    Beiträge
    113

    Standard

    Danke für den Hinweis! Hab die Sicherheitsfrage jetzt mal rausgenommen (Test klappte), mit so ner kleinen Seite sind Bots ja recht unwahrscheinlich....

    Das passiert wenn man den ganzen Tag noch dran rumschraubt.

    UPDATE: Mein 100ster Beitrag, ich bin halt forenfaul.
    Geändert von FloydThreepwood (25.03.2010 um 20:13 Uhr) Grund: Freuen

  15. #15
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    12.759
    Partner-ID
    6127
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von FloydThreepwood Beitrag anzeigen
    Hi, ich bin mir nicht sicher ob Ich das hier oder unbekannter Ort schreiben soll...

    Also: Ich hab heute 3 PlugIns online gestellt, insbesondere Accessible Tabs nach dem Vorbild von Dirk Ginader könnte euch interessieren, die anderen sind eher Hilfsklassen. Insofern 'Link' zu Anleitung/Blogeintarg/Download/Demo

    Viel Spaß! MFG Jan
    Hallo FloydThreepwood,
    super Sache mit den Tabs :-)
    Ich konnte die zwar schon mit jquery einbauen, werde das aber noch mal abändern, damit ich nicht 2 JS-Frameworks nutzen muss.
    Jetzt brauch ich das nur noch als TL-Erweiterung und ich kann das auch für Kunden nutzen

    Vielen Dank!
    und
    Viele Grüße

  16. #16
    Contao-Nutzer Avatar von FloydThreepwood
    Registriert seit
    22.07.2009.
    Ort
    Dortmund, NRW
    Beiträge
    113

    Standard

    @MackP

    Ich war mir vor einem Monat auch noch scher innerhalb einer Woche alles fertig machen zu können...

    Über eine TL-Erweiterung hab ich zwar schon nachgedacht, bin mir aber noch sehr unsicher, wie ich das machen werde. Zwar bietet sich für TL ein Javascript-'Präprozessor' an, da ja alle Elemente schon vorhanden sind. Ich habe aber noch keine Idee, wie da ein Interface bei rausspringen wird.

    MFG Jan

  17. #17
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    12.759
    Partner-ID
    6127
    User beschenken
    Wunschliste

    Standard

    Na, ich mein ja auch nicht das du unbedingt ne Erweiterung dafür schreiben musst. Eventuell macht das ja auch jemand anders

    Leider hab ich im Moment nicht wirklich Geld um sowas zu unterstützen

    Ein Interface.. hmm ich würde mir das im Grunde so vorstellen wie die subcolumns Erweiterung. Damit kommen auch Kunden sehr gut zurecht, da es an sich simpel ist und Übersichtlich im Backend.
    Und anstelle von Breiten und Anhal der Spalten könnte es hier Anzahl der Tabs und Art vom Effekt sein. So könnte man bei jeder Ansammlung von Tabs einen anderen Efekt nehmen wenn man das braucht und es ist an sich schön simpel.

    Aber wie immer.. ich hab Ideen. Nur kann ich die leider nicht umsetzen ^^

    Schöne Nacht auf jeden Fall noch
    Viele Grüße

  18. #18
    Contao-Nutzer Avatar von FloydThreepwood
    Registriert seit
    22.07.2009.
    Ort
    Dortmund, NRW
    Beiträge
    113

    Standard

    HalloMacKP,

    Ich habe jetzt neben deinem Vorschlag auch den Vorschlag Accordeon gehört, beide sind mir bekannt aber: Sie berauben dem ganzen das 'accessible'. Das PlugIn funktioniert nur dann gut, wenn es auch den richtigen HTML Aufbau vorgesetzt bekommt. Ich sehe kaum eine vernünftige Möglichkeit so etwas über ContentElemente zu leisten.

    Viel lieber würde ich einen ganzen Artikel zu einer Tab-Sammlung machen und dann jede vergebene Überschrift eines bestimmten Typs zum Tab-Header machen. Das habe ich allerdings bisher kaum gesehen. Ist das der TYPOlight Weg?

    MFG Jan

  19. #19
    Contao-Urgestein Avatar von Toflar
    Registriert seit
    15.06.2009.
    Beiträge
    4.125
    Partner-ID
    8667
    User beschenken
    Wunschliste

    Standard

    Darf ich mal fragen, was der Unterschied ist zu dem da: https://contao.org/erweiterungsliste...010039.de.html

    ?

    Gibt's ja schon ewig
    terminal42 gmbh
    Wir sind Contao Premium-Partner!
    Für Modulwünsche oder Programmierungen kannst du uns gerne kontaktieren.

  20. #20
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    12.759
    Partner-ID
    6127
    User beschenken
    Wunschliste

    Standard

    Hallo FloydThreepwood,
    Accordion funktioniert ja fast genau so wie ich mir das dachte.
    Deinen Einwand kann ich da nur zum Teil verstehen, da man so ja das HTML praktisch vorgeben würde.
    Inhaltlich kann da wieder alles sein.
    Mit den Artikeln als Idee von dir kann ich allerdings auch versehen. Allerdings muss ich sagen das so etwas wirklich verdammt viel werden kann und nicht so flexiebel ist.
    Ich nutze auf manchen Seiten die Artikel extra als logische Unterteilung von Seiten (für mich und die Pflegenden). Ab einer gewissen Seitengröße ist das wirklich sehr viel was man da überblicken muss/möchte.
    Und: Man hat im Grunde nicht mehr so einfach die Möglichkeit Artikel anteasern zu lassen bei mehreren.. da muss man sich dann für eine Methode entscheiden.. und das finde ich immer schade und ist in einer Erweiterung dann nicht mehr wirklich Änderbar.

    Das so als Gedanken die ich dabei habe.
    Wie du das jetzt machst, ist ja deine Entscheidung. Wer weiß, vllt brauchst du es auch eher anders ;-)

    Viele Grüße

    PS: sollten wir vllt nen eigenen Thread aufmachen dafür? So langsam hat das ja nix mehr mit dem Thema zu tun..

    PPS: @ Toflar, ja.. die ist schon richtig alt.. ich weiß gar nicht mehr was ich da nicht so prickelnd fand.. aber so wie ich mich kenne sah das ohne JS nicht gerade passend aus... Hast mal nen Beispiel zur Hand wo die Erweiterung genutzt wird? Sonst install ich mir die nachher mal.
    Geändert von MacKP (26.03.2010 um 14:54 Uhr)

  21. #21
    Contao-Nutzer
    Registriert seit
    03.09.2011.
    Ort
    NRW, Stolberg
    Beiträge
    26

    Standard Thanks from a newcomer

    Hallo Nina,
    danke an dich für diese Super COmmunity. Seit ich den Podcast auf Technikwürze gehört hab, weiß ich ja nun, dass du deinen Kopf dafür hinhalten muss. Daher ein besonderer Dank an dich und alle die hier Ihr wissen teilen. Für Neueinsteiger ist das wirklich eine Goldgrube und der Spaß mit Contao steigt damit von Tag zu Tag :-))

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Sinn von mootools-core.gz.js & mootools-core.js
    Von Dani im Forum Sonstiges zu Contao
    Antworten: 3
    Letzter Beitrag: 13.07.2010, 22:46
  2. Mootools 1.11 Demos in Mootools Version 1.2
    Von Dani im Forum Off Topic
    Antworten: 3
    Letzter Beitrag: 30.04.2010, 21:29
  3. MooTools
    Von spirelli im Forum Sonstiges zu Contao
    Antworten: 1
    Letzter Beitrag: 28.03.2010, 18:05
  4. Mootools verwenden
    Von Mojo78 im Forum Layout / Templates / Holy Grail
    Antworten: 1
    Letzter Beitrag: 16.02.2010, 20:45
  5. Mootools 1.2.3
    Von lomex im Forum mootoolsnav
    Antworten: 3
    Letzter Beitrag: 08.10.2009, 09:03

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •