Wenn Du eine Webseite erstellt, gibt es eine Menge, worauf Du achten musst. Der Code sollte sauber programmiert und aufgeräumt sein und die Webseite sollte immer gleich aussehen – unabhängig davon, welchen Browser ein Besucher benutzt. Wenn möglich sollte die Seite responsive sein und sich an das Benutzergerät und die Bildschirmauflösung anpassen. Wenn neue Features wie CSS3 oder HTML5 genutzt werden, sollte darauf geachtet werden, dass diese Features nicht von allen Browsern unterstützt werden und daher Alternativlösungen gefunden werden müssen.
Glücklicherweise gibt es viele nützliche Skripts, die das Programmieren von Webseiten vereinfachen können. Die folgende Liste soll einen Überblick über einige der wichtigsten Skripts geben und Dir helfen, schöne, saubere und browserunabhängige Webseiten zu erstellen.
1. FitText
FitText ist ein jQuery-Plugin für flexible Schrifgrößen. Das Skript skaliert Schrift automatisch abhängig von der Breite des umliegenden Elements.
Image may be NSFW.
Clik here to view.
2. -prefix-free
-prefix-free ist ein sehr nützliches Skript, das automatisch Prefixe für CSS-Eigenschaften erstellt. Anstatt also für jeden Browser eigene Eigenschaften schreiben zu müssen, kann einfach die Schreibweise ohne Prefix verwendet werden.
Image may be NSFW.
Clik here to view.
3. YAML
YAML ist ein CSS-Framework, das Dir mit seinem flexiblen Rastersystem helfen kann Entwicklungszeit einzusparen und flexible responsive Webseiten zu erstellen. Das Framework bietet außerdem optimierte Typography und ein Formular-Toolkit.
Image may be NSFW.
Clik here to view.
4. html5shiv
html5shiv ist ein Skript, das genutzt werden sollte, wenn Du HTML5-Webseiten erstellst. Es ermöglicht die Benutzung von HTML5-Sektionselementen (z.B. section, article or header) im Internet Explorer und bietet grundlegendes Styling für Internet Explorer 6-9, Safari 4.x (und iPhone 3.x), und Firefox 3.x.
Image may be NSFW.
Clik here to view.
5. Respond.js
Respond.js ist ein Skript, das Responsive Webdesign im Internet Explorer 8 und niedriger erlaubt, indem es die Benutzung von CSS Media Queries ermöglicht.
Image may be NSFW.
Clik here to view.
6. Modernizr
Modernizr ist eine Feature-Erkennungs-Bibliothek. Es hilft dabei, konditionelles Javascript und CSS zu schreiben, abhängig davon, ob ein Feature von dem Browser akzeptiert wird oder nicht.
Image may be NSFW.
Clik here to view.
7. equalize.js
equalize.js hilft Dir dabei, Boxen mit gleicher Breite und Höhe zu erstellen. Das Skript passt die Höhe bzw. Breite eines Elements an die Maße der größten Box an.
Image may be NSFW.
Clik here to view.
8. spin.js
spin.js erstellt drehende Ajax-Loader, die unabhängig von der Auflösung genutzt werden können und die Benutzung von Gifs ersetzen.
Image may be NSFW.
Clik here to view.
Falls Du noch weitere nützliche Skripts kennst, von denen ein Webentwickler unbedingt wissen sollte, hinterlasse bitte einen Kommentar unterhalb dieses Posts. Ich werde sie dann in die Liste aufnehmen.
The post 8+ Scripts, die Du als Webentwickler kennen solltest appeared first on Lingulo.de.