HowTo: CSS3 - Animationen mit transition

Seit dem es CSS3 gibt, ist es ziemlich einfach geworden Animationen oder Transformationen ohne JavaScript oder gar Flash zu erstellen. In diesem Artikel behandeln wir zunächst die Eigenschaft "transition", mit der wir verschiedene animierte Veränderungen erstellen können. Die CSS Eigenschaft transition ist ein Effekt, mit dem man das Aussehen eines Elements über eine gewisse Zeit verändern kann. Will man beispielsweise das ein Link, wenn man mit der Maus über ihn fährt, seine Farbe nicht sofort, sondern langsamer (animiert) verändert, benutzt man dafür transition. Um die Eigenschaft zu benutzten ist es wichtig das man zumindest folgende zwei Dinge dazu angibt: Was...

HTML & CSS: Lücken zwischen Inline-Block Listen entfernen

Einige von euch - vor allem langjährige HTML & CSS Entwickler - kennen eventuell das Problem: Man möchte mit display: inline-block zwei oder mehr Elemente nebeneinander haben, allerdings bleibt eine kleine Lücke. Selbst nach langem Debuggen kann man den Fehler nicht ausfindig machen, doch das Problem ist eigentlich ziemlich einfach zu beheben. Ich habe um es zu vereinfachen einen kleinen Beispielcode vorbereitet: So soll es nicht aussehen! Lösung 1: letter-spacing: -4px <style> li { display: inline-block; height: 100px; width: 120px; font-size: 50px; } </style> <ul> <li>No1</li> <li>No2</li> <li>No3<...

HowTo: Debian SSH absichern für Beginner

Du hast einen Debian Server und kennst dich noch nicht so gut mit Linux und Sicherheit aus? Dann solltest du unbedingt darüber nachdenken deinen Server abzusichern. In diesem Tutorial geht es darum, wie man seinen SSH Zugang effektiv absichern kann. Vorbereitung Damit ihr alles reibungslos nach diesem Tutorial machen könnt, logt euch als root ein und aktualisiert zuerst euer Debian: apt-get upgrade && apt-get update Eventuell müsst ihr etwas mit einem "y" bestätigen. Weiter geht's mit dem Text-Editor "nano". Sollte dieser nicht schon installiert sein, installiert ihn mit: apt-get install nano Jetzt erstellen wir noch einen Benutzer und eine...