Kategorie: Design

  • Kostenlose social media buttons

    Heute habe ich eine tolle Sammlung von Social-Media-Buttons gefunden! Einfach genial wie kreativ manche Leute sind – kommt weniger kreativen Leuten wie mir sehr entgegen! Viele Dank für die Sammlung. Auch wenn „kostenlos“ dran steht: Bitte im Falle einer Benutzung die Lizenzierung checken! Ich übernehme keine Garantie das alle Pakete wirklich kostenlos nutzbar sind.

  • SpritePad – Sprites super schnell online erstellen

    Durch einen vorigen Artikel bin ich auf die Seiten von WeAreKISS gestoßen. Diese bieten ebenfalls eine Web-Anwendung namens SpritePad an. Sprites sind einzelne Bilder welche eine Sammlung aller Bilder einer Website darstellen. Die Einzelnen Bilder sind dann trotzdem durch „zerschneiden“ per CSS nutzbar. So müssen weniger Bilder vom Server geladen werden und die Seite lädt […]

  • Wer nutzt noch reines CSS?

    Irgendwie komme ich mir gerade etwas blöd vor. Natürlich habe ich schon von SASS gehört (in Kombination mit Ruby). LESS habe ich zuvor nur mal gehört und habe es nie wirklich in Betracht gezogen. Aber irgendwie mache ich mir so langsam meine Gedanken ob es wirklich Sinn macht in Zukunft weiter reines CSS zu schreiben […]

  • LESS – Dynamische Stylesheets

    Mit LESS schreibt man, wie der Name schon sagt, weniger Code als auf herkömmlichem Wege. So erlaubt das Framework beispielsweise die Verwendung von Variablen und sogenannten Mixins. Dabei kann eine andere Klasse einfach in einer anderen genutzt werden und übernimmt somit sämtliche Eigenschaften – sehr praktisch! Noch praktischer finde ich allerdings die „Nested Rules“. Sie erlauben […]

  • CodePen.io

    Neulich habe ich ja bereits von jsfiddle berichtet. Einen ähnlichen Ansatz verfolgt codepen.io. Auch dort können großartige Arbeiten geteilt werden und der Quellcode (HTML, CSS & JavaScript) kann von jedem eingesehen werden. Ich könnte mich stundenlang auf der Seite aufhalten! Einfach genial was manche so mit ein paar Zeilen erreichen – top!

  • iPhone/iPad home screen icon erstellen

    Heute ist mir aufgefallen, dass auf machen Webseiten ein eigenes Logo dargestellt wird wenn man es auf einem iDevice die Seite zum Home-Screen hinzufügt. Doch wie genau geht das? Die Antwort ist simpel: Einfach eine Datei Namens apple-touch-icon.png im root-Verzeichnis der Website erstellen. Das Bild sollte quatratisch sein und eine größe von mindestens 57 x […]

  • jsfiddle.net

    Eben habe ich zum ersten Mal von jsfiddle.net gelesen. Dabei handelt es sich um eine Seite für Designer/Entwickler. Man kann in drei verschiedenen Fenstern HTML, CSS und JavaScript eingeben und das Ergebnis direkt in einem dritten Fenster testen. Ich finde das ist eine super geniale Idee. Man braucht also keinen Editor und muss die Daten […]