Blog: HTML / CSS

chardin.js ist ein schönes Overlay für Apps und Webseiten um einfach Hilfe und Instruktionen darzustellen.

So kann das Resultat aussehen:

Das beliebte Bootstrap mit SASS benutzen. Bootstrap ist ein mächtiges mobile first front-end framework das web Entwicklung schneller und einfacher macht.

wie man den kleinen Abstand unterhalb von Bildern entfernt

Der kleine Abstand unterhalb von Bildern wie im Screenshot zu sehen ist leicht zu entfernen.

Einfach global das vertical-align von Bildern auf top setzen.

 

unter iOS werden Telefonnummern immer als Links dargestellt man kann diese Formatierungen einfach mit CSS entfernen

Am einfachsten geht dies mit folgendem Code:

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

 

oder aber mittels metatag

Mittels Compass ist es sehr einfach Image Sprites zu erstellen. Ich zeige hier in wenigen Schritten wie dies funktioniert.

Es ist nicht nötig eine Datei zu erstellen sie sämtliche Icons enthält. Und man braucht diese auch nicht mittels background-position zu positionieren. Man weist einfach den einelnen Elementen die Bilder zu, also ob man ohne Sprites arbeitet. Compass genereiert daraus dann eine Sprite Datei.