PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Strategie für eine neue Bootstrap-Seite
Beitrag
<blockquote data-quote="noltehans" data-source="post: 2545626" data-attributes="member: 311830"><p>Ich habe mein letztes Projekt mit uikit (<a href="http://getuikit.com/" target="_blank">http://getuikit.com/</a>) und Less gebaut.</p><p>Das ganze ohne externe Compiler sondern nur mit Brackets.</p><p></p><p>Zum kompilieren von Less habe ich das Brackets-Plugin LESS AutoCompile benutzt.</p><p><a href="https://github.com/jdiehl/brackets-less-autocompile" target="_blank">https://github.com/jdiehl/brackets-less-autocompile</a></p><p>oder für SASS</p><p><a href="https://github.com/jasonsanjose/brackets-sass" target="_blank">https://github.com/jasonsanjose/brackets-sass</a></p><p>(NOCH NICHT GETESTET)</p><p></p><p>Zum zusammenfügen der CSS Dateien (CSS aus der LESS/SASS und meiner CSS) habe ich CSS Concat genommen.</p><p></p><p>(Geht natürlich auch über den Compiler, aber ich fand, dass der Livepreview schneller reagiert)</p><p></p><p>Und zu guter Letzt die CSS noch mit dem Minifier for Brackets minimiert.</p><p></p><p></p><p>Alles geht voll automatisch, jede Änderung in der LESS/SASS/CSS wird sofort im Livepreview dargestellt</p><p>und das minimieren der CSS wird beim speichern erledigt.</p><p></p><p>Was Patrick in seinen sehr schönen Postings leider nicht erwähnt hat, ist das "abspecken" der LESS/SASS Hauptdatei.</p><p>Ich habe hier gerade Bootstrap 3.3.5 mit LESS.</p><p>Wenn ich mir die bootstrap.less anschaue, sehe ich zig Sachen, die ich für das jeweilige Projekt nict benötige.</p><p>Breadcrumbs, Pagination, Badges usw.</p><p>Also, alles was du nicht benötigst, einfach auskommentieren. (Vorher ein Backup machen)</p><p>So bekommst du eine schlanke CSS Datei.</p><p></p><p>Zum zusammenfügen und minimieren von JS Dateien kannst du JS Concat nehmen.</p><p><a href="https://github.com/smiclea/brackets-js-concat" target="_blank">https://github.com/smiclea/brackets-js-concat</a></p><p></p><p></p><p>Ach ja, die ganze Geschichte habe ich mir Portable eingerichtet, läuft also auch vom Stick.</p><p><a href="http://sourceforge.net/projects/bracketsportable/" target="_blank">http://sourceforge.net/projects/bracketsportable/</a></p><p>Seid Brackets 1.4 ist diese Version auch wirklich Portable.</p></blockquote><p></p>
[QUOTE="noltehans, post: 2545626, member: 311830"] Ich habe mein letztes Projekt mit uikit ([URL]http://getuikit.com/[/URL]) und Less gebaut. Das ganze ohne externe Compiler sondern nur mit Brackets. Zum kompilieren von Less habe ich das Brackets-Plugin LESS AutoCompile benutzt. [URL]https://github.com/jdiehl/brackets-less-autocompile[/URL] oder für SASS [URL]https://github.com/jasonsanjose/brackets-sass[/URL] (NOCH NICHT GETESTET) Zum zusammenfügen der CSS Dateien (CSS aus der LESS/SASS und meiner CSS) habe ich CSS Concat genommen. (Geht natürlich auch über den Compiler, aber ich fand, dass der Livepreview schneller reagiert) Und zu guter Letzt die CSS noch mit dem Minifier for Brackets minimiert. Alles geht voll automatisch, jede Änderung in der LESS/SASS/CSS wird sofort im Livepreview dargestellt und das minimieren der CSS wird beim speichern erledigt. Was Patrick in seinen sehr schönen Postings leider nicht erwähnt hat, ist das "abspecken" der LESS/SASS Hauptdatei. Ich habe hier gerade Bootstrap 3.3.5 mit LESS. Wenn ich mir die bootstrap.less anschaue, sehe ich zig Sachen, die ich für das jeweilige Projekt nict benötige. Breadcrumbs, Pagination, Badges usw. Also, alles was du nicht benötigst, einfach auskommentieren. (Vorher ein Backup machen) So bekommst du eine schlanke CSS Datei. Zum zusammenfügen und minimieren von JS Dateien kannst du JS Concat nehmen. [URL]https://github.com/smiclea/brackets-js-concat[/URL] Ach ja, die ganze Geschichte habe ich mir Portable eingerichtet, läuft also auch vom Stick. [URL]http://sourceforge.net/projects/bracketsportable/[/URL] Seid Brackets 1.4 ist diese Version auch wirklich Portable. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Strategie für eine neue Bootstrap-Seite
Oben