 Okay, people come in come in. I hope there's some people waiting outside, but okay Welcome to my little presentation around this new exciting thing called HTML 5s This session was named about six months ago when the iPhone 4s just came out. So at that point I thought there was this was pretty funny Not that many people get that joke anymore. That's but that's just too bad. So Let's um Let's start with a fair warning. First of all, I'm a dain and And that means that we by definitions are Vikings and if you come to Copenhagen, it's even worse Your Viking sailor's kind of thingy That will probably mean that I'm gonna maybe curse a bit in this session at some given points. I Maybe even say things that will be offensive to Americans I Will definitely say things that will be offensive to developers So just to make sure that people knows this and now there's a given fair warning Afterwards if you think I was a real asshole come up and tell me it so I can maybe change my style for another time That was just that fair fair warning. So this is me. This is my Twitter in the handle This is my name because my normal Danish name is so long I cannot even be standing on my my visa cards, right? So more than decay. It's way way simpler and This is also like the Say your daily doses of Drupal truth This is what this is. So following on Twitter and Learn stuff. So first of all my favorite color is badass. I'm a straight up front-end designer I have a thing for the Packers, which is dumb and it took me It was hot this year. I mean did we wait for that game for three months and they just did nothing so Anyways, I'm a front-end developer. I've been in this Drupal community for Just figure out six years now since the Drupal con down in Brussels It has been a ride. It has been very very fun to be a front-end dude in a back-end world The good thing is just getting more and more of us and apparently they're giving me a room the size of a hangar so Apparently we're getting more people all people just coming in to see me talk and do crazy things So I'm running this little company called geek rail and yeah, that's the stickers and I have them with me So if you want to get stickers afterwards, you have to come up and be nice That's that's how the rules are so but first off first off This is not anything about micro format so drag and drop and how to build apps and all this magic new thing is right Nothing about that. No offline storage. No geolocation. None of that This is about what will happen with the front-end the markup when we as front-end developers work with that So if you wanted to see that Probably came to the wrong session. This is straight up about getting some fundamentals right now Actually making the whole html 5 thing less sexy, which I think I know that we're all hyped up I'll up it and it's so great and yada yada yada, but it's pretty simple actually and We're probably gonna Work around this word a lot It's all about the code So Good to see there's still somebody left in the room Dog run is not yet getting his heart attack. It seems like that So I'm so just let me just figure out who's who in this room So and now you allowed to speak up in my sessions. You're allowed to shout you're allowed to scream at me allowed to call me out on shitty code so Developers anyone Okay, good front-end heroes. I Come on Fuck yeah, they sign us Okay, the ladies the fellas Okay, that was like 30% 70 right? That's pretty good. It's getting better and better Okay, how many is just here for the show to figure out if I'm gonna offend someone Crap, okay, so HTML 4s. What's that about? What's all the cool stuff that we were promised? Well, basically I Sat down and tried to think about it a little bit and looked at how the front-end have kind of progressed a couple of years and Well back in 2008 around Drupal 6 we went all oh, it's gonna be great systems Mark Bolton came along and pushed that in on into us And we know worked around that so Last two years ago No, we get in Drupal 7 in and suddenly now people begin to talk about responsive and HTML and all these things And we're kind of waiting for that Drupal 8 thing to come. There's a lot of work going on right now around the Drupal 8 HTML 5 CSS 3 design group No, so I kind of see yourself being like kind of there right now We don't know when Drupal 8 is gonna come out When it's done, right? So we can either be stuck in our normal markup ways that we have now or we can kind of like get some tempo on and That's what actually what this is all about. So the first thing that you actually want to do in your theme This is all about know quickly build a basic theme for you that can kind of do that whole HTML 5 thingy the place where it's actually happening is You need to look for this actually a little bit that this freaked me out the first time I had this whole way of that Drupal 8, Drupal 7 is building stuff up So you have the you have that whole wrapper HTML TPL file thingy well go down into the systems You see the the module systems and there it is and copy that file to your to your theme Yours else. You cannot really Get on the train the HTML 5 unless of course you're using Eric's fabulous module which kind of says HTML 5 to kind of like preloaded all for you But this is all about like doing things in hand So this was basically taking this is the this is the basic markup header we happen in Drupal 7 now, so you just actually take that and we kind of just Shift it out with this and this is actually all that HTML 5 is about cleaning up the crap. I mean What do you like? Really, I mean, it's it's I know that probably a lot of Google developers would really like the top one Because there's so much data in it and data is good, right? I'm a I'm a simple man. I Like rock and roll and big-ass beers, right? I like the small things So it's actually this one. This is the dog type. This is where it's at This is actually where we go fist pump when that thing is in like yeah, yeah, but of course there's a but Had this one last year Microsoft said finally sorry by six probably my greatest achievement ever in my life. I have this framed up at home I was hoping for an I7 kind of We're killing it now That didn't didn't happen. Okay. Well, the good thing is that that the big one the big corner Mr. Dries Has actually told us that I7 is not gonna be supported now in Drupal 8 That that in my mind is a fantastic thing It's been a it has been a battle for a lot of months in the issue queue let me put it that way and The reason we're doing this now is that Drupal 8 is gonna be out with what a year and a half from now at that point I a 7 will be dead. We still Yeah, we still have to support it. I'm actually taxing my clients now. I'm a danger. We tax on everything, right? So I put in the IE 7 tax I used to have an IE 6 tax and it works fabulously when you put that tax on the clowns going Maybe we don't need to support that anyway That it worked out Okay, but we still know have to work with that. No IE 7 thing. Yeah, I know I just gave Microsoft credit for like being good guys And this is just to get easy points, right? No IE picking you can always do that So the whole thing is that that the problem you have now you have changed the dock type and it begins like putting in new tags Well, IE doesn't get it Crap well I in 9th gets it. So that's a good thing But we're gonna be stuck with IE 8 for a lot of years. So Really quick and dirty way to actually do this just taking this snippet and throwing it directly into the HTMLGPL file And be done with it. There's a small little piece of code They're gonna kind of tell dumb dumb dumb dumb dumb dumb dumb dumb browsers that hey, dude That article tag is now actually a thing you should render into something Okay, so we have now kind of we have articles with section real figures. We have all that kind of supported What you should do then is actually throw in the CSS reset at some kind you can either do that by Eric Meyer has one. I mean If you use them normalize it has that that one too, it's it's kind of all over the place But let's see when you have done this You are actually now allowed into the club This is like this is a game There was a game sign because right now you're on when you're done this to your side you have straight up playing HTML5 So and this is a kind of an exercise if anybody has a big-ass white-ass lens, could they pretty please come here? anyone with a big-ass camera White lens come on. Oh, yeah My room we from San Francisco Okay, this is an exercise so so so the normal the normal gang sign was like like like this Right, but this is doable so we need to do it one so we start out throwing me the horns Everyone come on up with the horns good Then you take like three fingers These three fingers are for the worldwide web and you combine these two right come on guys. Oh Yeah, yeah, you can do it. Let's let's take it a big one. Oh, yeah like this. Come on. Oh, yeah Thank you, thank you This was there's a dream I've been having for a couple of months. I know it's so dumb It's dumb dumb dumb dumb dumb, but now our HTML4s is actually super powered Right now your new badass theme is HTML5 and you're one of the cool kids That was one line of code you changed and you threw in a little bit of a little bit of a JavaScript thing And you're done. How sweet is that so? Now the whole thing is actually to getting this stuff into Drupal in some way And and if you look really quick on how an HTML5 page is built up You haven't like kind of new new text is kind of interesting. You have a header. You have a footer. You have an article And you have another footer like why are the two footers? We're gonna come to that no worries Relax, you're developed. I know it's not so hard It's good. It's great. We have a section and arts and stuff and there's probably errors in this And that's probably gonna come people that can't come after me and that's totally okay So the great thing about this header and footer thing normally in Drupal We have had it based as IDs, right? You have ID header in your diff. So like sit in stone Well, we're still having that but just using these real roles and and the sweet thing is that you have the Header tag head of old banner. Okay in your CSS now because it's HTML 5 When is that so check out the CSS picking give me the header That's the role banner done. You don't need to use IDs anymore You can rip or out those IDs and believe me it feels good if you feel any way the way I feel like markup Well, and I have kind of a The relationship with markup, let me put it that way then this is really really nice actually Same thing when you come around and actually do the same thing with the footer and it kind of now begins going See him the idea is this is easy. This is nice to work But this is not filled up with this with this with this in and a shit ton of IDs Another thing we have in do with the blocks The thing is that normally what we do in Google is like everything is like based around this idea that this is a system When we're going to really work with HTML 5 the sweet thing about it It's actually that each kind of piece of content has a meaning. There's actually real semantics in it Not the oh, no, you cannot put a span around the diff kind of thing But actually you give your markup meaning so now you actually you have to use your head So basically it cannot be defined just by a CMS system They actually need to go in and begin to work around the blocks and figure out what that should do And when I first figured this shit out, I got freaked out because okay I knew what an article and I kind of have an idea for section but aside that was kind of all over the place I actually talked with them oh And not the high-end developing guy That that about this whole thing about the aside and he was like, yeah, I still haven't figured out yet Okay, okay. Good. We're just gonna learn as we go along. That's actually the other thing We're still learning as we go along So the thing is actually it's defined by the content. That's the whole thing Another thing around these blocks if you tap take a new sweet little thing we get in The nav element that's basically that you're turning your markup. Hey, you are a navigation. You are menu I'm still kind of like what did they just not call it a menu, but then again, I Don't care. They just give me the tools and I'm gonna use them Um, but the thing you do here is actually basically you do a new block dash-dash menu tpl PSP that one will override the one that comes from the system and you basically just change the diff to a nav instead and Give it role navigation. Now those whole year rolls does something wonderful that I'm still haven't really figured out Because I'm all for the design But it's a lot of accessibility and another people will tell you about this later Um This is yet another one of these small things where we need to go in and kind of fiddle it with drew ball and put that into a Theme at some point you want to build a new base theme and of course, I'm gonna tell you about that, too It's gonna come a little bit later, but let's take the article. It's actually really interesting This is the definition for an article component of a pace independent distributed Post article blog entry comment widget independent item if this is not a note. I don't know what is But this is kind of it's straight out of the Drupal manual like that's not a good So that's another thing we can kind of start them. Remember that I said about the footer thing So this is basic like up. This would be a Basic note to go so have an article you have that as a role as an article you have a header You have that footer thing so see the footer when you have that into an article. That's more like You know all the meat meta meta meta meta data, right? So just think about it as that way and then you're not going to use your little pretty head first thing about that anymore See and as you can see I have not used my pretty little head very much But and that actually gives us now. Oh, holy crap. There's some code, right? This is my basic Note GPL as you can see there's actually not that much changed but The amount of kind of like I actually have a diff class content down there and I know that's bad But it it works. Um The whole idea is actually just know I just go in slowly and change stuff as I learn and as I go along To not make this whole html 5 thing dangerous I mean I started back in 96 Netscape 2.0 just came out and we did table-based designs with spacer gifts and all that sex is shit, right? How many how many of you were there? You feel my pain, right? That was good times We knew how to get stuff done Can you remember what happened when we went from from table-based designs to using diffs instead? I had ids all the fuck over and I had class names of anything It was I it was like watching watching a droopal theme drunk. It was awful I just opened up a site. I did back in 2001 Whoa, holy, holy crap, and I'm standing up here bitching about markup. Are you kidding me? um No, but the thing was that that when we changed that whole idea and attitude and kind of thinking of how How the markup should be to get the design to Put put the design into your theme That was pretty hard because we had no idea where to go I mean for how long have people now done HTML5 sites a year year and a half something Well We just have to learn slowly and get it on and get it on and get it on It's not like this is not going to be changed in one day I mean, we're not even sure of all the all the tags yet what they mean I mean we had the time tag that went out of the out of disrespect and went in again over a course of two weeks Then it's beginning a pretty pretty hard as a badass front front and developer to be like up on up on everything. Um Okay, so now we have like the basic stuff done, right? We have the node. We have an article. We have all the things. Um Google still has this idea of diffs for everything because it's a system Right, it's a some some very clever people have sat down and tried to figure out how to build this stuff And how to everything can like be built on a system fair enough um, the problem is kind of that This is how if you think, you know, we We want to come in and work with It's kind of like me to peel all these layers. I mean In my head is sometimes we're going to feel like a little bit like a chassis built I mean, I want to get in to get to the good stuff, right? And I was like layers and layers and layers and layers and stuff and I think that the idea around, um Google and the way that we do feels it's kind of that the the idea that okay, this is a This is an onion. So you could just like Peel everything off slowly and slowly set in the node monkeys to do that, right? um But if you don't need all that stuff if you actually want to do your markup clean you can actually it's it's Pretty simple to get a lot of it done. I just want to run through like three or four different ways of doing it So Yeah, we're keel holding the fucker um The thing is that how many of you are actually working with the tpl files like field tpl or field content type tpl Okay, the rest of you go home and figure out that Search for the field tpl in the system That is actually that piece of thingy that will change the way that your fields are rendered Um, and that's kind of the quick and easy way to actually get this done So if you want to change how let's say an image always get gets shown I don't want to have anything around my image. I just need to have my image nothing else Well, you can go in and remove that put that in your theme and that will slowly work Um, another thing is is actually using your theme function And putting in a new theme function and register that into the node tpl That's kind of complicated but not that bad and of course using if you're lazy like me sometimes Um, the space street has a ton of tools to really clean this stuff up So, um, this is my no diff theme kind of thingy Just to like really quick show what it is that i'm doing So if if you're in a node tpl and you do like content the field name and do that Hashtag theme thing now you're actually calling a new theme function to render whatever that element is So the field name is now being rendered with a new um a new theme function So when a new theme function is down here, it's called no markup because hey, I just want to have the The basic content out of it nothing else and you just know Put in this little function This is what I figured out. This is called development and I got a bit scared just a tiny bit scared But then again, I can go back to my ways of just wanting to do everything like on a visual level instead So this is um, this is the space streets way of doing it. Uh, I made a field called hell yeah um And as you can see in the markup down here, we have a h group around it We have diff class some kind of diff class actually in html 5. It's perfectly okay to use a diff in a span It's not illegal. It's okay, but um So as you can see it's like really actually easy to put in the things I want to have in my side In that area, um, you could just do the through an ui This is by the way also a really good thing if you have a kind of a pissy client who want to move everything around You can kind of give them access to the display suite and they can kind of move the fields around and being done about that It's um, it's pretty sweet actually, uh, and you should definitely go and check it out Unfortunately, special who did it. Uh, it's not here. Um, else I would have made a big call out to him and getting him in a A lot of love the work he's put in he has heard on me on a day-to-day basis pitching and moaning about how I want to have this stuff done. So He did that. I'm very very happy for that. Um, another thing actually now we Now we have the field if you have a view that does this instead. Well views has I made a I made a batch a couple of years ago that says views need more diffs That was I still have some of them left at home We never got around to do the t-shirt and earl will be the first to get it of course, um No, so now in views actually we have semantic views, which is goddamn awesome But actually some of this stuff actually came into view. So if you're getting tired of that views We kind of put out all these lifts again. There's a simple little bottom. You can just like remove Provide default field wrapper elements. I would laugh if it was the other way around but then again As long as I'm as long as you can make it to work. It's all good with me All right, so Thing is actually that that earl is is actually listening to what what no front end people We're actually doing and and we have talked a lot of back and forth about what it is that we want to have And that's another thing I kind of hope that We can get more front end nerds that are kind of like into all this markup and design implementation All these things can get them into this and actually talk with the developers because developers don't really hate us Because we have a function We keep the designers the fuck away from their working ground, right? I mean, well, that is basically what a theme is that's that hot love making between markup and design Like did I just do that off? Fuck you more That's by the way. It's the real modern Another thing you can do here and again the html 5 tools module is a thing you want to download Is it actually has this? Very very sweet little thing that you can go in and say you can take like style settings on each field And then you can go down there's a strong a strong tech you Can you use that again? Whatever But you have article on the side of the footer and head on a menu and nav Hooray I mean That just gives us a tool right in our hands. We don't even have to do anything about it. I think that's pretty sweet That's the html 5 tools. Definitely worth the download And actually the thing is kind of that The what is that what will do will do The day that the world runs out of diffs seriously Every time I hear people really bitching moan about a new cms system that they work with and if they come from a hand coding background It's probably doable There's a reason for that and well We can make it better and we are making it better. So that's all good Time actually got Oh crap. I need to speed up a bit. Okay, so Another thing that when we begin to work with with html 5, there's a lot of new sexy things in the forms um And usually in html 4 you had to have a diff inside of your form You don't need that anymore And that made me happy for a whole week. I know it's kind of anal Maybe it's kind of anal, but And I actually ended up doing this little thing and everything I do now because I don't want to see that diff anywhere um And and that's actually the thing right now about jubilette. Sometimes this is the kind of things that you need to do Um, the good thing is that like a bunch of us who are kind of anal about that stuff So if you just come by and tap us on the back and say hey, dude, uh, can you help me out with this? We will be like, oh, yeah, let's see. Let's see. Um We get a ton of new input fields and some of new kind of things that we can do that new place also. Yeah, yeah, it's small This is actually pretty cool. You know the small tag, right that was used and Way back that yeah, that was what small takes in html 5. It's not that anymore. It's actually more for kind of like um Information around the same elements which actually make them if you take this screenshot This was me getting very pissy one day and thought that the druble login form was ugly as fuck and I wanted to do something about it um So what I basically did was actually using the wonderful powers of html 5 and you know putting stuff in and actually using These elements as as good as possible. Um, and this is straight up clean css all the way No javascript stuff know anything else this leads up to an Shameless promotion of the um the druble watchdog where there's actually an article about that how you do that So I will not do that in this session. You hope for that, but you have to pay for that Or I will show you because it's pretty pretty easy Yeah, or somebody else will show you or somebody will do the magazine. Um, okay, so Now we have kind of cleaned up, you know in the the the markup and begins like look something that's good another thing that druble has a kind of tendency to um Is the whole loading every css file that may be possible in the world Plus a few extra because system has to and you know Some module you just loaded in of course They need to have a changing your colors of your links because that's yeah that I will not call out the module today I'll do that later at a bar and figure out if the actually the dude who did it is there and I will Have a man-to-man talk with him Um, so but apparently this is my claim to fame Uh the fuck off and die technique And this is just a quick quick reminder what this is actually is um when you define your style sheets If you define style sheet that doesn't exist in your theme info file It will not load it. This is my usual kind of no Getting this stuff out If you look at the the last style sheet, you will maybe see that a style sheet that made all my links blue um The thing is around CSS right now is that ie6 is dead dead dead dead Yeah Fuck yeah, um But we are actually still kind of you know Thinking in ways still as we used to have CSS way back when we have to support ie5 and ie6 and so forth um And now we can actually we can begin to use a ton of these things we can use real select us and and As again, I can see my time was not really maybe yeah, bro kind of running out It's just I just have to jump through this really really quick so so This is actually the real the real shit. Um, if you look at this You have a class name and you put take it on the input and take on the on the bottom This is the stuff you can begin to do now on our css. I mean we can clean out so much stuff from our css That's also means we can clean out class names that droop will has for everything because that was the only way That we could actually support this stuff way back in ie5 5 and ie5 and Firefox 3.6 because that's also a piece of shit um And the whole thing about this is that when you look at how people used to do css How many of you know know this chart? Print this out and begin to look at it and then begin to look at how droop will smack of it is and then go back um The whole thing about having classes and classes and classes is really good kind of in mind of what you should not do And why important is so bad? Very very bad. Um Think that we do now around the css in the way that well, I see that droop will think about it. Um I will try not to rant so much about it. Um We have a cms system, right and and it put out a field and that field needs to have some kind of hook Because in droop will everything is a hook that i've developers like likes hooks, right? You don't like hooks. Do you like hooks? Okay, and it's nice to have a hook in the css, right? It kind of it works the same way It's good Yeah, maybe um But why is it why are we putting in class names that doesn't make sense? I mean if I have a Image gallery that defines all kinds of sweet stuff around that And I want to put that into a field somewhere and I need to get that class name in Have you ever been sitting in that situation? We're like, how do I get a class name into that? Well, you used to hook. Oh, yeah, so I'm Building my css bigger bigger and bigger and bigger do you know about the stopper nelas? Oh css system Okay, she um, she redid the whole of facebook's css She went through it and figured out how many times they had the color blue In it the facebook color blue and that's kind of not actually really the same color The thing is that that's kind of how we do droopal sites. I mean we Repeat ourselves all over if I want to have a library of class names that actually makes sense in my head in droopal It's going to be hard. Um, and that's the the thing around this is is as I see it as a well This droopal it's been a kind of it's a name-generating thing, right? It's it's a hook that we use and the system at this point is not built for that kind of thinking And in my mind that's kind of one of the key problems today That so if you go with these stopper nelas or css or go out and read the smack smacked up Search for smack css Well, the whole idea here is actually to clean clean it up make it reusable I mean we're we're trying to make everything else reusable in so many ways Apparently this css is kind of a dumping ground for bad decisions Um, and I think that's kind of a kind of a sad thing. So there's kind of different ways to actually kill this stuff. Um Um, you can use the fuck off and die method or the foat if people are offended by the word fuck um And die in the same sentence um I just squeezed that invite Or you can use the bad technique People know what the bad is right? Oh come on Should we do I have to do this each year? Okay, so the bad is very very simple Is that every module you have is defined with three css files If your module don't come with these three and the way that it should be used I will find you And I will punish you because this is the only way that we as front end developers can actually Work with the css. I mean so the whole idea is that you have a base css file The base css file is all the stuff that I should not Get my fingers into so if you have an hx call if you have anything like that You put that shit up in the base css file If you have anything that you want to put into your admin interface it goes in there If I see any admin stuff or hx based stuff that will break your module down in the theme css file We will call in the note monkeys. We will release the hounds Because this makes it impossible for a theme to work with drupal if we have to go every time There's getting new thing installed into that site and we have to go hunting for it. I mean How many how many hours are you guys? Wasting at the of overriding dumb ass css that you don't have to use for anything and now 20 minutes two minutes Nothing too much generally too much. Um, yeah, this is actually beautiful. So, um This is again me being kind of Obsessed with cleaning stuff down. This is the this is actually the way to clean out your When we kind of call in the css files, right? Look how beautiful it is. Just clean nicely And this is less data and if remember this is a talk on right now. That's about how and Man it's hot up here So that whole thing about making your site bigger And bigger and bigger and bigger and more and more markup if you want to have a really quick site Or the less markup there is the quicker will be Um, this is a very small little function that actually likes you really don't understand this So if you come and ask me about it, I'm like I stole this totally from nathan smith Who's here? By the way, he's the guy who did the whole 960 thing and I just got my stick on his laptop I feel pretty special. Um But this is kind of it just cleans out all these Attribute thingy and just cleans up make it make it nice and make it good. Um The thing around all all this stuff around How we're going to if you're going to think about the css in the new ways that we can actually do it Well, we can begin to use actually the path name to detect on any css So you don't need to have a menu idea, you know When I look at how the menu puts up it's markup and like why is there a menu idea and everything? Well, there is that because we want to be able to detect it We can actually do that now on the path instead, which I think is pretty good Um But the thing is that drool is not really wrong. I was I was at the shooting range with web chick two days ago shooting shotguns Holy crap. She now can shoot a shotgun and she hits stuff I was a very very little boy at that point. I was like, okay So web chick should we talk about some of these things? I'm kind of not happy about No Yeah No, what we talked about was actually I went on my usual bitch parade. Yeah. Yeah. Yeah. No developers understand anything blah, blah, blah And she actually took the other way said no No front end people had to have been in the room and told the developers what the fuck we wanted So they just said hey, let's give him a shit ton of dips and a shit ton of Class names and they could like do their magic with it And now we come like five years later and I'm like, man, that's not good enough So this is kind of me asking like people to step up and begin to talk with the developers about it And figure it out and We into my blog post about it and actually begin to be vocal about it I mean at some point in about a day my voice will be kind of a Go on on as an old motor then I hope some of you guys and girls will step over um So this is me and this is my Project I've been on for a couple of years. It's called the mothership And the idea behind the mothership was actually as a preloader for all the css all your markup I'm just to clean that up because I figured out it was a bunch of hard work to do that every time So I did that as a base thing Um, and I'll not go into deep deep links about it because it's not it's actually really really not sexy I mean it doesn't do anything pretty for your site unless you like to view souls Then it's pretty fucking hot But when you're kind of on on the stress with the client, like we just need something I'm kind of The the the scary thing is that actually people now beginning to use this and kind of figuring out all my all the flaws in the code and stuff That's uh, so I'm I'm actually trying to recruit people. I will buy you a beer slater No, so what I've tried to do with this is actually as you can see here. Um, this is the the um Uh, the interface of the back and forth kind of having like quick ways of getting Modernized a selectorizer kind of in. Um, I did a little, uh, um, what I call the poor theme was helper If you know the develop module and the develop theme module, you know about that, right? It kind of How should I say it nicely it spits out a lot of spans on your site so you cannot really Work with it and your design will be messed up. Um That was kind of a nudge for me. So what I ended up actually was uh Oh See So go away Go here we go. So This is actually the rendering. Uh, when you load that whole poor theme helper because I was kind of Getting tired of looking for stuff. I mean I feel almost not as clever as gelacomas But that kind of that is my job as a themeer. That's not making stuff pretty and make it to work in a browser and stuff It's hunting for crap I figured out so I've kind of just begin to spit out all the all the elements that should is in this kind of In this this note So very quick have access to height and renders Of the the different elements if that's what I want to do in that theme All my tpls and so forth. So there's kind of like a really quick and dirty way Tractics to get grubble to tell you what it is that you want to do You don't want to put this out in a side that has a ton of hx on it kind of breaks Um, and it feels a lot. So you of course will remove it in a live site Another thing that I'm trying to build around is that whole idea of removing class names Because that can be a kind of opinion to find them Um, I've never understood why grubble has that html class in the body tag Anybody has an idea of why that is Come on Okay Are we ever have you ever used html? No So there's no good reason to that why that class is in there, right? Nobody uses it But it just came in at some point So that's kind of the things I'm trying to clean up this module having a nice interface with it and click it off Because it's not always you want to go totally naked, right? Um, so the theme can actually be found at mothership That's me It looks so cool on paper when I wrote it down It's so difficult to just to to tell people um Your mothership the that me You got it He's clever this one We have been lucky with this developer No, so so kind of back to this. This is kind of a no where we are right now So we need to actually mold grubble a lot as fund and developers to to get a lot of this stuff done Um, but at the same time some I think this is actually great fun And it sends me out of new ways. Well, it's great fun when I have time for it when I don't have time for it I'm That's when my my trader stream kind of explodes and in angry things about Druble people. I try to keep it down And and actually this is kind of the the the idea of no how we how we actually know How Druble tries to think as We at some point we have this idea We should eliminate the designer So people got all written the panties over the grid based because if you have a grid Then it's designed or now what's he called the twitter thingy Bootstrap Oh, I just changed my colors in the bootstrap. I love that on top now my newly fresh site is done That is not what theming is about theming is about having a cms system And having a design and having that shit to work together And that is your role in your job as a front-end developer Your goal at the same time is to keep All the apes and the monkeys away from the developers protecting them against evil browsers dumb busy annoying designers Because that is what we are I work on both sides of that fence and when I'm in the design line Oh, man, I'm not a nice person when I'm in the front-end line I miss the goodie goodie Um, no, so I see my idea was actually to make a deal with every developer in the room So they've been just here again. How many developers do we have? Say with your voice goddamn is the Come on Are you men no mice? Okay, so so what if we make this deal that you will still allow to do all the fun javascript ajx thingy that you can Impress your friends with You can do all the database stuff that you want to do You can put as many obscure things into that server database whatever kind of van is what the fuck do I know thing You can do all that crap. We as front-end developers will not interfere with that We will keep we will be Keepers of the peace by having all the designers away from you having All the project managers that comes in and want to have that stuff done in the last minute that They know we could do anything. We will do those evil tricks If we do that Will you then give us the markup we asked for? That was not the hour. Come on. Will you give us that? Yeah Good, um, I had an idea of doing a mothership tomorrow after lunch It's kind of like the weakest thing ever because tonight it's on and we need to drink and party Hey So it's i'm putting out on twitter So actually we'll give a more rundown and an idea of the philosophy about this whole mothership thingy and getting other Paisy this front-end people that are angry about markup and we can kind of See their own little group and close the door and scream of everything and then come out and be nice and happy um So I did a plug before for for stuff. Um So you should actually buy some cool shit I have a lot of cool shit with me this time. Um, actually what i've done to kind of support the The way the work we're doing with the mothership is actually this poster Um, I actually think this is the first post ever for a theme or a module Or maybe even a dribble site, but um, this is how I roll So we have these up in the up in the bookstore and um, they will only be here actually Uh, and that's how it's going to be each time Well, besides of me being all obnoxious and running around I'm always uh, also kind of See that that looked good, right? So you remember this this thing called design for dribble That felt all kind of like good and like designers came around here. Oh, yeah, it was like a Like a whole little off fest out on the island with a bunch of hippies, right? Um, well, we figured out at least in the european community. There was a lot of Frontend developers that actually thought we're just sitting in a corner in a circle talking about colors and topography And then some of these guys that it came we we've done so far the europe we did we did prog We did berlin because as frontend people we like nice shit So we only go to really good cities And believe me berlin is pretty awesome Not as awesome as kopenhagen, but you know everybody knows that So the thing is that that in a month we are actually having the first frontend united camp And what we figured out that frontend united was just a better name for this because it's it's everything from the ux to the design To anything else it's in amsterdam. I mean What can possibly go wrong? It will be good. It will be good. Um, so check out frontend united.org or dot com or net or that We have we got them all or the twitter stream. It's also frontend united It's not it's actually just the european version of that whole design for drupal or what it's called Because kind of the the the energy kind of went out of it and and we just figured out we gave it a new name Actually the reason it came became frontend united was actually we had an idea of making For you americans a soccer jersey But we would on the other side call a football jersey Having a kick ass logo for that frontend united with our ux plus All that stuff I've heard about people who wanted to have back edge united thing and i've had a lot of good ideas for that shirt We will take that later Yeah, sneak that one in right, okay. Let's take some resources Um, so the mothership the dot me my own side actually more decay I'm very sorry that that's not up to speed with drupal 7 right now I've been kind of busy having a baby and all that stuff. That's been all good The display street is it's pretty sweet actually can i use dot com do you know about that? Okay, can i use it's basically every time you find a new hot ass sexy tag you want to use You go into can i use Can i use mark And then it will tell you Of which browsers you can actually use this stuff on so you don't have to sit and plow around the internet And figure this shit up These people are very keen on getting new stuff in all the time So they're very much up to date and it's all major browsers all the time HTML please us. I think this this url is is pretty sweet It's another one of these kind of like give us a no-view of what can you use actually right now? How much time do i got left? Not a clue anybody has an idea how much time is left. Okay. We just keep going. Okay. So modernizer is another thing modernizer is Putting a lot of class names interest stuff if you want to do that Check it out. It's really sweet to kind of do do Detections on can i use shadows on this stuff some kind of that thing? Selectivizer can save your ass on a lot of ways because it kind of like Get gets the css up to speed um Another thing now we had that whole meat of thingy um I think we started just calling this out just to like um Go out a couple of us and a couple frontend people and have dinner And I thought it was a good idea to invite you guys um, so we're going afterwards today down to the falling rock A tap house which has the has like 40 45 Taps of good local beers and for me coming out of town I will not complain. Um, the idea is actually just to meet up with other people who are kind of into this whole frontend thingy and You can get some times like just hang around and after that We go down to the official party and find some developers and get into trouble So Do we have any questions? Anyone You just want to clap. Okay. Well, then, um, I think it's like that whole um Thank you for coming for my session. Oh, there was a question. Oh, whoa, whoa, whoa I will post my slide very very quick on My website mothership dirt dot me Oh, yeah, and that website too. Yeah, yeah, yeah, yeah, of course Oh, yeah, that side. Oops the Yngv attack Oh, yeah, that's a very very new swedish tag and um, oh man. I missed that slide It's a new very good swedish tag. That's a no, that's that's the only between us Yeah, sorry about that. That was just dumb. All right guys. Thank you for coming It's been a pleasure my mouth is very dry. I'm I will go out and look for a beer Um Come by later on and talk about this stuff I would really want to push this in any way possible And I will not stop before jubil is beautiful I've been doing this shit for six years and I see absolutely no reason to stop With the best motherfucking community in the world. So thank you