{"id":441,"date":"2013-09-24T09:43:36","date_gmt":"2013-09-24T07:43:36","guid":{"rendered":"http:\/\/paulchr.ablass.me\/blog\/?p=441"},"modified":"2013-10-29T21:35:42","modified_gmt":"2013-10-29T20:35:42","slug":"lesetipp-designing-in-the-open","status":"publish","type":"post","link":"https:\/\/paulchr.ablass.me\/blog\/2013\/09\/24\/lesetipp-designing-in-the-open\/","title":{"rendered":"Lesetipp: Designing In The Open"},"content":{"rendered":"<p>Brad Frost redesigned die Website der <a href=\"http:\/\/www.pittsburghfoodbank.org\/\">Greater Pittsburgh Community Food Bank<\/a>. Das Besondere daran? Jeder Schritt des Redesigns wird \u00f6ffentlich gemacht. &#8222;<a href=\"http:\/\/bradfrostweb.com\/blog\/post\/designing-in-the-open\/\">Designing in the Open<\/a>&#8220; hei\u00dft diese Methode, die laut Brad eine ganze Reihe von Vorteilen (aber nat\u00fcrlich auch einige Nachteile) bietet. Im Beitrag werden diese ausf\u00fchrlich genannt, nebst Beispielen von \u00e4hnlichen Projekten sowie hilfreichen Tipps, wie dem Kunden so etwas nahe gebracht werden kann.<\/p>\n<p>Die <a href=\"http:\/\/foodbank.bradfrostweb.com\/\">Redesign Timeline<\/a> hat mir bereits etwas neues gezeigt: Zum einen das <a href=\"https:\/\/docs.google.com\/spreadsheet\/ccc?key=0ApUZeZXuRtBCdDRRTnZHbmdaMXNyelFvMkIzX2FsOWc#gid=0\">Content Inventory<\/a>, dass ich schon oft vermisst habe (aber so leider noch nie angelegt habe) und zum anderen das <a href=\"http:\/\/foodbank.bradfrostweb.com\/patternlab\/?p=all\">Pattern Lab<\/a>, dass ich gern f\u00fcr meine n\u00e4chsten Projekte ebenfalls bauen m\u00f6chte.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brad Frost redesigned die Website der Greater Pittsburgh Community Food Bank. Das Besondere daran? Jeder Schritt des Redesigns wird \u00f6ffentlich gemacht. &#8222;Designing in the Open&#8220; hei\u00dft diese Methode, die laut Brad eine ganze Reihe von Vorteilen (aber nat\u00fcrlich auch einige Nachteile) bietet. Im Beitrag werden diese ausf\u00fchrlich genannt, nebst Beispielen von \u00e4hnlichen Projekten sowie hilfreichen [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[15],"tags":[121,122],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2Vohc-77","jetpack-related-posts":[{"id":451,"url":"https:\/\/paulchr.ablass.me\/blog\/2013\/09\/28\/os-x-10-8-4-firefox-24-und-die-scrollbars-in-der-responsive-design-view\/","url_meta":{"origin":441,"position":0},"title":"OS X 10.8.4, Firefox 24 und die Scrollbars in der Responsive Design View","author":"Paul-Christian Abla\u00df","date":"28. September 2013","format":false,"excerpt":"Als ich am vergangenen Dienstag den frisch auf Version 24 aktualisierten Firefox benutze und mich daran machte, mein aktuelles Projekt in der Responsive Design View zu bearbeiten, wunderte ich mich etwas: Zuvor nebeneinander flie\u00dfende Elemente brachen mit einem Mal um. Beim Blick in das Layout-Fenster vom Firebug fiel mir auf,\u2026","rel":"","context":"In &quot;Browser&quot;","block_context":{"text":"Browser","link":"https:\/\/paulchr.ablass.me\/blog\/themen\/browser\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/paulchr.ablass.me\/blog\/wp-content\/uploads\/2013\/09\/macosx-scrollbar-settings.png?fit=668%2C534&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/paulchr.ablass.me\/blog\/wp-content\/uploads\/2013\/09\/macosx-scrollbar-settings.png?fit=668%2C534&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/paulchr.ablass.me\/blog\/wp-content\/uploads\/2013\/09\/macosx-scrollbar-settings.png?fit=668%2C534&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":119,"url":"https:\/\/paulchr.ablass.me\/blog\/2013\/02\/22\/svn-dateien-und-ordner-ignorieren\/","url_meta":{"origin":441,"position":1},"title":"SVN: Dateien und Ordner ignorieren","author":"Paul-Christian Abla\u00df","date":"22. Februar 2013","format":false,"excerpt":"Um zu verhindern, dass bestimmte Dateien oder Ordner in das Projektarchiv \u00fcbermittelt werden, k\u00f6nnen sie mittels eines einfachen Befehls ignoriert werden: $ svn propset svn:ignore \"style.css\" . Dieses Vorgehen ist projektabh\u00e4ngig, d.h. dass in jedem Projekt in dem die Datei style.css ignoriert werden soll die ignore-Eigenschaft erneut gesetzt werden muss.\u2026","rel":"","context":"In &quot;Versionsverwaltung&quot;","block_context":{"text":"Versionsverwaltung","link":"https:\/\/paulchr.ablass.me\/blog\/themen\/versionsverwaltung\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":696,"url":"https:\/\/paulchr.ablass.me\/blog\/2014\/07\/16\/ttxfonttools-auf-dem-mac-installieren\/","url_meta":{"origin":441,"position":2},"title":"TTX\/FontTools auf dem Mac installieren","author":"Paul-Christian Abla\u00df","date":"16. Juli 2014","format":false,"excerpt":"Was ist TTX\/FontTools? TTX\/FontTools ist ein kostenloses Kommandozeilenprogramm, dass Schriften im TrueType- und OpenType-Format in XML-Dateien umwandelt und dadurch das einfache Bearbeiten von Schriftmetadaten erm\u00f6glicht. Beispielsweise kann so unter anderem der Schriftname ver\u00e4ndert werden- ein Feature, dass ich heute ben\u00f6tigt habe. Wie installiere ich es? Von der Projektseite muss das\u2026","rel":"","context":"In &quot;Tools&quot;","block_context":{"text":"Tools","link":"https:\/\/paulchr.ablass.me\/blog\/themen\/tools\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":319,"url":"https:\/\/paulchr.ablass.me\/blog\/2013\/06\/22\/virtualhosts-domains-subdomains-einrichten-mit-xampp\/","url_meta":{"origin":441,"position":3},"title":"VirtualHosts (Domains\/ Subdomains) einrichten mit XAMPP","author":"Paul-Christian Abla\u00df","date":"22. Juni 2013","format":false,"excerpt":"Beim Bearbeiten verschiedener Projekte kann es aus Gr\u00fcnden der \u00dcbersichtlichkeit hilfreich sein diese in der lokalen Entwicklungsumgebung mit verschiedenen Domains bzw. Subdomains aufzurufen. Um dies zu gew\u00e4hrleisten sind zwei Schritte notwendig (bezogen auf die Arbeit mit XAMPP unter Windows). Anlegen eines VirtualHosts f\u00fcr den Apache-Webserver Im Ordner [XAMPP-Installationspfad]\\xampp\\apache\\conf\\extra liegt die\u2026","rel":"","context":"In &quot;Tools&quot;","block_context":{"text":"Tools","link":"https:\/\/paulchr.ablass.me\/blog\/themen\/tools\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":139,"url":"https:\/\/paulchr.ablass.me\/blog\/2013\/02\/25\/font-face-svg-schriften-und-fragmentbezeichner\/","url_meta":{"origin":441,"position":4},"title":"@font-face, SVG-Schriften und Fragmentbezeichner","author":"Paul-Christian Abla\u00df","date":"25. Februar 2013","format":false,"excerpt":"Um SVG-Schriften mittels der @font-face-Syntax einzubetten, wird bekanntlich folgendes Css ben\u00f6tigt: @font-face { font-family: \"Open Sans Regular\"; src: url(\"..\/fonts\/open-sans-regular\/OpenSans-Regular-webfont.svg#OpenSansRegular\") format(\"svg\"); } Spannend ist der Fragmentbezeichner hinter dem Dateinamen, von mir fett hervorgehoben. Normalerweise sollte dieser n\u00e4mlich in der Schriftdatei noch einmal auftauchen, n\u00e4mlich als Attributwert f\u00fcr id innerhalb dieses XML-Snippets:\u2026","rel":"","context":"In &quot;Css&quot;","block_context":{"text":"Css","link":"https:\/\/paulchr.ablass.me\/blog\/themen\/css\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":286,"url":"https:\/\/paulchr.ablass.me\/blog\/2013\/05\/05\/img-elemente-mit-inset-box-shadow-stylen-ein-workaround\/","url_meta":{"origin":441,"position":5},"title":"img-Elemente mit inset box-shadow stylen- ein Workaround","author":"Paul-Christian Abla\u00df","date":"5. Mai 2013","format":false,"excerpt":"[Editors Note: Es gibt eine Demo box-shadow inset f\u00fcr img-Elemente] In einem Design, dass ich vor kurzem umsetzen musste, gab es jede Menge Bilder die einen nach innen liegenden Schlagschatten aufwiesen. Einfache Sache, dachte ich mir: Dem img-Element einfach einen box-shadow mit der Eigenschaft inset zuweisen\u2013 et voil\u00e0, die Sache\u2026","rel":"","context":"In &quot;Css&quot;","block_context":{"text":"Css","link":"https:\/\/paulchr.ablass.me\/blog\/themen\/css\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/paulchr.ablass.me\/blog\/wp-json\/wp\/v2\/posts\/441"}],"collection":[{"href":"https:\/\/paulchr.ablass.me\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/paulchr.ablass.me\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/paulchr.ablass.me\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/paulchr.ablass.me\/blog\/wp-json\/wp\/v2\/comments?post=441"}],"version-history":[{"count":3,"href":"https:\/\/paulchr.ablass.me\/blog\/wp-json\/wp\/v2\/posts\/441\/revisions"}],"predecessor-version":[{"id":445,"href":"https:\/\/paulchr.ablass.me\/blog\/wp-json\/wp\/v2\/posts\/441\/revisions\/445"}],"wp:attachment":[{"href":"https:\/\/paulchr.ablass.me\/blog\/wp-json\/wp\/v2\/media?parent=441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/paulchr.ablass.me\/blog\/wp-json\/wp\/v2\/categories?post=441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/paulchr.ablass.me\/blog\/wp-json\/wp\/v2\/tags?post=441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}