Ratchet 2.0 - das schönste HTML5-Framework ist jetzt sowohl mit iOS als auch mit Android befreundet



    Ratchet - das sogenannte HTML5-Framework für das Rapid Prototyping mobiler Anwendungen, das vor 1,5 Jahren von denselben Entwicklern entwickelt wurde, die einst Bootstrap herausgebracht haben.

    Mit dem Tool können Sie schnell eine schöne Benutzeroberfläche für mobile Anwendungen erstellen. Außerdem erhalten Sie wunderschöne Stile und wunderbare Symbole, die je nach Plattform auf die Richtlinie abgestimmt sind. Sie können einen Prototyp erstellen oder ihn in PhoneGap einbinden und mühelos eine vergleichbare Produktionsschnittstelle zur nativen Anwendungsschnittstelle erhalten.
    Das Framework ist sehr einfach zu bedienen und gut dokumentiert.

    Ich bin seit der Veröffentlichung der ersten Version ein Fan von Ratchet. Damals war es nur unter iOS verfügbar.
    Vor nicht allzu langer Zeit wurde die zweite Version veröffentlicht, die neben iOS auch Android unterstützt. Hurra!
    (Richtig, es gibt keine Abwärtskompatibilität mit der ersten Version)

    Wen interessieren die neuen Ratchet 2.0-Funktionen - ich bitte um einen Schnitt!

    Lizenzen


    Ratsche ist unter der MIT-Lizenz erhältlich .
    Die Dokumentation ist unter CC BY 3.0 lizenziert

    Starten Sie


    Laden Sie das Framework herunter und sehen Sie eine solche Struktur - Stile, Js und Symbole
    ratchet/
    ├── css/
    │   ├── ratchet.css
    │   ├── ratchet.min.css
    │   ├── ratchet-theme-android.css
    │   ├── ratchet-theme-android.min.css
    │   ├── ratchet-theme-ios.css
    │   ├── ratchet-theme-ios.min.css
    ├── js/
    │   ├── ratchet.js
    │   └── ratchet.min.js
    └── fonts/
        ├── ratchicons.eot
        ├── ratchicons.svg
        ├── ratchicons.ttf
        └── ratchicons.woff
    

    * .min.css und * .min.js sind genauso wie gleichnamige Dateien ohne min, nur komprimiert.

    Wie wir sehen können, sind Stile für iOS, für Android und ein Grundstil verfügbar.
    Sie können jetzt das Erscheinungsbild der Anwendung ändern, indem Sie einfach das gewünschte Stylesheet verbinden und HTML überhaupt nicht berühren. Für mich ist dies das leckerste im neuen Framework.

    Lesen Sie zunächst die Seite Erste Schritte . Es gibt auch eine HTML-Vorlage, mit der Sie bequem loslegen können.

    Die Komponenten




    Das Framework enthält alle grundlegenden Komponenten, die Entwickler möglicherweise benötigen - eine Kopfzeile, Schaltflächen, Listen, Formularelemente, Registerkarten usw.
    Sie anzuschauen ist ein Vergnügen.
    Probieren Sie es aus, indem Sie einfach nach unten scrollen.

    Ihr Aussehen wird in allen drei Optionen angezeigt - unter iOS, Android und Basic (der Wechsel zwischen ihnen wird angezeigt, wenn Sie erneut nach unten scrollen).
    Für mich ist der Grundstil der schönste.

    Symbole sind als separate Schrift verfügbar. Sind sie nicht hübsch?


    Referenzen


    Die gesamte Dokumentation ist auf der Projektwebsite verfügbar. Sehr klar, vollständig und gut illustriert.
    Ich sehe keinen Grund, es noch einmal zu erzählen - besser als die Jungs bereits geschrieben haben, werde ich nicht schreiben.
    Es ist sehr einfach zu verstehen und im Allgemeinen gewinnt die Schnittstelle ihrer Dokumentation leicht den Preis für die beste Präsentation von Informationen.

    Hauptdokumentation

    In englischer Sprache http://goratchet.com/
    In russischer Sprache http://rusratchet.org/

    Und auch

    Ratchet on Github https://github.com/twbs/ratchet
    Die erste Version für diejenigen, die etwas im Stil älterer iOS-Versionen erstellen möchten: http://goratchet.com/1.0.2/
    (NB! Keine Abwärtskompatibilität)

    PS


    Das Framework ist zu einem meiner Favoriten geworden. Es eignet sich auch für Rapid Prototyping und für die Produktion - sowohl für die mobile Version der Site als auch als mobile Anwendung (in letzterem Fall muss es in PhoneGap eingebunden sein).

    Viel Glück für alle und viel Spaß bei der Arbeit an Projekten!

    Jetzt auch beliebt: