Webentwicklung und mehr

Beiträge aus der Rubrik:

CSS

Variablen in CSS benutzen – eine Anleitung für SASS/SCSS

Fotografie eines Text-Editors mit CSS Code

Veröffentlicht am 19.04.2017 Haben Sie sich schon einmal die Frage gestellt ob es möglich ist Variablen in CSS zu verwenden? Vor dieser Frage stand ich, als ich im Internet auf die Möglichkeiten stieß, die CSS-Präprozessoren wie SASS oder LESS bieten. Nach kurzer Recherche entschied ich mich dazu die Grundlagen von SASS zu lernen weil ich zu der Zeit viele Projekte […]

Variablen in CSS benutzen – eine Anleitung für SASS/SCSS weiterlesen »

Eine flexible Bildergalerie, die sich der Fensterbreite anpasst

Veröffentlicht am 01.06.2015 Nachdem wir im letzten Beitrag einen Fotorahmen mit CSS gebaut haben, widmen wir uns nun der Weiterentwicklung des Fotorahmens hin zu einer flexiblen Bildergalerie, die sich automatisch der Fensterweite anpasst. Diese Anleitung gliedert sich in zwei Teile. Im ersten Teil sorgen wir dafür, dass sich der Fotorahmen flexibel an die Weite des Browsers anpasst. Im zweiten Teil nehmen wir die Einstellungen für ein […]

Eine flexible Bildergalerie, die sich der Fensterbreite anpasst weiterlesen »

Einen Fotorahmen mit CSS bauen

Veröffentlicht am 28.05.2015 Ein Fotorahmen ist eine gute Möglichkeit, unterschiedlichen Bildern ein einheitliches Aussehen zu verpassen. Man kann das natürlich mit Photoshop erledigen, praktischer ist aber die Gestaltung mit CSS. Warum, erschließt sich euch möglicherweise nachdem Ihr die folgende Anleitung gelesen habt. Grüße aus dem Urlaub Das HTML für den Fotorahmen Das HTML ist ziemlich einfach. Damit unser Bild einen Rahmen bekommt, packen wir […]

Einen Fotorahmen mit CSS bauen weiterlesen »

Eine Anleitung für Parallax Scrolling mit jQuery

Parallaxe Verschiebung im Videospiel Super Marioworld

Veröffentlicht am 25.08.2013 Parallax Scrolling bezeichnet den Effekt wenn sich mehrere zweidimensionale Flächen mit unterschiedlichen Geschwindigkeiten bewegen. Ihr erinnert euch vielleicht an alte Sidescroller Videospiele bei denen sich die Hintergrundebenen langsamer bewegen und somit den Anschein von räumlicher Tiefe vermitteln oder Ihr habt parallax Scrolling mal auf irgendwelchen Webseiten gesehen. Ein netter Effekt der sich relativ einfach mit […]

Eine Anleitung für Parallax Scrolling mit jQuery weiterlesen »

Große Hintergrundbilder flexibel der Fenstergröße anpassen

Veröffentlicht am 25.11.2012 Große, Browserfenster füllende Hintergrundbilder sind immer mehr im Kommen und durch die Einführung von hochauflösenden Displays (Retina) müssen sich Webentwickler in Zukunft verstärkt mit dem Einsatz großer Bilder in Webseiten auseinandersetzen. Responsive Design für unterschiedliche Displaygrößen ist mittlerweile in aller Munde ich bin aber auch ein Fan von einfachem, flexiblem Webdesign, das sich stufenlos an […]

Große Hintergrundbilder flexibel der Fenstergröße anpassen weiterlesen »