6 Artikel Bootstrap

Mockup / Prototype / Entwurf erstellen – MGDP Digital Praktische AP Winter 2013 / 2014

Style Tiles für Photoshop

Aufgabenteil a.) der Abschlussprüfung Winter 2013/2014 für Mediengestalter Digital und Print, Fachrichtung Digital sieht die Entwicklung eines Entwurfs einer responsiven Website einschließlich Navigationskonzepts für die drei Viewports 480px, 768px und 1280px Breite vor.  Die Bewertung für die Gestaltung hat hierbei den Faktor 25, ist also entsprechend hoch angesetzt. In meinem persönlichen Workflow ist nicht vorgesehen,…

Meine Sublime Text 2 Plugin Favoriten – November 2013

Sublime Text 2

Sublime Text entwickelt langsam sich zum Defacto Standard der Codeeditoren – und das aus gutem Grunde! Denn ST bringt nicht nur alle möglichen Funktionen bereits mit, sondern lässt sich auch mit Dutzenden weiterer Plugins erweitern. Anbei eine kleine Liste der meiner Meinung nach hilfreichsten, die ich selbst auch regelmäßig in Gebrauch habe. Solltet ihr Ergänzungen oder…

Bootsnipp.com – Hilfreiche Bootstrap Ressourcen

Bootsnipp Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework

Eine weitere sehr hilfreiche Website im Bootstrap Universe ist Bootsnipp. Dabei ist Bootsnipp im Prinzip nichts anderes als eine „einfache Liste“ mit Bootstrap Beispielcodes. Neben zahlreichen Codeschnipseln für unterschiedliche Bootstrap-Versionen, unter anderem auch nach Tags sortiert,  bietet die Site außerdem einen interessanten Formular-Builder und einen Button-Generator.

Bootply – JSFiddle für Bootstrap Projekte

Bootply.com

Die meisten Webdesigner werden früher oder später wohl bereits einmal über JSFiddle oder ähnliche Dienste gestolpert sein, mit denen sich HTML, CSS und Javascript Code online darstellen und bearbeiten lässt. Dies ist besonders dann hilfreich, wenn man eine Lösung für ein Problem sucht und in einem Forum, StackOverFlow oder ähnlichen Seiten andere Entwickler mit einbeziehen…

Rapid Bootstrap-Prototyping mit LayoutIt!

LayoutIt! Bootstrap Rapid Prototyper

Als wenn es mithilfe von Bootstrap nicht ohnehin schnell genug möglich wäre, einen funktionalen Prototypen zu erstellen, der mit relativ wenig Aufwand nach der Präsentation beim Kunden auch schnell in eine finale Version übersetzt werden kann, gibt es nun auch einen Dienst namens LayoutIt!, mithilfe dessen das ganze auch noch direkt im Browser möglich wird.…

Vorgefertigte Bootstrap-Framework Schnipsel

Bootstrap - CSS, Responsive HTML, Javascript Framework

Habe mich die Tage im Sinne der Prüfungsvorbereitung (und eines kommerziellen Projektes in Verbindung mit Contao) stark mit Bootstrap auseinandergesetzt. Kurzer Hinweis: Sollte in der Prüfung angegeben sein, dass ihr „vorgefertigte Skripte“ mitbringen könnt, so gilt das natürlich auch für komplette CSS/JS/HTML-Frameworks. Zumindest im Rahmen der Kölner IHK. Nichts spricht also gegen Bootstrap, JQuery und…