CSS media queries?

Grüne Boxen= Desktop Ansicht, die Divs sollen aber in eine Reihe und der schwarze Text auf weißen Untergrund soll weg.

Rote Boxen= Mobil Ansicht, der schwarze Text auf weißen Untergrund soll weg.

Habe im Body separate divs angelegt und in den media queries auch .XYZ geschrieben und nicht den ganzen body reingepackt.

<! doctype html>

<head

<title> Site </title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

@media only screen and (min-width:800px) and (max-width:1200px){

.desktop3{ width: 50%;

height: 25%;

position: relative;

top: 25%;

left:25%;

display:block;

background-color:green;

padding:10px;

border:10px solid;

margin:10px;

justify-content:center;

}

.desktop2{ width: 50%;

height: 25%;

position: relative;

top: 25%;

left:25%;

display:block;

background-color:green;

padding:10px;

border:10px solid;

margin:10px;

justify-content:center;

}

.desktop1{ width: 50%;

height: 50%;

position: relative;

top: 25%;

left:25%;

display:block;

background-color:green;

padding:10px;

border:10px solid;

margin:10px;

justify-content:center;

}

}

@media only screen and (min-width:320px) and (max-width:799px){

.smartphone3{ width: 50%;

height:50%;

position: relative;

top: 25%;

left:25%;

bottom: 25%;

right:25%;

display:block;

background-color:brown;

padding:10px;

border:10px solid;

margin:10px;

justify-content:center;

}

.smartphone2{ width: 50%;

height:50%;

position: relative;

top: 25%;

left:25%;

bottom: 25%;

right:25%;

display:block;

background-color:brown;

padding:10px;

border:10px solid;

margin:10px;

justify-content:center;

}

.smartphone1{ width: 50%;

height:50%;

position: relative;

top: 25%;

left:25%;

bottom: 25%;

right:25%;

display:block;

background-color:brown;

padding:10px;

border:10px solid;

margin:10px;

justify-content:center;

}

}

</style>

</head>

<body>

<div class="smartphone">

<div class="smartphone3">

col* {width:50%}

col* {width=75%}

col* {width="100%"}

</div>

<div class="smartphone2">

col* {width:50%}

col* {width=75%}

col* {width="100%"}

</div>

<div class="smartphone1">

col* {width:50%}

col* {width=75%}

col* {width="100%"}

</div>

</div>

<div class="desktop">

<div class="desktop3">

col-1*{50%}

col-2*{75%}

col-3*{100%}

</div>

<div class="desktop2">

col-1*{50%}

col-2*{75%}

col-3*{100%}

</div>

<div class="desktop1">

col-1*{50%}

col-2*{75%}

col-3*{100%}

</div>

</div>

</body>

</html>

Bild zu Frage
Computer, Technik, Programm, HTML, Webseite, Programmierer, programmieren, CSS, HTML5, Informatik, Programmiersprache, Webentwicklung
Wie habt ihr Programmieren gelernt oder würdet es tun?

Die Frage richtet sich an Menschen, die nicht Informatik studiert haben, oder davor schon programmieren konnten. Wie habt ihr Programmieren gelernt oder würdet es angehen, wenn ihr euch jetzt dafür entscheiden würdet?

1. Durch das Lesen von Büchern und Tutorials: Eine Möglichkeit Programmieren zu lernen, ist durch das Studium von Büchern und Online-Tutorials (lesen). Indem man die Theorie und Beispiele lernt, kann man grundlegende Kenntnisse erwerben.

2. Durch das Anschauen von Online-Kursen und -Videos: Man kann auch Online-Kurse und -Videos ansehen, um Programmiersprachen und -konzepte zu erlernen. Durch das Ansehen von Videos kann man Konzepte besser verstehen und den Experten beim Programmieren über die Schulter schauen. Dazu gibt es ja auch kostenloses Material auf Youtube oder günstiges auf Udemy.

3. Mit einem Spiel: Eine unterhaltsame Möglichkeit, Programmierung zu erlernen, ist durch das Spielen von Spielen, die speziell dafür entwickelt wurden, Programmierfähigkeiten zu vermitteln. Da gibt es auch gute kostenlose Angebote. Ein Beispiel ist Scriptfighter, bei dem man Javascript lernt, indem man seinen Code gegen den Standardcode oder den Code eines anderen Spielers antreten lässt. Dieser wird dann von der Figur ausgeführt.Mit solchen Spielen kann man spielerisch Kenntnisse erwerben und seine Fähigkeiten vertiefen.

4. Einen Kurs besuchen: Eine weitere Möglichkeit, Programmierung zu erlernen, ist durch den Besuch von Kursen. der Vorteil hier wäre definitiv, dass man Fragen stellen kann und an praktischen Übungen teilnimmt. Kurse sind eine gute Möglichkeit, gezielt Kenntnisse in einer Programmiersprache oder einem Konzept zu erwerben und eine strukturierte Herangehensweise an das Lernen zu bekommen. Dafür muss man hierfür tiefer in die Tasche greifen.

Durch das Lesen von Büchern und Tutorials (lesen) 67%
Einen Kurs besuchen 17%
Durch das Anschauen von Online-Kursen und -Videos 13%
Mit einem Spiel 4%
HTML, programmieren, Java, JavaScript, Programmiersprache, Python
Wie kostenlose/günstige Mitarbeiter besorgen für Videospiel? Ungefährer Zeitaufwand?

Moin!

Kann man sich einfach paar Arbeitslose besorgen, die mit einem zusammen ein Game entwickeln?

Also kann man denen trauen oder muss man da direkt vorab zum Notar und dem meine Idee schildern, sodass der das festhalten kann und wir jeden verklagen können, der ein ähnliches Game raus bringt?

Dass halt dann nicht einfach irgendeiner die Idee klauen kann und es selber veröffentlicht.

Kann ich mir auch 50 % Anteil am Game sichern, wenn die anderen mit jeweils 10 % zufrieden sind?

Bzw. wie lange würde denn ein Game dauern mit realistischer Grafik, allerdings relativ leerer Welt, z. B. eine Wüste mit paar Kakteen und Hügeln, mehr braucht's erst mal nicht? Soll halt nur realistisch, also Triple-A-mäßig aussehen.

Gameplay ist an sich relativ simpel.

Hätten wir das zu 4., 5., 6., in einem Monat programmiert, sodass ich die Leute evtl. auch anstellen und dann direkt wieder kündigen könnte? Alle 40 h die Woche, sind ja auch alle arbeitslos, sprich Mindestlohn genügt.

Also Gehälter für einen Monat könnte ich schon stemmen, nur viel länger sollte es halt nicht dauern, sonst müssten wir es eher über Anteile an der Firma machen.

Nehmen wir mal folgendes Beispiel (mein Main-Game aktuell):

Rainbow Six Siege: Wir müssten ungefähr zwei bis drei Maps erstellen, allerdings mit nur paar Operatoren, also sagen wir mal die Standard-Operator, mehr nicht. Alles andere kommt dann mit Patches, sobald wir uns mehrere 100 Mitarbeiter leisten können.

Also das Spiel ist natürlich keine Kopie von R6, aber vom Aufwand her könnte das oben Beschriebene ungefähr hinkommen.

Erst mal nur für PC.

Womit rechnet ihr da an Zeitaufwand?

Danke!

Spiele, PC, Games, Videospiele, Arbeit, Beruf, Job, IT, programmieren, Arbeitsrecht, Gaming, Karriere, development, Entwicklung, Informationstechnologie, Steam, Rainbow Six Siege
PowerShell Skript ist zu langsam?

Der Code ist für unser Betriebs Netzwerk zu langsam. Lokal funktioniert alles super. Wie kann man den Code schneller machen?

Code:

$desktopFolder=[Environment]::GetFolderPath('Desktop')
$VonOrdner="\\deploy\deployment$\log\EmpPackages"
$global:NachOrdner="$desktopFolder\test2"
$Dateiname="Alle2.log"


Copy-Item "$VonOrdner\$Dateiname" $global:NachOrdner
  #Inhalt der KopiertestServer.txt Datei einlesen
$global:VergleichsString=try{[System.IO.File]::ReadAllText("$VonOrdner\$Dateiname")}catch{}  


New-Item $global:NachOrdner -ItemType "directory" -force #Ordner anlegen falls er nicht existiert


$watcher=New-Object System.IO.FileSystemWatcher
$watcher.Path=$VonOrdner
$watcher.Filter=$Dateiname
$watcher.IncludeSubdirectories=$false
$watcher.EnableRaisingEvents=$false 


$action={


  $changeType = $Event.SourceEventArgs.ChangeType
  $VonPfad = $Event.SourceEventArgs.FullPath
  $SourceDatei = $Event.SourceEventArgs.Name
  $NachPfad = "$global:NachOrdner\$SourceDatei"


    #Den neuen Inhalt einlesen
  $NeuerInhalt=try{[System.IO.File]::ReadAllText($VonPfad)}catch{}
    
  Write-Host "Start" 


  #Ab hier hängt sich auf
  #---------------------------------------------------------------------------------------------------------------------
  $Unterschied=$NeuerInhalt -replace "^$global:VergleichsString",''
  #---------------------------------------------------------------------------------------------------------------------


    #Ausgabe des Unterschiedes
  Write-Host "Unterschied: $Unterschied" -fo red
  [System.IO.File]::AppendAllText($NachPfad,$Unterschied)
    #vergleichsstring updaten
  $global:VergleichsString=$NeuerInhalt
}


Register-ObjectEvent $watcher "Changed" -Action $action|Out-Null


while ($true) {
  sleep 1
}
programmieren, Shell, PowerShell
Wie bei Python mit "If" überprüfen ob Variable mit bestimmten Wert in Liste enthalten ist?

Ich muss für die Schule ein Spiel in Python programmieren. Problem dabei: Uns wurde noch nicht wirklich viel beigebracht und daher verstehe ich nicht, wie ich gewisse Sachen programmieren soll.

Folgendes Szenario bereitet mir nun Schwierigkeiten:

Das Programmierte ist kein Ausschnitt aus meinem Spiel, sondern einfach das gleiche Schema, wie die eine Stelle in meinem Spiel (sonst wäre es zu kompliziert zum verstehen). x hat z.B nicht immer den Wert 5, dieser ändert sich im Verlaufe des Programms.

Ich möchte überprüfen, ob eine der Variable in der Liste einen Wert zwischen 0 und 10 hat. Ist es möglich, dies mit einem "if" Befehl zu lösen? Was müsste bei "Bedingung_erfüllendes_Element" stattdessen stehen? Ich kann da ja nicht ">=0 and <=10" hinschreiben. Das einzige, was ich überprüfen kann, ist ob eine bestimmte Variable in der Liste ist. (z.B if x in liste), aber das möchte ich ja nicht, ich möchte auf den WERT der vorhandenen Variablen überprüfen.

Ich habe es auch schon mit einer For-Schleife probiert, aber da ist da Problem, dass wenn zwei Elemente, welche die Bedingung erfüllen, vorkommen, dass die folgenden Befehle doppelt ausgeführt werden. Es soll aber, für jedes Element, welches die Bedingung erfüllt, ein anderer Text geprintet werden.

Ich brauche wirklich nur diesen einen, eigentlich simplen Befehl, der überprüft, ob es in der Liste mindestens ein Element hat, welches einen bestimmten Wert hat.

Bild zu Frage
programmieren, Informatik, Programmiersprache, Python
Python background service / alle x sekunden was ausführen?

Das Szenario: Ich hab ne API laufen die per post request einen Service starten und stoppen soll. Der Service soll alle paar Sekunden etwas tun.

Code:

from fastapi import FastAPI
from testService import Service
import time

app = FastAPI()

@app.get("/")
def index():
    #hier später Service start / stop callen (und post draus machen)
    return { "message": "hello world"}

service = Service()
service.start()
time.sleep(20)
service.stop()

Und der service:

import sched, time

class Service:
    scheduler = sched.scheduler(time.time, time.sleep)
    running = False
    interval = 5

    def start(self):
        self.running = True
        self.task(None)
        self.scheduler.run()

    def stop(self):
        self.running = False
        if(self.event):
            self.scheduler.cancel(self.event)

    def task(self, nothing):
        if(self.running):
            self.event = self.scheduler.enter(self.interval, 1, self.task, (self,))
            print("test")
            #hier dann der Code, der alle paar Sekunden ausgeführt werden soll

Das Problem: self.scheduler.run() blockt den Main Thread, und die Lösung ist wohl ne Schleife darum, aber das sieht irgendwie nach dem falschen Ansatz aus und ich weiß nicht ob das sich nicht vlt mit den API Endpoints beißt...

Wie mache ich das richtig?

programmieren, Programmiersprache, Python, Python 3
Google Chrome stürzt nach dem Öffnen sofort ab: Wie beheben?

Hallo,

eben saß ich nichtsahnend am Computer (Windows 11), ich war nicht einmal in Chrome beschäftigt, da merkte ich, dass das Chrome-Fenster, das eben noch offen war, nicht mehr da war. Verwundert startete ich Chrome neu, aber wie das Fenster offen war, war es auch wieder geschlossen. Also habe ich es wieder und wieder versucht, aber es hat sich immer wieder geschlossen. Folgendes ist mir dabei aufgefallen.

Auffälligkeiten:

  • In dem Zeitfenster, in dem das geöffnete Fenster noch nicht geschlossen ist (ca. ½ Sekunde), ist oben rechts die Meldung „Sitzung wiederherstellen – Chrome wurde nicht richtig beendet“ zu sehen
  • Im Taskmanager öffnet sich der Google Crash Handeler
  • Die CPU-Auslastung ist beim Absturz von Chrome (über) 100% (wahrscheinlich wichtig)
  • Auf anderen Computern lässt sich Chrome mit meinem Account synchronisiert normal öffnen
  • Auch, wenn Chrome neuinstalliert ist, bleibe ich angemeldet

Was ich bereits (mehrfach) versucht habe:

  • Computer neustarten (bzw. auch herunterfahren und wieder hochfahren)
  • Alles, was mit Google und Chrome zutun hat, im Taskmanager beenden
  • Chrome deinstallieren und wieder installieren
  • Gesamten Browserverlauf (der letzten 24 Stunden) löschen
  • Alle Chrome-Erweiterungen löschen
  • Chrome über "C:\Program Files [...]" --disable-extensions öffnen
  • Google-Ordner im Programme-Ordner vollständig löschen (auch aus dem Papierkorb)
  • Passwort ändern und von funktionierendem Computer aus Chrome auf meinem Computer abmelden

Ich verzweifle gerade echt. Jede Art von Hilfe ist willkommen!

Computer, Software, Technik, CPU, Programm, Hardware, programmieren, Windows 11
SPS SCL Progromm?

hallo Leute ich bin mit meinem Latein am ende ich komme nicht mehr weiter gibt es jemanden der mir bei dieser Aufgabe weiter Helfen könnte??

Hardware

Aufgabenstellung

Bei vier Vorratsbehältern kann mit den Signalgebern B1, B3, B5 und B7 sowie B2, B4, B6 und B8 der Füllstand überwacht werden.

Die Vorratsbehälter können manuell in beliebiger Reihenfolge entleert werden.

Über die Steuerung soll immer nur ein leerer Behälter gefüllt werden.

Das Füllen der Behälter soll in der Reihenfolge ausgeführt werden, in der sie entleert wurden.

Werden die Behälter z.B. in der Reihenfolge 4-3-1-2 entleert, müssen sie auch in der Reihenfolge 4-3-1-2 gefüllt werden. Zum Füllen werden über das Automatisierungsgerät die Ventile Q1, Q3, Q5 sowie Q7 angesteuert.

Solange die Behälter gefüllt werden leuchtet die Betriebslampe P1

Beschreibung

SPS Bezeichnung Kommentar

%I0.0 B1 Schwimmerschalter Tank 1 "Leer" (Schliesser)

%I0.1 B2 Schwimmerschalter Tank 1 "Voll" (Schliesser)

%I0.2 B3 Schwimmerschalter Tank 2 "Leer" (Schliesser)

%I0.3 B4 Schwimmerschalter Tank 2 "Voll" (Schliesser)

%I0.4 B5 Schwimmerschalter Tank 3 "Leer" (Schliesser)

%I0.5 B6 Schwimmerschalter Tank 3 "Voll" (Schliesser)

%I0.6 B7 Schwimmerschalter Tank 4 "Leer" (Schliesser)

%I0.7 B8 Schwimmerschalter Tank 4 "Voll" (Schliesser)

%Q0.0 Q1 Ventil oben Tank 1 füllen

%Q0.1 Q3 Ventil oben Tank 2 füllen

%Q0.2 Q5 Ventil oben Tank 3 füllen

%Q0.3 Q7 Ventil oben Tank 4 füllen

%Q0.4 P1 Meldeleuchte grün 

programmieren, SPS-Programmierung

Meistgelesene Fragen zum Thema Programmieren