Bestand wählen
Merken

Living Style Guide Driven Development

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
the a a lot of
my name is chris suppressed I live in the greatest city in the world so I work at the act were we may gamma apps that run mobile apps that Embrechts before that I received your life at a bunch of non computer keyboards and you can find the press the press still on Twitter and get half of then the community slack and hopefully everywhere they learned my lesson I lost out on no I'm not a designer but I worked really closely with many wonderful designers over the years and together we found all sorts of ways to number heads so come to care deeply about why that happens and how to prevent that's why I want to talk to you about style guides no and people hear the term style guide the usually think of esthetic standards like this excellent work from the US digital service color palettes and fonts buttons in forms that helped create a consistent look and feel now most digital style guide stop here and a documenting at this UI element level but today were explored out driving development 3 living style
guide that looks something like this can simplify many aspects of our web design process representing all of our applications components in 1 place we can shorten feedback cycle simply by working with this design to you know if you're familiar with other style guide project you may be thinking of this is just more stuff to you worry about maintain but here's where member comes in now of course the last
thing you wanna do is add something else neuterer development process you another meeting another tool at dependency on left that now in the embryo ecosystem a fantastic tooling and conventions that that help jump-start and full development of wins accumulate when we lean into the framework so hopefully we can decide Amber install style guide well unfortunately in this case we are not quite there the but some stories onuser 1st anyway you see we didn't have embassy alive in the year 2000
when Conan was ascendant on late nite this
is when I built my 1st website had abandoned
1 get the word out they built the site so that all my friends and the crowd when
my to make matters worse our check was better than a and while I guarded praise for my adept use of frames my friends pointed out that I should not attempt a solo web Korea therefore this is not a design were leaves selecting shades
of green to the professionals that every few months the Internet seems to erupt over this sort of thing as a child of the eighties personally I think I see nailed it back in the day that was peak green the point is there's a diverse set of skills involved in web development and we each possess a subset of them so 13 of the designer we relaunched the website and while the band did not take off our web company did and 2003 the web is that the 1 that I
never really understood Weber's reasoning there were not using samba but companies were paying my body and hundreds of dollars to build websites and we thought this is great so we let the 1st customer and we're seeing those dollars signs he designed the site I start to build it and this is on start as it turns out it is possible to design impossible things do I fairly photoshop is not built on WebCT we now in 2009 my team and I around the 40th floor of the Hearst Tower in Columbus Circle captain Sally crash lands in the Hudson River we all race to the side of the building just missing the plane flew by we're building fancy template Engine for newspapers on readers we to make at times look like the times we make a post with that the post we design multiple versions of multiple page layouts for multiple publications enemy ships the wrong designed the production no this was neither the 1st time nor the last time that someone just looked at the wrong photoshop export but yet laugh after the fact at how all this fancy tech is so easily undone by us humans yeah now 2013 my team is going personality quizzes and sweepstakes we decide we need to support custom themes for our customers this memory had to clean up a CSS and we find 37 shades of gray in there now the jokes that in situ grow tiresome over the 2 weeks we spent cleaning up to get this feature out the door so it turns out web development is hard this from it's fast paced it can be hard you know project start cleanly then they get messy despite the best efforts of smart people making the best decisions under the circumstance but why does this happen all the time what is so hard about interdisciplinary teams collaborating to continuously deliver modern applications targeting latest browsers devices and action-packed JavaScript landscape all other product keeps changing all of the long and winding rhetorical route then we never do reach the end but at the end of the day it turns out is a bunch of humans involved designers and engineers product visionaries and thought leaders figuring out what to build and inching their minds the we have dozens of people making doesn't decisions over dozens of weeks this leads to literally literally dozens of problems I like to call this design confusion the symptoms include designing impossible things but you eyes a third-party library can't adhere to were losing track of files is the Dropbox Gabon's exact their weekly told we get our signals crossed with the intent of the feature and we end up building things we don't need it happens to the best of and therefore so what is the living style guide and how will help with sleep eating mm the a living style guide is a design showcase built using a alive presentation now I love this idea I've tried a bunch of these projects over the years most showcase currency assessed using dummy HTML and behaviors and interactions tend to fall by the wayside you can have a copy of your design and used to maintain its like documentation it is bound to become update now I would argue this approach is treating the symptoms rather than the causes of design confusion but year ago Hugh Francis published an agile design manifesto for em it he discussed lanes agile design process as they build up a new ordering system for Swedish which is a fantastic once but if you're now they would articulate pieces of the design and formulate design tiles each style became inevitable and they decided that these components to dedicated style guide this allowed the CSS through to low that 1 page and you all the nitty gritty sigh work without needing to know the technical details of the application or members now the articles full of great ideas not the least of which is this emphasis on distilling design into its individual components now we should all be deconstructive application your eyes this way modern JavaScript frameworks like re Angular JS all and the all provide a component implementation that provides a means to encapsulate behavior appearance and structure so gone are the days of hopelessly entangled JavaScript and CSS that causes the same piece of HTML used in 2 different places to yield wildly different results different behaviors different apparent a disciplined about this we can compose interfaces out of components that are themselves assembled from other components and arrive at an application that is coherent flexible it's testable and maintainable beautiful there is salt winds at play the key insight of blog post was to presented the applications components in the separate context living sigh and in 1 fell swoop this obviated the architectural shortcomings of all those other style that projects that tried previously because the things in the style that we're now the actual things not approximation known the YAP labs project about a year ago we had carte blanche and we decided to try this out and the results exceeded expectations straight away now on the 1st day we had a bunch of
designs sign flows of whole sections of the Act what we didn't have word AWS credentials or a web server or were off system API we need any that to get to work cruzado out and we added components to its template Starting with the buttons then inputs and forms and validation behaviors and before we knew it we a bunch of you components of a production ready just a few out so what do you think we did when CEO emerge from a meeting other than master the various we show our work you can see it in action there looked really good he was blown away the design was blown away at how quickly these concepts it's from the light and we had stumbled into an unexpected benefit of having a living style rapid prototyping we don't have to wait for infrastructure set up to start building you I pieces in the style of worked wonders a pass to the onset of a project so far from being blocked we're incorporating design feedback on day 1 In this never stopped for the rest of the project so that's in and build a simple style it's easier than you might expect and this presentation is a number up and each slide is a component a disease actual Amber examples that we can play with many style guides meets life now imagine building and comforts it is logo it appears that the site and obviously you want tungsten about from behind so we need time to copper logo don't account component the so so
are out you can see that we created this component it just as you know the template backing component by C says that animation all the we put it in a style
that we don't need the whole site exists to build and marvel at the symbol once the site does exist the component is ready to go so now we have a basic but some cool things with a start about loaded spinners in progress bars you desire to
be screen for a fraction of a 2nd how many times we added temporary code to force a after mean artificially stuck in 1 of these ephemeral states we do our work to remove the him never think about it again until something goes wrong and these you I are notoriously difficult to work on due to the fleeting nature but the living side I provides place to keep them forever you can see we have loss aversion to
this monograph such that M I can you see in the middle we've different size is and you can see
here is big old divergent Hugin slower so much easier to work with they're making changes and then we can see those changes in
effect in the letters that are actually used in the act the sandbox makes it really
easy to make these off neglected things look great and we did a lot of tweaking you get this just right designers care deeply about expressing designed properly living style guide is just a snapshot of current state is an excellent environment to apply the finishing touch there were continually polishing tweaking it makes way more sense to make these changes on life components rather than in designer now I'd like to talk about 1 of my pet peeves empty states or more specifically forgetting about yeah and the stator pain in the neck to deal with partially because it's been the development environment with 3 data for and design mock they all features new most perfect is unfortunately are brand new users form 1st impressions of absent precisely these entities the living style guide provides an easy way to prevent more but to present multiple states of the component side by side in this case it installs chart free apps customer analytics that word and in the style guide we studied data sources for nice thing for no data or waiting for data forever we provide a nice messages do users in the empty and bonuses In order to prevent the scenarios in this slide before us encapsulate functionality sense it separator presentation from a data mining and we build something better than might otherwise have we been developed the app building in the apple is always real data flow when we broke things we realize we had leaky abstractions on this this development approach ultimately raise the quality of the combined built that animations animation fun when done well but they're often as tricky to work on as the segue into this slide yeah not given we will have the Chrome dev tools open not talking about that I'm talking about revving wrapped in other states that invoke these and and this example gap want to add helpful hints to first-time users when a user would interact with 1 of these pulsing circles affectionately dubbed indeed this 1 time old peers and then hopefully for us developers disappears forever and we all know the traditional development approach here creating new user login then click through the 7 steps to get the right spot over those from dev tools and click the thing that triggers the animation and nicer making changes each will the DOM CSS into your app is hopelessly out a lack of and then you give up when you blow everything away and you repeat the process hundreds of times throughout the day now we model components effectively we can toggle back and forth between the states that you have we refine these animation now in this case the account considerations was weird trying to strike a delicate balance of noticeable enough hopefully not knowing the middle style library reloading it all the way the there's a lot of work between the design mark up and launch when it is easy to make things just so in a design mark now everything Pittsburgh again looks great I laugh myself silly when I saw this and that of the Apple Watch promote as dinosaurs stay close at all their professionally photograph model from with 4 letter names we all know that's not how the real world works in the real world we have data like this yeah now here the living cell that right again so this screen to any design they will immediately drop what they're doing and help you fix any and all edge cases and here we came up with a simple strategy of is ratcheting down the font size is that's that went up and as you can see the design not tolerate that number which by the way would be a fantastic page you can and an added benefit is that once you fix this is really unlikely that you'll accidentally break it without no is the living style islands are designed a certain durability if a developing against every day for conducting design reviews and demos we are implicitly putting a design through spaces if something goes awry visually test might not captured by human will notice this makes it really difficult to regress no let's dig deeper into a situation where we know that we have a bunch of these different data scenarios to handle In another Yap labs project this past year we're working with collective their owned by Christie's and we're helping build out the search engine for options of but many features integrations that are unique to the art world and they were going this Amazon-like search engine for what's sold where has always filtering aggregations backed by an Elasticsearch now depending on search terms the API returns a heterogenous of search results different categories here you know painting story wine in each category has a rich taxonomy to the different shape to the data so this necessitates a bunch of logic to bring this information to the screen a pleasing consistent fashion missile guide we can represent always different scenarios on-screen at the same time reaction did this by something different data sources in the style guide controller before the data API even exist and then we updated as the API changed this gave us a lot of confidence in our present you i capabilities but also give us a strategy workflow for incorporating future API to because of the separation I don't even need to be running that full data API service to work on these components if I'm in a team members and even need to know how they work to begin working on these components so not a huge benefit the living style guide is that it provides an easy onward it is so cool to see someone join a project and contribute immediately without knowing everything the the Application Pattern John nicely self documented in 1 place in living style and unlike most onboarding documentation it's actually up-to-date organically improves and scales of the applications and build new things and we have the richest and most complex interactions and the and laid out in component form In this out like this rich stepwise flow in the monograph platform allows users to compose legal contracts setting up licensing
terms through media files there's a lot of complex capabilities under the hood we need a simple intuitive interface and came up with an interactive sentence builder the but this functionality behind it didn't exist yet and so we got the design view all sorts of things to model and reason we're able to deconstruct the
experience into a set of components present
them in series is out In this gave us stuff to play with see how things felt see things made sense give us a way to incorporate changes the end result as you can see is beautiful from both the web and mobile app now 1 point during this process the designer Chris Gödel mention that he had some feedback on animations transitions and also a lot of
minor things so he said he'd like to give a stop at the end of the day so that hopefully we can
implement changes sometime by the next week so instead I suggested the readers work together my laptop In what follows was a really fun to our design ordered Henry with really efficient dialog we analyze the design holistically and made changes in the style the my to the actin so the work was already life is doing designer cart wheels a Christian I reflected reflecting recently flow finally that better Machiavelli's hand gestures a talk so we're reflecting but this process new saying how it's often far less efficient at design studios were designers lots of 4 tickets for revisions and engineers good implement them but there's all this back and forth and misunderstanding with the designer's intent was living said I guess around all of he said is very liberating to see changes enacted immediately so this point hopefully everyone is sold ready free-living living started so how should we go about building now everything in modern wrappers made from component so we need a style guide component now if you're next thought was maybe someone else already done this this time here let me a collected I thought some learning in the past year Comoros December and makes it really easy at a living style guide to your member this called Amber Frey style and out of the box it gives you something that looks like this so all
of the examples in this presentation were built with components provided by the Amber Frey seller In every interactive example we've codes effects note the this left navigation collapses
so we can work test responsive design low the star that on the phone or tablet CEO every piece of your application fears is saved a lot of tavern around an actual up no you see something you want to work out is focus on that 1 component and you get to work on the style guide will as you go I can share the Ural among right now the team in solderable low right up to the same component focused the the all this is just set up for us by Member freestyle so I will treat the URL of this presentation and get a repository includes the slides and codes you can peruse and joined the fray the atom is in its early stages but it's already really easy to work with goes Teletel featurize with all these other star that projects but with a fraction of Europe it's a polite lightweight citizen as fully encapsulated CSS assessed using CSS naming conventions that means it's safe to use in your house the and that is ever free stuff now I have 1 bit of Emory goodness they want to take a peek at in particular and that is the component that using for codes so we have this freestyle
usage component and all you need to do is
wrap component in this case that constant logo component inside 1 of these freestyle usage components and it will render it tonsillar component along with the hammer possibility that generated additionally news comment delimiters anywhere in your application code base the flight code snippet to be pulled into the style the same goes for Marc Denis here this freestyle note components that you can used to make Martin nodes and style guide but you can also use comment delimiters to pipe special code from comments in your app into this out the is so cool that all this just happened using the actual code in your app you 1 positive yeah so what's next for Emma freestyle well there's
plenty of work to do why would certainly appreciate help the giver repositories for suppressed still member freestyle is a bunch of issues I have up there most notably we need testing documentation so we can get this into more people's hands but the reality is that today your 1 consul command away from a living style guide in your Member if you're already building composable you eyes with components of reasonably encapsulated styles you can stand on right at if your app is not as well organized count this as another reason to refactor George modern number commence they really are are in power we see this living style driven development approach them touting relies on Amber components other add-ons and service patterns and query per bill looks for those codes that embassy lie that's the whole thing together this amazing to be able to do all is even more amazing to build a package it up into an adult share with any so where we go from here while there are many problems to solve many of your likely pondering some of them right now regarding payload size engines could be very useful in the future we can consider build in the interim to conditionally server style guides In bigger organizations like sales force have been tackling the problem of presenting consistent experiences across large suites of about across multiple platforms it open source project of Theo that seeks to establish a single source of for design properties using common Jason convict as a bunch of interesting opportunities to use the stargate for testing whether that's acceptance tester in screenshots for a visual regressions to laughter do these design problems transcend any add-on in any framework 18 I I'm excited to tackle them together the I've been thinking a lot lately about how technical teams work together and the things that have changed over the years things that haven't ultimately I'm happiest when people are working together new closely efficiently we should avoid other complicating our interactions because the things that were working on our already complicated enough so I love teams that optimized for collaboration John made recently tweeted how partners with engineering to imagine realize a product that is not only reliable but has sold and so it is often easier to this expenditure around Spiegel out into web cam that is to open issue in CBIR something over the fence around the back I Rossini marvel at how far web technology has come since I 1st started up at so many things are possible now technically interpersonally that we couldn't dream 0 5 10 15 years ago but sometimes it feels like surfing around the above all have fun tackling tricky problems with good people that's why we all started doing this in the 1st place thank you very much the who knows a great talk I've seen some of companies with a pretty big teams has set up a separate Adonis a separate repo for this tells that and that's been really effective relating like the uh the designers feel like they can change their for that you getting the developers will times so how would you you know you that with Amber Frey so and you think it's a good idea I do think it's a good idea we have to use that approach actually internally Idiap we have a bunch of em brats because they're built several years before and came about and we have a common we're out on that we pull and all of them and that's where we have our living sound I mean 1 you get what what you want and we actually serving up using the dummy at in that at all such 3 what's important to remember is that these really are just components so you can use them wherever you want however you see fit your sticking your apps components in them so everything on the slide with examples had in different subsets of components and then the 1 example slide at the whole guide so you can really know any any way that you want to organize your systems components if you have a shared out on like we do or if it's all in 1 that is really up to you composing these components a quick question well Amber Frey so this is in when you install on your re-poll God's in like a production of this just what when you build it is just like all those assets but when you go that side and left it in the when you build it in due install add-on in your production of or it like a separate thing you do in development so it's up to you it's you can do your gap we actually do you just have it in our production build because it's not really adding to the payload size much at all and we preferred you know what designer is asking a question or 1 of us working on something we can is linked directly to something it's all publicly hosted at it's nice it not need to be on a developers machine in order to see if there really is up to you and we have discussed in using billhooks in order to strip it from production builds if you specifically don't want to let's say show how you could potentially break a bunch of stuff enwrapping or on people may be somewhere across the public your then again you could also have multiple style guides if you want really is to you that is a very good question hi my
App <Programm>
Videospiel
Elektronischer Programmführer
HIP <Kommunikationsprotokoll>
Zahlenbereich
Element <Mathematik>
Term
Obere Schranke
Quick-Sort
Übergang
Videokonferenz
Dienst <Informatik>
Bildschirmmaske
Font
Code
Digitalisierer
Elektronischer Programmführer
Kantenfärbung
Softwareentwickler
Gammafunktion
Standardabweichung
Schreib-Lese-Kopf
Webdesign
Prozess <Physik>
Prozess <Informatik>
Framework <Informatik>
Entscheidungstheorie
Framework <Informatik>
Rückkopplung
Verbandstheorie
Komponente <Software>
Code
Dreiecksfreier Graph
Projektive Ebene
Installation <Informatik>
Elektronischer Programmführer
Softwareentwickler
Hilfesystem
Benutzerbeteiligung
Web Site
Rückkopplung
Rahmenproblem
Gruppe <Mathematik>
Wort <Informatik>
Resultante
Punkt
Prozess <Physik>
Web log
Browser
Versionsverwaltung
NP-hartes Problem
Kartesische Koordinaten
Template
Entscheidungstheorie
Homepage
Internetworking
Komponente <Software>
Vorzeichen <Mathematik>
Code
Gruppe <Mathematik>
Elektronischer Programmführer
Schnittstelle
Softwareentwickler
Approximation
Elektronischer Programmführer
Physikalischer Effekt
Template
Gebäude <Mathematik>
Applet
Web Site
Zeiger <Informatik>
Biprodukt
Kontextbezogenes System
Gruppenoperation
Entscheidungstheorie
Arithmetisches Mittel
Teilmenge
Softwarewartung
Datenstruktur
Funktion <Mathematik>
Menge
COM
Festspeicher
Projektive Ebene
Versionsverwaltung
Schlüsselverwaltung
Ebene
Subtraktion
Web Site
Implementierung
Interaktives Fernsehen
Systemzusammenbruch
Gebäude <Mathematik>
Geheimnisprinzip
Kombinatorische Gruppentheorie
Framework <Informatik>
Homepage
W3C-Standard
Weg <Topologie>
Multiplikation
Benutzerbeteiligung
Erwartungswert
Programmbibliothek
Skript <Programm>
Zusammenhängender Graph
Biprodukt
Datenstruktur
Implementierung
Cross-site scripting
Browser
Routing
Physikalisches System
Elektronische Publikation
Quick-Sort
Kombinatorische Gruppentheorie
Chipkarte
Verschränkter Zustand
Parkettierung
Komponente <Software>
Modem
Web-Designer
Analytische Menge
Rückkopplung
Web Site
Spielkonsole
Gruppenoperation
Zahlenbereich
Kombinatorische Gruppentheorie
Benutzerbeteiligung
Bildschirmmaske
Zusammenhängender Graph
Elektronischer Programmführer
Videospiel
Elektronischer Programmführer
Template
Gebäude <Mathematik>
Element <Gruppentheorie>
Validität
Physikalisches System
Rapid Prototyping
Computervirus
Biprodukt
Ein-Ausgabe
Datenfluss
Rechenschieber
Rückkopplung
Verbandstheorie
Server
Projektive Ebene
Garbentheorie
Wort <Informatik>
Message-Passing
Rapid Prototyping
Bruchrechnung
Web Site
Einfügungsdämpfung
Spielkonsole
Natürliche Zahl
Symboltabelle
Aggregatzustand
Computervirus
Code
Arithmetische Folge
Last
Zusammenhängender Graph
Touchscreen
Aggregatzustand
Resultante
Demo <Programm>
Prozess <Physik>
Freeware
Puls <Technik>
Kartesische Koordinaten
Aggregatzustand
Abstraktionsebene
Login
Raum-Zeit
Homepage
Komponente <Software>
Font
Suchmaschine
Mustersprache
Elektronischer Programmführer
Ordnung <Mathematik>
Softwaretest
App <Programm>
Zentrische Streckung
Lineares Funktional
Shape <Informatik>
Kategorie <Mathematik>
Abstraktionsebene
Gebäude <Mathematik>
Strömungsrichtung
Quellcode
Gleitendes Mittel
Konfiguration <Informatik>
Rechenschieber
Dienst <Informatik>
Strategisches Spiel
Projektive Ebene
Benutzerführung
Information
Ordnung <Mathematik>
Programmierumgebung
Message-Passing
Aggregatzustand
Maschinenschreiben
Subtraktion
Mathematisierung
Zahlenbereich
Interaktives Fernsehen
Kolmogorov-Komplexität
Analytische Menge
Kombinatorische Gruppentheorie
Term
Systemplattform
Mathematische Logik
Data Mining
Bildschirmmaske
Informationsmodellierung
Bereichsschätzung
Digitale Photographie
Reelle Zahl
Programmbibliothek
Zusammenhängender Graph
Booten
Softwareentwickler
Widerspruchsfreiheit
Touchscreen
Soundverarbeitung
Trennungsaxiom
Videospiel
Kreisfläche
Konvexe Hülle
Peer-to-Peer-Netz
Datenfluss
Integral
Design by Contract
Numerische Taxonomie
Gamecontroller
Hill-Differentialgleichung
Geheimnisprinzip
Lineares Funktional
Datentyp
Sichtenkonzept
Interaktives Fernsehen
Elektronische Publikation
Kombinatorische Gruppentheorie
Komplex <Algebra>
Term
Quick-Sort
Inverser Limes
Informationsmodellierung
Menge
Design by Contract
Hypermedia
Zusammenhängender Graph
Schnittstelle
Resultante
Rückkopplung
App <Programm>
Benutzerbeteiligung
Prozess <Physik>
Punkt
Texteditor
Gruppenoperation
Mathematisierung
Reihe
Soundverarbeitung
Videospiel
Punkt
Prozess <Physik>
Quader
Installation <Informatik>
Elektronischer Programmführer
Mathematisierung
Versionsverwaltung
Entscheidungsmodell
Kombinatorische Gruppentheorie
Datenfluss
Notebook-Computer
Wrapper <Programmierung>
Codierung
Zusammenhängender Graph
Bildschirmsymbol
Elektronischer Programmführer
Softwaretest
Bruchrechnung
Bit
Dokumentenserver
Elektronischer Programmführer
Güte der Anpassung
Kartesische Koordinaten
Fokalpunkt
Rechenschieber
Rechter Winkel
Code
Tablet PC
Endogene Variable
Codierung
Elementare Zahlentheorie
Zusammenhängender Graph
URL
Elektronischer Programmführer
Gemeinsamer Speicher
Kartesische Koordinaten
Twitter <Softwareplattform>
Zählen
Softwaretest
Code
Lineare Regression
Mustersprache
Elektronischer Programmführer
Softwaretest
Suite <Programmpaket>
App <Programm>
Webcam
Dokumentenserver
Elektronischer Programmführer
Kategorie <Mathematik>
Gebäude <Mathematik>
Güte der Anpassung
Wurm <Informatik>
Abfrage
Quellcode
Biprodukt
Konstante
Teilmenge
Rechenschieber
Dienst <Informatik>
Kollaboration <Informatik>
Forcing
Grundsätze ordnungsmäßiger Datenverarbeitung
Server
Projektive Ebene
Ordnung <Mathematik>
Refactoring
Repository <Informatik>
Subtraktion
Ortsoperator
Selbst organisierendes System
Zahlenbereich
Interaktives Fernsehen
Code
Framework <Informatik>
Virtuelle Maschine
Knotenmenge
Multiplikation
Benutzerbeteiligung
Zusammenhängender Graph
Softwareentwickler
Widerspruchsfreiheit
Kollaboration <Informatik>
Open Source
Einfache Genauigkeit
Physikalisches System
Portabilität
Offene Menge
Bitfehlerhäufigkeit
Codierung
Lie-Gruppe

Metadaten

Formale Metadaten

Titel Living Style Guide Driven Development
Serientitel Ember Conf 2016
Autor LoPresto, Chris
Lizenz CC-Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen und nicht-kommerziellen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen und das Werk bzw. diesen Inhalt auch in veränderter Form nur unter den Bedingungen dieser Lizenz weitergeben.
DOI 10.5446/34706
Herausgeber Confreaks, LLC
Erscheinungsjahr 2016
Sprache Englisch

Inhaltliche Metadaten

Fachgebiet Informatik
Abstract Creating a living design system is essential to developing a cohesive experience for users over the lifetime of a product. Ember tooling and conventions make this easier than you might expect. By organizing your application functionality into Ember components, you can easily build a living style guide to showcase key features, design patterns, and user interactions. This fashion of style guide driven development enables a rapid implementation and feedback cycle, a comprehensive overview of key features, and the blissful feeling of providing order in a chaotic world.

Ähnliche Filme

Loading...
Feedback