Bestand wählen
Merken

CSS Is Hard

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
and you know and and and and the this talk is title CSS is hard because they didn't have much time to think of anything more clever than that but but so how many of you are building ambitious applications so OK so most of you but that's good by which is which is great because you know members helped us build these great ambitious applications and it's helped us to see what was our spaghetti JavaScript's into this beautiful but you orchestration of components while working together on but we have yet to help you to be the spaghetti monster in CSS land and so and 1 of the big problems with CSS is that its global so it's very easy to define our styles in 1 place maybe organize yourselves very effectively but it's very easy to make a mistake in all of a sudden style you find somewhere is now leaking people elsewhere and and so there's technologies that our you know a lot on the standards track to help us with this buy things like shadowed on and you know in prior previous shutdown on there is the idea of the style scope and those of us there some other cool things happening on standards of track as well but those things are still being proposes some poly fills by those may or may not be by usable by you and production so you really what we've learned to do CSS is to build up a set of conventions and that's not unlike the things that we've done and of the plan right we built up a set of conventions because whatever gives you the conventions to build your jobs of applications well what about bringing conventions to CSS and with number 2 . 0 were component ties all the things right and 1 of the things that's going to shake out a I suspect and that we've been talking about is that we're going to want to move to a parts-based structure for your application and you know what that means is effectively in summer 1 if a number 2 . 0 your writing all components your apps last components folders you need a very full right and so plotted in allow us to have top level folders for are components and potentially II groupings of components perhaps by around and so what can we do how can number help us with our CSS let's see if I can pull off a quick demo it yeah and you yeah mean mirror planes the yeah that great right
so here we are a
terminal administer of such shame right so well so here
we are inside of a number application and it just so happens right before I got up here I just published a new add-on to MPM called Amber components assess so I'm going to pretend to install that in here i and so now we magically gather at unfold right and then we can I open up sublime and we can
start building our 1st component inside of replication so will jump to our application HBS file and will give this out and replaced with a handy dandy my component and so what is this how are we going to build this component Morgan part structure and effectively at at the simplest level what that means is we're just going to create a directory called my component inside this will put part template . php file and will
say hello from my component and I if
I bring up embassy I here
but are straight that those faster
times really come in handy right so here we got right this should be nothing controversial this is hello world number land but we built this component and now we want style right and so what we do well if you're you know what you've
probably done is you've opened up the cells directory now you knew were all of your like component structure your file structure that lives inside of the application directory inside the cells directly using something like Sasser lesson you're importing and bringing everything around you got a nice organize file structure but in Puntland when we already have peaceful so what should we do well we should be able to just drop in a styles . CSS file here right and so now
if I go ahead and define a us
CSS rule here I should be able to go use it from inside my template holder things
everything that the the should be able to go
use it and hopefully are
component will turn blue right so this is very cool right but but on you say the so is a very generic name that's going to leak in here have use other components what about add-ons and third-party components the the the other well my friends have I got something for you in the background alright and on his actually got back and the and and it has
gone and added a magical namespace class for us you know components and so if we go and look at our usage of food inside of a component the see here it's automatically namespace for us this is very cool right
now to finish off the demo the 1 missing piece is asshole I wanna style so I wanna start my component myself not just style things inside my components of the idea that well I borrowed a little bit syntax you can ampersand you can do
something to this component the the the and now we are
styling who we are components as well so that
this is what I've been hacking on if you have been trying to get my attention or have a conversation with me for the last several hours this is what I've been
doing i so let's see where in the wind so I replaced the 9
so but basically you can try this yourself right now it's already up and and can give it and install there's probably bugs it's it's demo the quality I had RGB area that had Robert Jackson reviewed forming he said it did not make him 1 environment so that was that was good but so yeah have I give it a shot a trial but you know I think we really have AEI great story to bring them around conventions and CS land assessed that CSS land as well so I you know please file issues and I some feedback on it and I guess I'm planning to support fast unless and all that stuff everybody's been asking you that so but no initial on twitter if you have any thoughts banks thank
you for that and in the Hey the
App <Programm>
Demo <Programm>
Spiegelung <Mathematik>
Gruppenkeim
Automatische Handlungsplanung
Zahlenbereich
Kartesische Koordinaten
Biprodukt
Polygon
Übergang
Arithmetisches Mittel
Monster-Gruppe
Weg <Topologie>
Menge
Prozess <Informatik>
Rechter Winkel
Zusammenhängender Graph
Datenstruktur
Standardabweichung
Einheit <Mathematik>
Rechter Winkel
Radikal <Mathematik>
Zahlenbereich
Zusammenhängender Graph
Kartesische Koordinaten
Template
Datenreplikation
Mereologie
Kartesische Koordinaten
Zusammenhängender Graph
Elektronische Publikation
Datenstruktur
Verzeichnisdienst
Übergang
Demo <Programm>
Rechter Winkel
Korrelation
Zellularer Automat
Zahlenbereich
Kartesische Koordinaten
Zusammenhängender Graph
Datenstruktur
Elektronische Publikation
Verzeichnisdienst
Template
Schlussregel
Sampler <Musikinstrument>
Komponente <Software>
Namensraum
Rechter Winkel
Klasse <Mathematik>
Zusammenhängender Graph
Demo <Programm>
Bit
Demo <Programm>
Zusammenhängender Graph
Komponente <Software>
Zusammenhängender Graph
Komponente <Software>
Umsetzung <Informatik>
Videokonferenz
Rückkopplung
Twitter <Softwareplattform>
Flächeninhalt
COM
Installation <Informatik>
Dienst <Informatik>
Elektronische Publikation
Ereignishorizont
Programmierumgebung
Programmfehler

Metadaten

Formale Metadaten

Titel CSS Is Hard
Serientitel Ember Conf 2015
Autor Bryn, Erik
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/34726
Herausgeber Confreaks, LLC
Erscheinungsjahr 2015
Sprache Englisch

Inhaltliche Metadaten

Fachgebiet Informatik

Ähnliche Filme

Loading...
Feedback