Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.
Mit Coda 2 freunde ich mich seit dem letzten Update auf die Version 2.0.1 wieder etwas mehr an. Das liegt auf der einen Seite daran, dass ich gerade wenig Lust verspüre meinen gewohnten Workflow auf eine neue Umgebung anzupassen. Des weiteren hoffe ich ja immer noch, dass Panic in naher Zukunft die iCloud-Integration in Diet Coda umsetzen kann. Ich habe nämlich gar keine Lust, auf dem iPad die ganzen Projekt-Daten (und daher doppelt) zu pflegen.
Nun gibt es für Coda 2 auch schon einige Plugins, die ich täglich nutze und die mir einige Arbeit abnehmen und erleichtern. Das wären folgende:
- PHP Docblock generator: Ich habe keine Lust, den DocBlock selber zu schreiben. Funktionsdeklaration schreiben, Knöpfchen drücken und noch ein bisschen besser formulieren bzw. ergänzen. Fertig.
- PHP & Web Toolkit: Code Cleaner für PHP, HTML, Javascript und CSS. Wenn man mal wieder fürchterlich formatierten Code von jemand anderem bekommt. Inklusive Validator und Minifier für Javascript und CSS.
Dann laufen bei mir noch Image Path Picker, Microformats und White out. Auf der Coda 2-Plugin-Seite gibt es aber noch einige andere Plugins zu entdecken.
Update: Total vergessen, obwohl eins der wichtigsten Plugins überhaupt: TypoScript-Syntax-Highlighting. Würde ich bei meiner täglichen Arbeit mit TYPO3 gar nicht ohne auskommen. Und seine 5 Euro seit dem Kompatibilitätsupdate auf Coda 2 auf jeden Fall wert.
Guter Code hat viele Vorteile: Er ist effektiv, effizient, einfach zu verwalten und elegant. Wenn mehrere Entwickler und Teams oder sogar mehrere Unternehmen einen Code verwenden, muss er außerdem konsistent und einfach zu verstehen sein. Aus diesem Grund gibt es Stilrichtlinien. Wir verwenden Stilrichtlinien für viele Sprachen und unsere neuesten öffentlichen Stilrichtlinien sind die HTML- und CSS-Stilrichtlinien von Google (auf Englisch).
CodeKit helps you build websites faster and better. Its flagship features are listed below and the one-minute teaser video to the right is a good place to start.
Gridpak is the starting point for your responsive projects, improving your workflow and saving time. Create your responsive grid system once using the simple interface and let Gridpak do the heavy lifting by generating PNGs, CSS and JavaScript.
Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Isobar US. It is to be readily available to anyone who wishes to check the iterative progress of our best practices. If you have any feedback, please leave a comment on the announcement blog post.
This document's primary motivation is two- fold: 1) code consistency and 2) best practices. By maintaining consistency in coding styles and conventions, we can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, we ensure optimized page loading, performance and maintainable code.
via Front-end Code Standards & Best Practices | Isobar North America.
The Heads-Up Grid is an overlay grid for use during in-browser website development, built with HTML + CSS + JavaScript.
via The Heads-Up Grid.
With Head JS your scripts load like images – completely separated from the page rendering process. The page is ready sooner. Always. This is guaranteed even with a single combined JavaScript file.
Formee is nothing but a framework to help you develop and customize web based forms. Did you use to spend a lot of time aligning fields and calculating margins and paddings in a quest for a perfect form? No more!