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="patrick_l" data-source="post: 2545416" data-attributes="member: 194379"><p>Jonas Hellwig (Kulturbanause) hat hier und da Beiträge über Sass/SCSS in seinem Blog. Deutschsprachige Inhalte bezüglich Sass sind im Internet dann doch eher dünn gesät. Für den Einstieg sollte aber folgender Beitrag ausreichen.</p><p></p><p>- <a href="http://blog.kulturbanause.de/2014/05/einstieg-in-sass-funktionsweise-und-ueberblick/" target="_blank">Kulturbanause.de » Einstieg in Sass - Funktionsweise und Überblick</a></p><p></p><p>Wer CSS beherrscht, wird eigentlich auch mit einem Preprocessor wie Sass keine Probleme haben. Für den Anfang reicht es schon, wenn du lediglich deine CSS in SCSS umbenennst. Anschließend auch die bootstrap.<strong>css</strong> mit der .<strong>scss </strong>Endung versiehst und diese deiner main<strong>.scss</strong> importierst. Danach nur noch deine main.css kompilieren. Sass muss dafür auch nicht zwingend auf deinem OS installiert werden. Du kannst deine Files auch einfach über einen Compiler mit GUI compilieren. Zum Kompilieren dir <a href="https://prepros.io/" target="_blank">Prepros</a> (Win/Mac/Linux) und (Mac only) wärmstens empfehlen kann. Jedoch geht das ganze auch mit der kostenlosen <a href="http://mhs.github.io/scout-app/" target="_blank">Scout App</a>.</p><p></p><p>Was jetzt IDE's angeht, kann ich dir <a href="http://brackets.io/" target="_blank">Brackets</a> (Adobe) und <a href="https://atom.io/" target="_blank">Atom</a> (GitHub) wärmstens empfehlen. Beide sind OpenSource und dank zahlreicher Extensions beinah beliebig erweiterbar. Ich arbeite mittlerweile ausschließlich damit und nicht mehr ohne will. Installiere Brackets und such anschließend in der Erweiterungs-Verwaltung (Bauklotz in der rechten Toolbar) nach Sass. Extension installieren und der Drops ist gelutscht.</p><p></p><p>Solltest du weitere Fragen oder Probleme haben, einfach melden. </p><p>Sofern möglich, helfe ich dann gerne weiter. </p><p></p><p>Liebe Grüße, Patrick</p></blockquote><p></p>
[QUOTE="patrick_l, post: 2545416, member: 194379"] Jonas Hellwig (Kulturbanause) hat hier und da Beiträge über Sass/SCSS in seinem Blog. Deutschsprachige Inhalte bezüglich Sass sind im Internet dann doch eher dünn gesät. Für den Einstieg sollte aber folgender Beitrag ausreichen. - [URL='http://blog.kulturbanause.de/2014/05/einstieg-in-sass-funktionsweise-und-ueberblick/']Kulturbanause.de » Einstieg in Sass - Funktionsweise und Überblick[/URL] Wer CSS beherrscht, wird eigentlich auch mit einem Preprocessor wie Sass keine Probleme haben. Für den Anfang reicht es schon, wenn du lediglich deine CSS in SCSS umbenennst. Anschließend auch die bootstrap.[B]css[/B] mit der .[B]scss [/B]Endung versiehst und diese deiner main[B].scss[/B] importierst. Danach nur noch deine main.css kompilieren. Sass muss dafür auch nicht zwingend auf deinem OS installiert werden. Du kannst deine Files auch einfach über einen Compiler mit GUI compilieren. Zum Kompilieren dir [URL='https://prepros.io/']Prepros[/URL] (Win/Mac/Linux) und (Mac only) wärmstens empfehlen kann. Jedoch geht das ganze auch mit der kostenlosen [URL='http://mhs.github.io/scout-app/']Scout App[/URL]. Was jetzt IDE's angeht, kann ich dir [URL='http://brackets.io/']Brackets[/URL] (Adobe) und [URL='https://atom.io/']Atom[/URL] (GitHub) wärmstens empfehlen. Beide sind OpenSource und dank zahlreicher Extensions beinah beliebig erweiterbar. Ich arbeite mittlerweile ausschließlich damit und nicht mehr ohne will. Installiere Brackets und such anschließend in der Erweiterungs-Verwaltung (Bauklotz in der rechten Toolbar) nach Sass. Extension installieren und der Drops ist gelutscht. Solltest du weitere Fragen oder Probleme haben, einfach melden. Sofern möglich, helfe ich dann gerne weiter. Liebe Grüße, Patrick [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt 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