CSS – die besten Beiträge

Hallo,

ich habe einen kleine Kleidermarke und möchte jetzt einen Online-Shop dafür erstellen. Ich habe zwar Erfahrungen in HTML, CSS und JavaScript aber für einen Responsiven Shop mit CMS usw. bin ich noch zu schlecht. Darum wollte ich einen einzigartigen Shop mit einem Website-Builder bauen. Ich möchte jedoch nicht Shopify verwenden, da man dort für den Preis meiner Meinung nach zu wenig anpassen kann.

Was ist ein Online-Shop-Builder, der verhältnismässig kostengünstig/ kostenlos ist und man damit einfach sehr einzigartige Shops bauen kann?

Freundliche Grüsse

Hey, ich möchte bei dem Hintergrund meiner Website ein Hintergrundbild einfügen. Für gewöhnlich sollte das doch funktionieren, aber irgendwie macht es nichts.

Mein Informatiklehrer konnte den Grund auch nicht ausfündig machen.

Kann mir jemand dabei vielleicht weiterhelfen?

Hier mein CSS-Programmtext:

body { 
 text-align:center;
ol {
   list-style-type: decimal;
} 
.rot {
   color: red;
}
.grün {
   color: green;
}
.blau {
   color: blue;
}
.gelb {
   color: yellow;
}
 
.main{ 
 background-size:cover;
 justify-content:center;
 align-items:center;
 text-align: center;
 background-image:url("https://th.bing.com/th/id/OIP.54aDRJHlX7jC15ANjLWg-QHaEo?rs=1&pid=ImgDetMain")
}

Wie kriege ich es über das Suchfeld in den DevTools hin, dass das letzte <span> inline Element ausgewählt wird, wo als value Something Else hat?

Gebe ins Suchfeld input[type="radio"]+span

Mann muss dies über option auswählen können? Wie?

Hallo,

ich habe diesen Java Code für einen Toggle auf meiner Webseite.

Jedoch funktioniert er erst, wenn man 2-mal den Switch umgelegt hat.

Irgendwelche Tipps?

Ich möchte, dass alle drei Elemente gleich groß sind, wenn das Fenster schmal wird. Leider gibt es noch Unstimmigkeiten, die ich mir nicht erklären kann. Könnt ihr mal darüber schauen und mir helfen? Was habe ich falsch gemach und was könnte ich noch verbessern.

Html Code (Google Drive)

Hallo ich lerne Grad HTML,CSS, und javavskript bzw erstmal HTML und CSS ist es verwerflich oder schlecht sich programier videoscan6sehn und da Dan das gezeigte nach zu programmieren? Im Video sagte der Mann auch das man sich HTML Befehle usw aufschreiben soll und immer als Hilfe dabei haben kann, wie seht ihr das wie habt ihr angefangen ich hab Ideen für eigne Projekte aber hab Sorge nicht zu wissen wie ich anfange usw wie ist eure Meinung zum Thema danke im voraus

Hey,

wir suchen für neue Projekte Mitstreiter und Mitarbeiter welche sich prozentual am Projekt beteiligen würden.

Wir stehen vor einigen Herausforderungen und befinden uns noch in der Konzeption für das Projekt. Die Frage die ich mit gestellt habe: wir brauchen dringend noch Unterstützung!
Wo finde ich die, gibt es spezielle Foren oder Discordserver oder Börsen, auf welchen ich unser Projekten Pitchen kann und dadurch evtl. Unterstützer finde?

Wir benötigen in der Struktur, Frontend, Backend, SQL etc.

Startup Seiten sind mir bekannt, aber auf diesen haben wir bereits und nie etwas vernünftiges gefunden.

Ich freue mich über Feedback und gerne auch kreativen Austausch.

Grüße!

Wie mache ich das? Eine website für kosmetik

Was ist besser, so: de.seite.com oder seite.com/de?

Momentan denke ich, dass die Subdomainversion besser ist, da es als einzelne Seite betrachtet wird und somit sich die mehreren Sprachen auf der Seite nicht so leicht vermischen könnten bei der Suche, was denkt ihr?

Da ihr meine Lerngeschwindigkeit, Zeit usw. alles nicht kennt, würde ich gerne wissen, wie lange ihr selber brauchen würdet wenn ihr Python oder PHP neu lernen müsstet, auf ein Niveau, dass ihr folgende Sachen sicher programmieren könntet:

• Kontaktformular
• Newsletter
• User-Logins
• Shop-Systeme

Ist es eigentlich möglich, mit Lua oder Luau eine qualitative Website mit komplexem Layout und 3D-Elementen zu erstellen, oder kommt man um den JavaScript nicht herum?

Ich bin Anfänger (habe noch mich noch nie mit programmieren/coden vertraut gemacht) und möchte damit beginnen, zu lernen, wie man einen Code zu einer Website transformiert, habe mich damit aber noch nicht auseinandergesetzt (ich habe bisher noch keine Erfahrung mit coden von Websites). Und ja, bisher habe ich keine einzelne Zeile Code geschrieben und kenne mich auch nicht wirklich aus. Jedenfalls, für mich wäre es effizienter und eventuell auch besser, mich mit Lua vertraut zu machen, aber da ich dazu nichts gefunden habe, habe ich die Befürchtung, dass JavaScript nicht zu umgeben ist. Und so bin ich auf gutefrage.net gekommen, wie jeder, wenn er etwas sucht.

Kurzgefasst interessiert mich, ob man mit Lua folgendes tun kann:

• Eine Website mit 3D-Effekten erstellen
• Eine Website mit Animationen erstellen
• Komplexe Layouts Wirklichkeit werden lassen

Ich bin noch ein richtiger Anfänger, aber mich würden eure Antwort und euer Wissen interessieren, damit ich weiß, was für die Zukunft besser ist (schließlich möchte ich eine Programmiersprache für die Erstellung von Websites lernen und dieses Wissen auch festigen, nicht umher springen von Programmiersprache zu Programmiersprache), denn es ist ja klar, dass ich erst klein beginnen würde (keine komplexen Layouts, Animationen, ...).

Danke!

Ranking bei folgenden Sprachen von der Schwierigkeit wenn 1 am schwersten ist:

C++

Phyton

Html,css,java(alle 3 ein paket)

Und wieso?

(Spiele, Software, Websites, Steuerboards, usw.)

Hi,

ich habe vorhin CodePen entdeckt und habe mir ein Bilderkarussell ausgesucht, welches ich gerne in mein momentanes Projekt importieren möchte. Aber ich weiß leider nicht wie weil auch die Dateitypen, die da angegeben sind, mir unbekannt sind und ich verwirrt bin was ich machen muss. Also wollte ich fragen wie das eigentlich geht.

https://codepen.io/deammer/pen/VQjXzE

MfG IdzA

Heyho! Weiß jemand wie diese Seite erstellt wurde?
Also auch das ganze System dahinter etc. das ist ja ein Riesen aufwand und bestimmt nicht nur mit html und css oder?

Ich habe eine Frage. Ich arbeite gerade als Anfänger an einer Website und habe folgendes Problem.

So sieht die Website eigentlich aus :

So sieht sie aus nach der ersten Skalierung mit responsive Webdesign (wo nach alles richtig ist.):

Doch wenn ich ein weiteres mal skalieren möchte passiert folgender Fehler (Es soll so wie auf dem zweiten Bild aussehen nur kleiner):

HTML: <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css" type="text/css">
  <title>ToDo List</title>
</head>
<body>
  <header class="site-header">
    <form action="action_page.php" method="post">
      <input type="text" id="todo-box" name="box-input" placeholder="Aufgabe eingeben" required maxlength="50" class="todo-input">
      <input type="reset" class="todo-reset todo-reset-submit">
      <input type="submit" class="todo-submit" class="todo-reset-submit">
    </form>
  </header>
  <nav class="site-nav">
  </nav>
  <main class="site-main">
    <h2>ToDo</h2>
    <p class="todo-point">Müll rausbringen</p>
    <p class="todo-point">Zimmer aufräumen</p>
    <p class="todo-point">12345678901234567890123456789012345678901234567890</p>
  </main>
  <footer class="site-footer">
  </footer>
</body>
</html>
CSS: .site-header
{
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  margin-top: 20px;
}
.todo-input
{
  font-size: 20px;
  width: 180px;
  padding-left: 5px;
}
.todo-input::placeholder
{
  color: black;
}
.todo-reset, .todo-submit
{
  width: 150px;
  font-size: 20px;
  border: none;
  cursor: pointer;
}
.todo-input, .todo-reset, .todo-submit
{
  border-radius: 5px;
  background-color: rgb(251, 255, 0);
  border: none;
  height: 45px;
  transition: background-color 0.3s;
}
.todo-input:hover, .todo-reset:hover, .todo-submit:hover
{
  background-color: rgb(213, 216, 13);
}
.site-main
{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
}
.site-footer
{
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
p.todo-point
{
  margin: 3px 0;
  padding: 2px;
  border: 1mm solid black;
  border-radius: 10px;
}
@media (max-width: 520px)
{
  .todo-input
  {
    width: 480px;
    margin: 0 5px 5px 5px;
  }
  .todo-reset, .todo-submit
  {
    width: 240px;
    margin: 0 0 4px 4px;
  }
  p.todo-point
  {
    font-size: 19px;
  }
}
@media (max-width: 500px)
{
  .site-header
  {
    justify-self: unset;
  }
  .todo-input
  {
    display: flex;
    justify-content: center;
    width: 400px;
    margin: 0 5px 5px 5px;
  }
  .todo-reset-sumbit
  {
    display: flex;
    justify-content: center;
    width: 200px;
    margin: 0 0 4px 4px;
  }
}

Ich hätte zum Thema "Clean-Code & mehr" im Front-End & Back-End einige Fragen.

Hauptsächlich zum Thema Webentwicklung in HTML, SASS, JavaScript, PHP.

1. Wie kommentiert ihr?
2. In welcher Sprache (Deutsch, Englisch) kommentiert ihr?
3. Macht ihr Minfy?
4. Schreibt ihr zusätzliche Hinweise in den Code wie Version und Autor?
5. Nutzt ihr CSS, SCSS oder SASS?
6. Habt ihr Probleme mit Legacy-Code?

Vielen Dank im Voraus!

<!DOCTYPE html> <html> <head> <title>Zufällige Geschichte und Bananen-Animation</title> <style> .story { font-size: 20px; margin-bottom: 20px; } .banana { width: 100px; height: 200px; position: absolute; bottom: 0; left: 0; animation: eatCars 5s infinite linear; } .car { width: 50px; height: 30px; position: absolute; bottom: 0; animation: moveCar 5s infinite linear; } @keyframes eatCars { 0% { left: 0; } 100% { left: 100%; } } @keyframes moveCar { 0% { left: 0; } 100% { left: -50px; } } </style> </head> <body> <button onclick="getRandomStory()">Zufällige Geschichte</button> <button onclick="startBananaAnimation()">Banane füttern</button> <div class="story"></div> <div class="banana"></div> <div class="car"></div> <div class="car"></div> <div class="car"></div> <script> const stories = [ "Es war einmal...", "In einer weit entfernten Galaxie...", "Ein kleines Mädchen fand...", ]; function getRandomStory() { const storyElement = document.querySelector('.story'); const randomIndex = Math.floor(Math.random() * stories.length); storyElement.textContent = stories[randomIndex]; } function startBananaAnimation() { const banana = document.querySelector('.banana'); banana.style.display = 'block'; } </script> </body> </html>