Verwandte Themen

Frage
von Unsecureee
23.04.2024, 22:18
Mit Links
Lohnt sich noch DDR3 Ram?

Nabend zusammen,

ich habe die letzten 2 Jahre hauptsächlich auf einem 0815-Büro Laptop via GeForce Now gezockt, was total ausgereicht hat (für dort nicht-vorhandene Spiele wie die Fallout-Reihe u. Skyrim hat auch mein Laptop gereicht). Nun habe ich 32gb (4x8) mit 1866mhz RAM von corsair geschenkt bekommen und überlege mir nen low budget Rechner draus zusammen zu stellen.

Allerdings ist die stärkste CPU der Intel-Reihe, welche mit nem DDR3 mainboard kompatibel ist, eine i7 4770k (da die Mainboards beinahe nur die LGA1150 Sockel unterstützen). Die Effektivste CPU in der Kombi wäre ein GTX1050TI, wenn ich richtig recherchiert habe.

Das mainboard wäre (kostet gebraucht im Schnitt die Hälfte):

https://www.amazon.de/SHANGZHAOYUAN-Mainboard-Motherboard-unterst%C3%BCtzt-HDMI-kompatibel/dp/B0BDL3P1KF/ref=sr_1_4?dib=eyJ2IjoiMSJ9.0OAvCICxcdtPjGTxu0Vlwalhgo27_qe9K13CItaYFSGaMksWcQHqRg2wNwHGDA0u-vzd7w7eDRR8drpq0biOveNCwAz9Hmj66WfB_V9sYrJ7hcPzc4XdEXZSKMtzJF4TAkQ8QJ7SH1TvrWEO6juF0_zNaEpI5UinzinjsceqSw1dY19BKmVCId14-7mI1RgRL0MrKNYkmgxi_wxb8feDQgYw_CY6MWA2BqiPSbdbcH4.IsNF2nAvwXOViB9zM8PqeejRMuEOklIB-MlUqLDQBAo&dib_tag=se&keywords=mainboard+1150&qid=1713903383&sr=8-4

Nun frage ich mich, ob es sich lohnt daraus noch nen Rechner aufzubauen um bspw RDR2, Cyberpunk oder Hogwarts Legacy mit brauchbarer Grafik zu spielen oder man gleich was für 250-300€ lieber was zsam stellen sollte?

Danke vorab und Liebe Grüße

PC, Computer, Computerspiele, Technik, RAM, Gaming, zocken
4 Antworten
Frage
von Rolajamo
20.04.2024, 12:00
HTML, CSS, JavaScript Animation einfügen?

Ich habe folgenden Code, der bei Klick auf ein Menüpunkt einen bestimmten Code anzeigt.

Wie implementiere ich eine Fade-In und Fade-Out Animation.

Wenn z.B. gerade Content 1 angezeigt wird und man auf den Menüpunkt 2 klickt Content 2 angezeigt wird:

  • ...dass Content 1 von Opacity 100 auf 0 geht
  • ...dass Content 1 in Minus Y-Richtung 20px bewegt wird
  • ...dass Content 2 von Opacity 0 auf 100 geht
  • ...dass Content 2 von -20px in Plus Y-Richtung 20px bewegt wird

Alles in einer Zeit von 0,3 Sekunden.

Wie mache ich das am Besten?

Danke.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
  #wrapper_main {
    display: flex;
    width: 100%;
  }
  #wrapper_menue {
    width: 20%;
    margin-right: 10%;
  }
  #wrapper_content {
    width: 70%;
  }
  .menu-item, .submenu-item {
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    background-color: #f0f0f0;
  }
  .menu-item:hover, .submenu-item:hover {
    background-color: #dddddd;
  }
  .content {
    display: none;
  }
  #submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
  }
  #wrapper_menue:hover #submenu {
    max-height: 200px;
  }
</style>
</head>
<body>
<div id="wrapper_main">
  <div id="wrapper_menue">
    <div class="menu-item" onclick="showContent('content_1')">Menüpunkt 1</div>
    <div class="menu-item" id="menu-item-2" onclick="showContent('content_2')">
      Menüpunkt 2
      <div id="submenu">
        <div class="submenu-item" onclick="showContent('content_2_1', event)">Submenüpunkt 1</div>
        <div class="submenu-item" onclick="showContent('content_2_2', event)">Submenüpunkt 2</div>
        <div class="submenu-item" onclick="showContent('content_2_3', event)">Submenüpunkt 3</div>
        <div class="submenu-item" onclick="showContent('content_2_4', event)">Submenüpunkt 4</div>
      </div>
    </div>
    <div class="menu-item" onclick="showContent('content_3')">Menüpunkt 3</div>
  </div>
  <div id="wrapper_content">
    <div id="content_1" class="content">
      <h2>Inhalt 1</h2>
    </div>
    <div id="content_2" class="content">
      <h2>Inhalt 2</h2>
    </div>
    <div id="content_2_1" class="content">
      <h2>Inhalt 2.1</h2>
    </div>
    <div id="content_2_2" class="content">
      <h2>Inhalt 2.2</h2>
    </div>
    <div id="content_2_3" class="content">
      <h2>Inhalt 2.3</h2>
    </div>
    <div id="content_2_4" class="content">
      <h2>Inhalt 2.4</h2>
    </div>
    <div id="content_3" class="content">
      <h2>Inhalt 3</h2>
    </div>
  </div>
</div>

<script>
function showContent(id, event) {
  if (event) {
    event.stopPropagation();
  }
  var contents = document.querySelectorAll('.content');
  contents.forEach(content => {
    content.style.display = 'none';
  });
  document.getElementById(id).style.display = 'block';
}
window.onload = function() {
  showContent('content_1');
};
</script>
</body>
</html>
Animation, Technik, HTML, Webseite, CSS, JavaScript, HTML5, Code, Programmiersprache, Webdesign, Webentwicklung, Frontend, Visual Studio Code
1 Antwort

Meistgelesene Fragen zum Thema Technik
Mehr meistgelesene Fragen zu Technik