Welches CSS Framework bevorzugt ihr?

Bootstrap, Tailwind, Bulma etc...

2 Frage Und weiter verbreitet in der Jobwelt

08.09.2022, 22:25

3 frage. Was ist am besten in Kombination mit React geeignet ?

Das Ergebnis basiert auf 6 Abstimmungen

Bootstrap 33%

Benutze niemals ein Framework, immer reines Css/Scss etc 33%

Tailwind 17%

Sonstige 17%

Bulma 0%

3 Antworten

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, CSS

08.09.2022, 22:35

Sonstige

Welches CSS Framework bevorzugt ihr?

Mein eigenes.

Ein CSS Framework zu coden dauert etwa 1 Stunde ( wenn Du schlecht bist 5 Stunden) und kann jederzeit beliebig und vor allen Dingen nach Bedarf erweitert werden.

Alex

NackterGerd

09.09.2022, 00:56

Und welchen Vorteil hat es gegenüber CSS?

0

asdfkeinplan

09.09.2022, 09:32

Man muss nicht jedes mal alles neu schreiben?

1

NackterGerd

09.09.2022, 09:35

🤔 mache ich so auch nicht aber wenn ich mehr zeit habe werde ich mal mit eigenen Framework probieren

0

PeterLustig1999

08.09.2022, 22:30

Benutze niemals ein Framework, immer reines Css/Scss etc

Habe noch nie ein CSS Framework gebraucht. Kam immer mit gewöhnlichem CSS zurecht.

Woher ich das weiß:Berufserfahrung – Hauptberuflich IT-Consultant, Informatikstudium

08.09.2022, 22:30

Bootstrap

Hab bis jetzt nur bootstrap benutzt, weil ich bootstrap studio als Student gratis bekomme und es das für mich mit back-end focus deutlich leichter macht, ein brauchbares front-end zu erstellen

Woher ich das weiß:Studium / Ausbildung – Informatik Student

Ähnliche Fragen

Welches CSS Framework und welches Planungstool sollte ich nutzen?

Hallo,

bisher habe ich jede Idee und jedes Projekt von Null an selbst programmiert und CSS geschrieben.

Um mich zukünftig mehr auf JS und React konzentrieren zu können und auch Ideen schneller umsetzen zu können, möchte ich vorgefertigte HTML/CSS Komponenten verwenden.

Zudem möchte ich dieses Framework auch in Figma nutzen können, um die Idee besser planen zu können.

Welches CSS Framework würdet ihr empfehlen und warum? Es sollte ein modernes Design haben (Bootstrap fällt daher für mich raus). Eine große Auswahl an Komponenten haben, welche man einfach kombinieren und anpassen kann. Die Lizenz sollte auch für kommerzielle Projekte gelten und möglichst kostenlos sein. Tailwind ist kostenpflichtig oder?
Welches Tool könnt ihr noch empfehlen, um eine App/PWA zu skizzieren und zu planen?

Gruß ebody

Nächste Schritte für Full Stack dev?

Hallo,

Ich bin auf der Suche nach einem genauen Weg oder Schritte die ich gehen kann nachdem ich mein ersten Full Stack Projekt mit Python Flask ( Backend) und Frontend ( plain HTML, CSS und JS) und Database mit MySQL fertig gecodet habe.

Was genau kann ich jetzt machen um weiter zu kommen. Mein Ziel ist es fähig zu sein komplette professionelle Websiten erstellen zu können die Industrie fähig sind, d.h. Für Firmen, restaurants etc. Oder halt einen job als Full Stack dev zu bekommen.

sollte ich anfangen ein CSS framework lernen, wie bootstrap oder tailwind, oder ist das nur für designer , pur Frontend devs wichtig.
Oder lieber Backend frameworks wie Node.js, oder frontend JS frameworks wir zb react.

Ich weiß einfach nicht genau wo ich weiter machen soll nachdem ich alle Grundlagen berherrsche.

Welches CSS-Framework für Webseite?

Hallo,

Welches CSS-Framework sollte ich für eine Webseite die so ähnlich wie eine Linux-Kommandozeile aussehen soll verwenden?

Danke für eine Antwort

TheCPP

Warum benutzt man Tailwind CSS?

Wenn man mitten in den HTML Code , sowas schreibt wie

<p class="bold-900"> test </p>

Dann ergibt das für mich noch keinen sinn aus drei Gründen.

Man kann zwar bei wenig Code schnell im Code sehen was passiert aber schnell wird das doch komplett unordentlich, als würde wenn man <p style="color:red;"> benutzen.
Es ist doch Dumm sich die ganzen Tailwind Klassen auswendig zu lernen anstatt gleich die CSS Eigenschaften. Es macht doch kaum einen unterschied, ob font-size : 50px oder class="fontsize-50".
Tailwind hat auch keine fertige Komponenten wie Bulma oder Bootstrap falls man keine lust hat mal irgendwas selber zu machen.

Oder wie seht ihr das ?

Lerne zurzeit React und in vielen React Tutorials wird Tailwind genutzt.

Lohnt sich das so viel mehr als normales Css/Scss zu benutzen ?

Frontend: was nach JS/welches Framework?

ist jetzt weit hergeholt aber, ich wollte neben Java (was ich in der Schule Lerne und auch weiter Lernen will) mich was mit HTML, CSS und JS beschäftigen, da ich es überall sehe bspl Youtube, instagram etc und ich Interesse bekommen habe. Jedoch gibt es einige Frameworks aber welche soll ich denn Lernen? Gibt halt react etc aber kenn mich da nicht so aus..

wie gesagt, es ist weit hergeholt weil ich noch die basics lernen muss aber das ist jetzt grob meine Interesse :)

Wie habt ihr Programmieren gelernt?

Ich habe es mir durch Internettutorials beigebracht, insbesondere durch welche auf YouTube. Ich habe mit vielen Sprachen gleichzeitig (Java, JavaScript, HTML, CSS Tailwind und Python) gestartet, nach etwa einem Jahr konnte ich dann auch schon die ersten bezahlten Aufträge erstellen (zuerst nur eine Website für meine Mutter, dann auch och für andere Leute). Ich hatte auch immer mehrere Projekte gleichzeitig laufen, allerdings habe ich auch immer darauf geachtet, dass ich alle abschließe.

Css/Tailwind background image?

Warum wird mir das Bild nicht angezeigt?

Welches JavaScript-Framework wird von dir bevorzugt?

Ich habe mich eine Zeit lang mit Angular beschäftigt, bin dann vor circa zwei Jahren auf Vue (Nuxt) umgestiegen. Ich bin im Großen und Ganzen zufrieden, jedoch nutzt Vue zum Teil ältere Paketquellen. Auch der TS-Support ist jetzt nicht der Beste, warum React bei mir gerade wieder etwas mehr in den Fokus rückt.

Die Job- und somit Verdienstmöglichkeiten sind bei Angular und React auch besser, als es bei Vue der Fall zu sein scheint. Letzteres war mir schon zu Beginn klar, was mich aber nicht abgeschreckt hat, mich doch intensiver mit Vue zu befassen. Die Umfrage hier ist für mich eher nebensächlich. Viel mehr interessieren mich eure Pros und Contras, die entweder für oder gegen eines dieser Frameworks sprechen.

Welches Framework verwendest du und warum?
Wieso hast du dich oder habt ihr euch für eben jenes Framework entschieden?

NavBar auf jeder Unterseite einbauen (Webdevelopment)?

Hallo, es gibt auf so ziemlich jeder Website Elemente, die auf fast jeder Unterseite vorkommen. Ein Beispiel dafür wäre die NavBar. Diese ist bei den meisten Websites überall. Wie bringt man aber dieses Element auf jede Unterseite? Bei jeder Unterseite den ganzen HTML, CSS und JavaScript Code reinzukopieren wäre ja sehr mühsam.

Diese Aufgabe kann man mit Framworks lösen, wie z.B. VueJS wo man Komponenten verwendet. Welche Methoden gibt es sonst noch, vielleicht sogar ganz ohne Framework?

React Fullstack mit welchem Backend?

Ich wollte NextJS lernen Fullstack React Framework aber ich stelle mir die Frage, mit was genau man das Ganze verwendet. In fast jedem YouTube-Video wird "Prisma" (davor noch nie gehört) mit einer anderen Datenbank genutzt, was das alles noch schwieriger macht.

Es gibt PostgreSQL, MongoDB, SQLite, usw..

Ich kenne normales SQL in Kombination mit PHP, aber die neuen modernen Sachen kenne ich nicht.

React und PHP harmonieren nicht so gut, es gibt auch wenig Online-Ressourcen und ich sehe da keine Zukunft für Stellenausschreibungen, weshalb ich diese Kombination gar nicht mehr nutzen will und backendseitig lieber von neu anfangen möchte. NextJS wäre bequem, da ich keine Router brauche, SSR habe, TS + Tailwind-Support.

Kann mir ein Fullstack-Entwickler von euch eine Roadmap empfehlen?

NextJS mit was als Datenbank, MERN-Stack vielleicht oder irgendwas anderes?

Ich bin bereit in Zukunft mehr zu lernen, aber erstmal einen Allrounder, in dem ich mein Wissen vertiefen kann.

Grid mit Tailwind CSS und 1fr?

Seit längerem beschäftige ich mich mal wieder mit Tailwind CSS und stoße gleich am Anfang auf ein eigentlich simples Problem, für was ich aber keine einfach Lösung finde.

Ich versuche ein einfaches Layout zu erstellen, welches als Grundgerüst ein Grid hat, bei dem der Header und Footer eine explizite Höhe haben und der Main-Bereich flexibel ist. Das Layout sollte auch bei wenig Inhalt immer 100vh haben, so dass der Footer immer unten ist.

Mit reinem CSS wäre das einfach so lösbar:

CSS

.grid {
 min-height: 100vh;
 display: grid;
 grid-template-columns: 1fr; 
 grid-template-rows: 5rem 1fr 7rem;
}

HTML

<div class="grid">
 <header>Header</header>
 <main>Main</main>
 <footer>Footer</footer>
</div>

Mit TailwindCSS bekomme ich das irgendwie nicht hin – zumindest nicht ohne Custom-CSS. Ich kann mir aber kaum vorstellen, dass sich dies nicht auch mit dem vorhandenen Set realisieren lässt.

Hat hier jemand eine Idee, wie ich das mit TailwindCSS am einfachsten umsetze?

Web Entwicklung Kurs noch aktuell oder nicht?

Ich habe so nen coolen Kurs für Web Entwicklung mit HTML, CSS, Javascript, jQuery, Bootstrap, PHP auf Udemy gesehen aber der ist von 2019.. haben sich die Dinge schon zu stark verändert in den letzten 4 Jahren oder kann man den noch machen?

Die komplette Web-Entwickler Masterclass | Udemy

Nutz ihr Frameworks in JavaScript und warum?

Ich habe 2004 mit Frameworks in JavaScript angefangen und viele, viele Jahre mit unterschiedlichen Framework gearbeitet. Seite ca. 5 Jahren arbeite ich bevorzugt ohne Frameworks oder vermeide diese so gut es möglich ist.

Meine Frage an die Community, nutzt ihr JavaScript-Frameworks und wenn ja, welche Frameworks und in welchen Umfang?

Ich freue mich auf euren Antworten und bin gespannt wieviel von euch Frameworks in welchen Umfang ihr nutzt.

Angular(TS,html,css) Buch/Kurs?

Moin,

ich muss mir demnächst Angular aneignen, damit auch TS, html und css.

Basics von html und css kann ich, js geht so.
Gibt es einen Komplettkurs oder Buch, mit Angular inklusive als Framework fürs Frontend?
Am Besten ein Buch/Kurs, wo alles gedeckt ist.

LG

Was möchtest Du wissen?

Deine Frage stellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }