Frontend Entwicklung

Bei Emmet, vorher unter dem Namen Zen Coding bekannt, handelt es ich um ein Plugin das für zahlreiche Code-Editoren verfügbar ist und einen das Schreiben von HTML sehr vereinfachen kann. Das Hauptfeature von Emmet ist das umwandeln kurzer Code-Zeilen in ganze Markup-Strukturen. Im einfachsten Fall wandelt Emmet die Eingabe #foo direkt in <div id="foo"></div> um. Die wahre…

Adobe hat die Version 3.0 seines Frameworks PhoneGap zur Entwicklung mobiler Anwendungen veröffentlicht. PhoneGap bietet einem die Möglichkeit seine Fähigkeiten als Webentwickler zu nutzen und mit Hilfe der…

Heute stelle ich euch bootstro.js vor. Mithilfe dieses 3KB kleinem Scripts und die dazu gehörige CSS Datei (0.5KB) kann ein Frontend-Developer ganz einfach eine Einführung für seine Webseite oder Web-Applikation bauen. Alles was man dazu braucht ist…

Im letzten Beitrag zu diesem Thema hat Stephan euch Iconvault vorgestellt. Heute wollen wir uns noch eine Alternative dazu anschauen: IcoMoon. IcoMoon bietet auch die Möglichkeit, einen Font aus den Icons…

Hallo Frontend-Freunde. Heute greifen wir mal tief in die stets prall gefüllte Trickkiste eines Web Developers und zeigen euch, wie es möglich ist, problemlos Hintergründe auf inline Textelemente zu legen. Ist ja kein Problem, sagt ihr? Dann mal frisch ran ans Werk. Hintergründe und inline Textelemente sind ein gern genutztes Stilmittel um z. B. Subheader…

In einem meiner vorheriger Beiträge habe ich über Icon-Fonts Sammlungen im Netz geschrieben. Allerdings kommt es ja oft genug vor das man nicht die gewünschten Icons findet oder seine eigenen Icons verwenden möchte. Doch auch hier hierfür bietet das Internet eine Lösung. Die gewünschten Icons müssen nur als Grafik…

Das Problem mit rausgesuchten Texten und Bildern als Platzhalter im Webdesign ist, dass diese im Entwicklungsprozess nur unzureichend die optische Auswirkungen verschiedenartiger Bilder und Textlängen, auf die Wirkung des Layouts simulieren können. Fixie.js kann Teil der Problemlösung sein. Um Fixie.js zu nutzen bindet man das Script in die Entwicklungsversion des Webprojektes, wie jedes andere Script, vor dem…

Mithilfe von Dropzone.js könnt ihr ganz einfach einen schönen Fileupload in eure Seite integrieren. Das coole dabei - es funktioniert per Drag&Drop. Dropzone.js ist eine 24KB kleine Javascript Bibliothek, die es Frontend Developern ermöglicht, einfach per Drag&Drop Dateien auf ihrere Server hoch zuladen. Dabei sind keine Grenzen gesetzt. Dropzone unterstützt alle gängigen Dateiformate, sind es Bilder…

In der Art seines Gegenstück in der Mac-Welt, dem beliebten CodeKit, bietet…

In unserem Blog stellen wir euch immer mal wieder nützliche Helferlein vor. Heute ist es mal wieder ein jQuery Plugin. Es nennt sich Waypoints und ist kurz gesagt dafür um Funktionen auszuführen sobald ein bestimmtes Element in den Viewport des Browser scrollt. Das Plugin kann man unter http://imakewebthings.com/jquery-waypoints/ herunterladen und wird wie jedes…