Guten Morgen zusammen,

Ich hatte in meinem Web-Projekt in meiner index.html ein Stylesheet verlinkt, in welchem ich u. a. im :root Variablen (user properties) deklariert habe, welche weiter unten in der Datei verwendet wurden. Da die Datei aber ziemlich lang geworden ist, habe ich diese nun in vier Sylesheets aufgeteilt (general, header, main, footer). In der general.css datei werden z. B. body und html gestylet und im :root Variablen (user properties) definiert.

Diese Variablen sind bereits im header{} (in der header.css) benutzt worden, nur eben jetzt in einem neuen Stylesheet. Wenn ich diese in der general.css ändere, werden diese Änderungen auch in der header.css übernommen. Doch wenn ich im :root (general.css) eine neue Variable deklariere, wird sie mir in der header.css nicht angezeigt...

Weiß von euch jemand Rat oder sehe ich den Wald vor lauter Bäumen mal wieder (😉) nicht?

Liebe Grüße

PS: ich benutze VS-Code als Editor

Es gibt ja zahllose Tools, die Sass/Less/Scss zu CSS konvertieren. Aber gibt es das auch andersrum? Tools, die CSS in Sass/Less/Scss konvertieren? Kennt jemand da was?

Wie kommt die Fehlermeldung zustande wenn ich doch alles richtig gemacht habe mit Tutorials. Das einzige was ich weg gemacht habe ist vue.app und das habe ich ja korriegiert zu index.vue in den einstellungen.

und anstatt main.css -> globaltailwind.scss und auch das habe ich in den einstellungen geändert. (Namen)

Hallo.

Erstmal ich kann noch kein framwork und kenne mich in php und einigermaßen in js aus.

Weil ich gehört habe, dass laravel ein gutes framework ist ,möchte ich es lernen.

• Jetzt die Frage welches framwork am besten für das frontend in laravel ist?
• Ich würde als erstes das frontend framwork lernen und dann laravel, ist das eine gute Idee?

Bitte auch mit Begründung.

Danke im voraus

Ps.: Ich nutze immer SCSS, bitte berücksichtigen.

Hallo

Ich habe das Problem, wenn ich mein (s)css an die Handyansicht anpasse, dann muss ich die Werte im Media Query immer mit !important überschreiben.

Wie kann ich das ändern oder wie löse ich es ohne important?

Danke im voraus

und was Techstack ihr. Front end backend fullstack ?

zb

1. Angular Typescript node js mongo bootstrap oder sowas.
2. React js java scss
3. Vue js less php

Was für wichtige libraries nutzt ihr.

Und wenn es für euch ok ist, wo arbeitet ihr genau/ungefähr / welche branche.

Und wie lange/ welche position

Arbeitet ihr fest bei zb Meta oder Freiberuflich

(Kriegt ihr regelmässig aufträge von unternehmen oder kleinere durch fiverr)

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.

1. 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.
2. 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".
3. 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 ?

Warum resettet sich das immer zurück auf width 10% obwohl ich immernoch den Focus auf dem Element #i habe

#i{
    width: 10%;
}
#i:focus{
    animation: tap 2s;
}
@keyframes tap {
    from{width:10%}
    to{width: 20%;}
}
<input type="text" id="i">

Also das soll ein input feld sein das dann halt bisschen breiter werden soll wenn man draufklickt.

Und wenn man es verlässt soll es wieder auf den normalzustand.

Ich sehe bei manchen die Endung für JSX anstatt .'js'

aber ändert das überhaupt was ? Oder ist das nur Schönheit.

2. Frage)

Kann ich irgendwie konfigurieren was genau mit

npx create-react-app 

alles erstellt werden soll ?

Denn App.js App.css und App.test.js Stören mich und sie zu löschen ist auch aufwendig. Lieber eine Leere Seite von anfang an statt dem drehenden React Logo.

ich hätte gerne schon unterordner unter 'src' wie zb img, audio, style,components,video usw.

Ganz ohne JavaScript

Mit dem Code unten kann ich beim hovern auf container1 die Hintergrundfarbe von container2 ändern weil er in container1 drinnen ist

aber geht es nicht auch so das ich den Body Hintergrund auf grün oder so ändern kann ?

    #container1{
            height: 50vh;
            background-color: blue;
        }
        #container2{
            height: 25vh;
            width: 100%;
            background-color: red;
        }
        #container1:hover #container2{
            background-color: green;
        }
    <div id="container1">
            <div id="container2"></div>
    </div>

Also der body soll verschwommen sein aber nicht der div

(oder nur der div Text).

Hab es schon mit z-index versucht

 <style>
        body{
            filter: blur(5px);
            position: relative;
            z-index: -10;
        }
        div{
            font-size: xx-large;
            filter: blur(0px);
            position: relative;
            z-index: 10;
        }
    </style>
</head>
<body>
    <div>
        Hallo
    </div>
</body>

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

Hallo, habe mir von Codepen dieses Sript rausgesucht: https://codepen.io/alphardex/pen/dyPorwJ

Ich habe die Sachen ganz normal in meine CSS und HTML Datei kopiert. Dann ist mir aufgefallen, dass es sich um eine SCSS Datei handelt… was genau ist das? Und wie binde ich sie ein? Ich habe es mit umbennen probiert, aber leider jetzt nur einen Schneepunkt oben links in der Ecke (siehe Screenshot) Und ja ich weiß ein iPad ist alles andere als optimal zum Programmieren bin aber gerade unterwegs und kann nicht an den PC (dort sieht es aber genau so aus)

Vorneweg: Ich habe 1 CSS / SCSS Datei zum Arbeiten welche für alle Unterseiten bei mir genutzt wird. Daran kann und werde ich nichts ändern und ich bitte auch nicht nachzufragen warum!!!

Kann ich nun eine Formatierung davon abhängig machen auf welcher Seite sie ausgeführt wird? Und wenn ja würde ich mich auch freuen wenn ihr sagt wie.

Hi zusammen,

ich baue zu Zeit eine Website mit HTML /CSS (scss). Über das Terminal lasse ich mein SCSS in CSS umschreiben. Bisher hat das Terminal immer gut seinen Job erledigt. Bis gerade eben (falls es überhaupt am Terminal liegt). Ich navigiere wie immer in meinen Ordner, in dem die style.scss udn die style.css liegt. Wenn ich mit mich mit dem Terminal in dem Ordner befinde schreibe ich folgenden Befehl:

sass --watch scss/style.scss:css/style.css

Bisher hat das immer gut funktioniert. SCSS wurde in CSS umgeschrieben. Jetzt aber kann ich nach Eingabe des Befehls einmal etwas in dem SCSS-Code ändern, die Änderung wird dann auch im Browser angezeigt - sobald ich dann aber ein zweites Mal etwas ändere schreibt das Terminal zwar:

Compiled scss/style.scss to css/style.css.

.. aber der Browser zeigt keine Änderung an. Das SCSS wird also irgendwie nicht mehr genommen.

Weiß jemand woran das liegt und kann mir weiterhelfen?