CSS Tricks

CSS steht für Cascading Style Sheets und bezeichnet die Technologie, mit der Webanwendungen gestyled werden.

Manchmal gibt es ganz besondere Hacks, wie folgenden animierten Glow-Effekt:

Hier der Hack, falls es jemand nachbauen möchte 🙂

.text-effect-wrapper,
.text {
  &::before,
  &::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
}

.text-effect-wrapper {
  --spotlight-color: white;

  overflow: hidden;
  position: relative;

  &::before {
    animation: shining 5s infinite linear;
    background: 
      radial-gradient(circle, var(--spotlight-color), transparent 25%) 0 0 / 25% 25%,
      radial-gradient(circle, var(--spotlight-color), black 25%) 50% 50% / 12.5% 12.5%;
    inset-block-start: -100%;
    inset-inline-start: -100%;
    mix-blend-mode: color-dodge;
    z-index: 3;
  }

  &::after {
    backdrop-filter: blur(1px) brightness(90%) contrast(150%);
    z-index: 4;
  }
}

@keyframes shining {
  100% {
    transform: translate3d(50%, 50%, 0);
  }
}

.text {
  --background-color: black;
  --text-color: white;

  --color-1: goldenrod;
  --color-2: gold;

  color: transparent;
  text-shadow: 
    0 0 0.02em var(--background-color), 
    0 0 0.02em var(--text-color),
    0 0 0.02em var(--text-color), 
    0 0 0.02em var(--text-color);

  &::before {
    backdrop-filter: blur(0.013em) brightness(400%);
    z-index: 1;
  }

  &::after {
    background: linear-gradient(45deg, var(--color-1), var(--color-2));
    mix-blend-mode: multiply;
    z-index: 2;
  }
}

h1#solapp {
  --font-size: clamp(6.25rem, 3.25rem + 15vw, 13.75rem);

  font: 700 var(--font-size)/1 "Lato", sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 0;

  &:empty,
  &:focus {
    border: 2px dotted white;
    min-width: 1ch;
    outline-offset: 5px;
  }
}

Auf die Plätze fertig los …

Lust auf eine Racecar-Challenge? Kein Problem: Die Schüler*innen der 5.Klassen programmierten in Informatik Racecar-Games und sie sind großteils wirklich super geworden! Die Programme wurden in Scratch erstellt, einer Freeware-Entwicklungsumgebung, das mit einer visuellen, schnell und einfach zu erlernenden Programmiersprache arbeitet. Programmierkonzepte wie Schleifen, Kontrollstrukturen, Arbeiten mit Variablen und das logische Denken für den Programmierablauf standen dabei im Vordergrund. Manche der Spiele sind außerordentlich toll geworden, mit eigener Programmlogik und Gimmicks versehen.

Und hier sind sie … die Spiele der Schüler*innen … viel Spaß!

5ABCr

5ABg

5ABr (Gruppe1)

5ABr (Gruppe2)

Headstart @ Informatics

Zum ersten Mal bewirbt sich ein Schüler aus dem BG BRG Gmunden für das Headstart@Informatics Programm an der Johannes Kepler Universität!

Felix Kainz aus der 6cr wagt schon jetzt den Schritt an die Universität, und möchte ab dem nächsten Jahr Informatik-Vorlesungen an der JKU besuchen. Auf dem Programm stehen die Lehrveranstaltungen “Digitale Schaltungen” im Wintersemester und “Softwareentwicklung 1” im Sommersemester.

Felix hat seine Bewerbung mit Motivationsschreiben bereits eingereicht – wir sind sehr (!) gespannt, wie es weitergeht und halten euch auf dem laufenden!

Samuel und Stefan beim Biber Award in Klagenfurt

Am Donnerstag den 01.03. haben wir uns mit Frau Professor Colli auf den langen Weg zur Preisverleihung des Bibers der Informatik 2017 nach Klagenfurt gemacht.

Unsere Schule hatte im November letzten Jahres wieder einmal beim Biber teilgenommen, wo wir durch unsere volle Punktzahl und somit als österreichweiten ersten Platz in unserer Schulstufe zu dieser Veranstaltung eingeladen wurden. Nach fast 5 Stunden Zugfahrt waren wir froh, endlich die Uni erreicht zu haben. Wir wurden in einem Hörsaal der Alpen Adria Universität begrüßt. Nach einigen(!) Bergrüßungsreden und einer längeren “Guestspeech” wurden uns und allen weiteren Teilnehmern, welche ebenfalls die volle Punktzahl erreicht hatten, die Urkunden überreicht. Danach folgte der am längsten ersehnte Programmpunkt des Tages: das Buffet. 😉 Nach dieser Stärkung haben wir noch einen Einblick in die Tiefen der Informatik im Zuge eines Workshops erhalten, den wir leider frühzeitig verlassen mussten, da wir sonst nicht vor Mitternacht heimgekommen wären. Alles in allem war es ein sehr informativer und lustiger aber auch anstrengender Tag.

Samuel Freitas Ribeiro und Stefan Schausb

erger 5B

 

Flying Hardware

Die 5Ag nach den Abschlussarbeiten.

Nicht schrecken beim Eintreten in den EDV-Saal2. Seit dieser Woche baumeln das Innen- und Außenleben eines Computers von der Decke. Die Schülerinnen und Schüler der beiden 5.Klassen haben im Zuge des Informatikunterrichts das Thema “Hardware” einmal anders kennen gelernt und Prozessor, Netzteil, Graphikkarte, Festplatte, Arbeitsspeicher, Mainboard, Eingabegeräten wie einer Maus und Speichermedien wie einer CD, einem USB-Stick und der lieben alten Diskette ein neues Zuhause gegeben.

Diskette? Was ist denn das 😉 Kein Wunder dass sie die Jugend von heute nicht mehr kennt, findet auf den 1,44MB nicht einmal ein MP3-File Platz.

Hat viel Spaß gemacht und das Ergebnis sieht super aus!

Hier gehts weiter zu den Fotos. “Flying Hardware” weiterlesen

Sensationelle Ergebnisse beim “Biber der Informatik”

Stefan und Samuel

Endlich sind die Egebnisse online! Und was folgte war großer Jubel v.a. bei Stefan Schausberger und Samuel Freitas Ribeiro aus der 5Br. Sie haben als Team erreicht, was nur den wenigsten gelingt, sie haben alle der 15 teils sehr kniffligen Aufgaben richtig gelöst und die vollen 180 Punkte erreicht! Auf diese Leistung könnt ihr wirklich stolz sein.

Doch auch Benjamin Jaindl und Alexander Kaiser ebenfalls aus der 5Br und Marlene Amering und Gabriel Putz aus der 5A haben eine spitzen Leistung erbracht. Sie erreichten schulintern den 2. und 3.Platz.

Wir warten schon sehr gespannt auf die österreichische Platzierung, die Ergebnisse werden hoffentlich bald online gestellt. Die heurigen Aufgaben findet man auf dieser Seite.

Logisches Denken mit spannenden Aufgaben fördern, das Interesse an der Informatik spielerisch wecken, zum logischen und vernetzten Denken anregen und ganz nebenbei informatische Konzepte lernen: Das ist das Konzept des „Biber der Informatik“!

 

Tenäre Huffmancodierung

So, wie das alte geendet, beginnt das neue Kalenderjahr mit Fr. Prof. Mayer aus Vöcklabruck. Sie hält einige Stunden im WPG Inf8, zuerst über Sortieralgorithmen und im Speziellen über den max-heap-sort, sowie über das Thema Huffmancodierung – und beendet die Einheit mit einer kleinen schülerinternen Challenge:

Nach der Erstellung eines tenären Huffmanbaums für das ganze Alphabet inklusive Umlauten und Leerzeichen (Beamerbild) haben die Schüler 12 min Zeit, vorgegebene Botschaften zu verschlüsseln. Alle schaffen genau vier Codierungen. Beim Entschlüsseln dann die Überraschungen 🙂 Wer hat fehlerfrei kodiert?

Hello world! 5b’s speaking!

And that’s us:

Videos vom Racecar-Game

Hier sind die ersten Action Videos von unserem selbst programmierten Racecar-Game aus Informatik!

Verschlüsselung: vom Cäsar-Code bis zum RSA-Verfahren

Diese Woche im WPG Inf 7:

Heute beschäftigten wir uns mit der Verschlüsselung. Wir klären die Begriffe Kryptologie, Kryptographie und Kryptoanalyse. Danach gabs einen historischen Überblick ausgehend von der Skytale von Sparta über den Cäsar-Code, das Vigenère-Quadrat und der Enigma (zweiter Weltkrieg) bis hin zum aktuellen RSA-Verfahren, dass auf jeder SIM-Karte, bei jedem Bankomaten etc. im Einsatz ist.

Detailliert beschäftigten wir uns an diesem Nachmittag mit dem Cäsar-Code sowie dessen Weiterentwicklung, dem Vigenère-Quadrat. Beide programmierten wir mit Excel nach. Nächste Woche geht’s dann dem RSA-Algorithmus auf die Spur!