 We need themers. Why do we need themers because that make this Drupal project looked beautiful? But before I really go into this Some of you might gonna be offended. I Know that we have this Drupal cock that we need to apply on so I'm just making sure that if anybody here really gets offended by a dain I will just say sorry right now and That's it. I am from Denmark. So I mean Our cop coming Queen did tell me to say hi to you so from Mary with love I would say hi to book on it's it's I heard it was Dave's cousin He used he has not yet come by to say hi to her But I'm looking forward to that next time actually another person I see I need to thanks by this and now you need your your iPhones pick up your phone You do know you have Twitter accounts, right? You have a Twitter account see this is this is Georgie she heard that I was coming down here or actually I was thinking about coming down to Drupal con But I'm a I'm a poor one-man company. So she's hey more than well, you know, I will pay for you to come down like what? Fair enough. So I'm ten collection back to sponsored me to come to Drupal con So the only thing that she really wanted me to give is actually just say hey This is Georgie Carpenter's company and G kind of sponsored me So if you wanted to do this take out your phone and send a little high to ten collective because I mean I think it's pretty epic Anyways, this also shows me that Melbourne apparently is able to pony up when it's about to anything about Sydney This is me 20 years ago. There's one. Okay Here we go This is me many years ago when I was still a hopeful young man those before I came into Drupal This is by the way, this is my my my handle my Twitter handle So if you want to follow a place where we only talk about the truth and deeming and Metal and stuff that matters. This is the place to do it I Do come with a certain kind of Love to this community somebody might call it angry. It's called passion from where I am. This is passion I'm trying to pose myself as a really nice guy That has a lot of heart for people It's not really true I do want this one one man's shop Called a geek way out and and we do handcrafted themes Which means we'd like to nerd your theme all the way down to each and every fucking class because I don't believe in the body class HTML You have seen up your body feels right that this HTML class. What do we use that for I? Don't know but handcrafted themes No We have that for one reason because we have a function that's called something about HTML that identified self as HTML So that needs to be a class name. Thank you, Jubal for putting even more crap into my stuff This is what this session actually about But first of all, this is actually my whole name more than birch Heidi Jorgensen More than dick Heidi Jorgensen that's your whole name if it's take only birch You will see there's a very close thing that could be a spelling error And this is this is just how it is So if you think I bitch and moan no I birch and moan just to make sure about that So this is my hand another thing that's More interesting actually about you guys. How many developers do we have in here? How many designers front end Ladies, could we do that again ladies? Okay, gentlemen Okay, what I think I hope for is like we have like at least one common awesome Come they know it anyways when we talk about the jubal theme of this is Kind of what we are what we have an idea that our clients really think what we do This is actually what my dad thinks I do This is yeah, you know, we just download a free template. We just download that that thing. It just works Does this cope with what developers thinks of themas? Yeah, I can see if I Do think that we are protecting the markup This is exactly what we do We do shallow combs work every fucking day because I just need to change that little thing that little bit a little bit a little thing in the theme that I cannot get you because some Goddamn death put something in as some function that I can yeah you and you And the thing is that a theme is not a designer. Let's get that straight a grid is not designed That's a tool design is something about with colors and stuff what a theme does. I mean I know that we do theming Isn't that the same thing that's calling developers modulus? Because that's what you do what you do a module Anyways, what the theme does is translate design into code We are actually taking all the beautiful markup all the beautiful code that evil developers gives us and turn that into this beautiful thing that Erica and designers gave us That is what we do. We translate this. We kind of the middle man. We make So you have a beautiful designer you have that thing that works. It's us who combines it That makes actually theme us the heroes of Google Just saying But let's go back a little bit here to a little bit of jubles jubel history. We're back at jubel con in Brussels in 2006 This is me. I am still happy and hopeful. This is web chick. She is also happy at this point I still think that web chick is still happy You can see how happy I look I'm still full of hope Because well, I looked at the theme system. I thought that will take me six months to fix that You were in at the trick session, right? How many was in and listening us talking about trick What I thought would take six months have taken over six years That's kind of show where we are the dual thing But the first thing I heard not the first thing but one of the thing I heard here was 3 a.m. Friday morning at a bar in Brussels a Very drunk developer saying to me. I'm tired of the designers was coming in and telling us that jubel looks like shit well, I mean, I Don't know why we would think it looks like shit. I have no idea you might because this piece of other beauty Shows everything. That's good. Right. This is the top of design line. This was jubel face So that of course made a little bit hard so front end people are steamers to come in and work We would I mean I was I was I was young Not as old. There's a reason I have gray in my hair today jubel's fault No, so when we try to do stuff we kind of came into this whole way of no The jubel world that you have UX and themes and designers over here like normal human beings, right? And you have over here the land of jubel coders hackers sys admins like the developer thing and in the middle here We have the border CVS Making sure that no non-geek could contribute to the project Because CVS is bad That's just how it is. It's a horrible horrible system I actually hated so much that I ended up writing high coupons for it That was the level of hate because I could not contribute back to the jubel community in any ways Because CVS is basically it's a foreign language for a front-end developer or a designer. It's not a way we work It's kind of like speaking swedish or speaking danish So if you're going to talk to your poor dance, so I'm here to box and for vendor y'all some for story So get a really mad meaning Well, that was kind of how should I translate that What I said was well if you could understand danish with not a Swedish sweetest of the foul version of danish danish is the beautiful version if you would understand that that We basically had a language CVS that kept us away from being able to contribute back to jubel because it was impossible for us to work with It happened that get when to be good we got getting said it's a way easier for us to use. That's a good thing It's still a bit hard for us. It's been that like since 2010 2011 We got it in that's a good thing. It is still Hard for front-end people to come in and help out because of the Swedish yet Because we have to and we have to learn this new language. It's a barrier. We know but It's at least got better over this year Let's roll back again PSP template since 2004. It has ruled the ways of jubel and Developer will not tell you the name of created this beautiful system many years ago And it's a good thing. I mean we have this idea of jubel that jubel is like you have data Then you have that jubel magic you have a theme engine and then we have a website That's all good So we got this piece of lovely thing, right? This is what we get to work with Thank you jubel because apparently we had this idea of this the CSS kind of like the Idea of you just modified how many you remember CSS send garden No, you just have a predefined mark of it. You could do everything with it. That was how jubel were thought at that point. Well You know ten years later people began to act You know bitch and moan a little bit about how this stuff was done, which was kind of understandable You're locked down the mark of way and and the thing I actually learned Was by going to the shooting range with web chick in Denver We're writing out there and I as usual bitch and moan about the theming layer and web chick looks at me It goes well, you do know what more than six years ago. Nobody told us what to do Well Hmm nobody told any developer what to do So is it really fair that we as steamers bitch and moan over theme layer? I think it's completely fair that we do that, but let's be honest here, but you know At least we can try to push a little try to help the developers just a little bit just a little bit So one thing I've always kind of worked around like you you don't get mad you just get even No, fuck him I'm gonna fuck this system so hard that I can do whatever with it that I want and then they could come Afterwards complain and then we can maybe find a solution This kind of goes back to that you will have two problems the CSS and the markup That's the only two problems you will have the CSS files the problem around that is Well, there's a lot of them we have you will call coming up with all kinds of CS We have modules coming with them. We have your own theme coming with them and then of course we're packing the site If anybody has ever Thought about you know, we have these mobile devices that how you can go What's the hot new thing we can do with mobile phones? You've got a website, right? hot shit When you're standing out in the middle of nowhere like in city and You try to go to a webpage and it has about 6,000 different CSS files. That's not good practice. That's not a thing. We want to have it actually makes me feel a little bit like this I Don't get happy about this. This is kind of this is directly wrong and everything that we learned about how to do CSS So there's different ways of getting this done In the theme we have an info file The info file can do whatever the fuck it wants. That's because it's a three thousand pound info file The first version first way you can actually remove your CSS files is basically because when you begin to look at the CSS It's beginning to be very clear that every module comes to the CSS file that you know art because I really need that red border around every diff Thank you module for that So you can if you begin to look into these things to figure out what do I actually need you can begin to remove them apparently on the By popular choice the man who is behind this technique is kind of a flaw We found in in Drupal's way of using a theme info file if you call an info file that does not exist Or what rather it do exist So if you have the common module have common CSS file that comes with the module You can overwrite that by calling it in your own theme copy that file over and put it down in your theme folder All good now it can be overwrite it if you forget to put that file into your theme Drupal is dumb as fuck So Drupal thinks oh, it's down in the theme folder There's no file in the theme folder and Drupal goes. Okay. Well fair enough and it jumps further ahead So you let it begin to define all these files you do not want to see in your theme now You don't have to overwrite them. You don't have to think about they're just gone. It is by popular choice called FOAD Fuck off and die That's that's how it's done. That's one way of doing it. That's the quick and dirty way of doing this the more kind of Nice way to do it. There's a module called style stripper that can also do this We have like an interfacing of click click click click click click click It's it just came out in the jubil seven version So it's kind of worth to look at if you want to go The way I normally goes is with the the best theme ever in the world the mothership theme Which is basically a it's a theme It's a theme that's based to clean up all the dumb shit Google does Basically, it's removing diffs removing classes removing everything that you do not need and in here There's also settings for kind of removing everything kind of system messages system system menu system themes all kinds of good stuff That's one way of doing it another thing is is another way to remove this is also to do You know about the whole back name scheming EAT, okay. Well, if you go into system folder developers look This is development if you look into the system folder. This is in Drupal core. So it is right in the we have System that admin CSS system that base CSS and system that theme CSS So when you do a module if you have any class names you need to have have in your administrator interface You put that into module name dot admin that CSS Because now we in the front end can filter the CSS and remove all that crap you want to put into the admin Beautiful, right? So we don't have to bring all that stuff around the same thing with the base If you have something that's actually important for the theme like an Ajax class You need to like do a block on a hide it you put that into the To the base and you have something that has anything to do with color or prettiness or nice Let you push that into theme that CSS Pretty simple to have base CSS for the important shit Admin for the admin crap and this is for the pretty You don't have to put pretty into your module because we know your limits. I Mean I am not so good with calculating like two plus two is Something I really don't care. I have a big Calculator up here to help me out with that Kind of another thing when we begin to I will I will not run into this whole smacks thing Is if you as a developer really want to understand how those theme of those front-end people is want to see CSS That CSS is actually more than just adding a little bit of color Take a jump over to the smacks CSS max.com it's a documentation standard for how to do CSS it's When you've read that and you understand that then you might begin to understand why CSS is a little bit more than just a little bit Of color and a font sizing We are by the way not sneaking this into jubilee We are driving it directly through the fucking front door with lights and bells and fire and everything on it's not a secret anymore We kept it a secret So this is kind of tools like clean up your CSS and that kind of makes it Nice the problem is still that we have this Divisions And what is the business world? This is the business This class content this class field field in body field type checks with summary blah blah blah blah blah Oh, yeah, this class field items this class field item even and now come content What the fuck? Seriously, I don't need this this this I don't need any any of it the problem about this is actually make our Websites are bigger. We made them In the footprint simply gets bigger. It's harder to read. It's harder to write CSS. It's harder to Adjustify it's it's simply not efficient To clean that up. Of course, we have the mothership the mothership will help you in this It's the only this the mothership does not make pretty It's not it's well when you install it the first time you'll go a little bit like what? Why does it not do anything? Look at the markup view source and you will see the It's beautiful. It's naked. It's there's no crap anymore That's one way of doing it. The other way is actually and now I will teach the front and develops how to actually do Sneaky shit you can do theme functions So if you have a field and you want to clean that out do a theme function So the whole idea is there let's say we have a we will call this no markup I'm now calling it no markup because I'm trying to be the more Political correct. It used to be called the panty dropper I learned that that was not really Okay And my send up it was more of an internal joke for myself. So I actually kind of laughed at the time I had a feeling that feel panty drop But you know to drop that more that whole bro coach bro talk crap I know no markup actually makes more sense So the whole the idea is that that every time you have a field you can you can define a new theme function for it It's pretty a theme underscore no markup Oh now we have a theme function what it does is as you can see it does absolutely nothing. It just takes Some kind of data thing out and rendered it. It doesn't wrap it in anything. Oh My god, you're not wrapping your markup or your data into two more diffs. What should we do? How can you identify them? Oh, no? Oh, no? No, you can see the fear over here in the developer's mind like oh my god. How can you even find it? Well? It's it's if you look at this whole no no theme function The whole idea is that when you have your note cheap you all you go and say hey give me the content Give me the field name Use this theme and call no markup Then hide the mother father So now when you do if you do a print render on the content at some point It will not be printed out beautiful sweet. That's that's wonderful So when you actually print this out the field name we now set the field name to print Just the data and nothing else guess what you can do with this in your note You can wrap it in that class that you need if you want to put it into an article tag You can do that If you want to put it in a span tag instead or let's say you know a section because that makes Semantically that's semantic correct to do that way you can do that You don't have to wrap it in fucking three dips every time just because maybe someday you have a need to Hit that with your CSS because that's not how we do this thing if you want to read a little bit more into this It's in the Drupal watchdog that actually you've gotten your welcome package There's an article in there. It's called angry theme about naked fields and it described this Way much more than I'm going to do right now because there's other ways of course to do this another way around it, let me just get some order is DisplaySuite displaySuite is written by a wonderful Belgium developer who I've been hackling for years about this the idea behind displaySuite is that we have the usual way of our Display on a note so you can go in there instead and just that instead of the usual way We had we can you can adjust the order because of course the website is always only one Order down so in displaySuite what you can do really easy is You can go in you can kind of define Every element that you want to have and put that into the To the markup and define the CSS you can actually do these things that get a point and click interface That can be very nice for your front-end devs who don't want to fiddle around with Theme functions and crap. It's somebody likes this. Somebody don't I actually really like it It it makes my life easy just to crank outsides You don't like why you're not like why you hate me Okay, developers don't like it. Well fair enough another module does oh No, no, no, no if one dev speak out you that's how the rules are in this room. I'm sorry for that Another module is called fence that John Albin wrote that is kind of doing the same thing It's just a way of taking a field and saying how do I want to have this field displayed? But actually one of the things I learned by actually doing a lot of talk around the whole display suite was that you can actually actually get developers and Front-end devs or femurs. Let's just call them femurs. So, you know, it's a front-end developer front-end person Is that political correct front-end person? front-end developer But isn't that just also let's let's just call them femurs again. Okay, fair. Okay, good Well, the thing is that what I've kind of figured out at some point we maybe need to hog it out because what we have after designers and It is a special kind of people It is I mean I've worked with designers who found out that there was a head There was a heading there was two pig two pixels too big and said that as a box that was critical That makes your work day very long And this is where all developers should thanks the theme is because what is it that we really do? We keep the designers over here and you guys over there and we protect you against their evilness and small kind of Petty petty petty thing what we hope we get from developers It's just a little bit of support Just a tiny bit of support just a little bit of understanding because we know that developers It's a very special kind of people that can use days of talking about Security and loads and unit tests and blah blah blah blah blah blah blah. I don't care That is what they do and that's all good. You know if we get both of them to hog it out That is actually where the theme of wins That's where we smile Is there anything wrong with that picture? Okay Because what is it that we do we as females we translate Code into the sign and we take the design and translate that into code So so the developers because developers like things that works, right? That's kind of though crap in crap out It works. It's fast fiction. It just works Designers like things that looks good These two world cannot communicate with each other it's like seeing Drunken 16-year-old boys trying to like man up on each other. It's horrible It is horrible. So that's where it's good. We have the theme is who understand both worlds have more of a No grown-up look at the world. We know we know what what's needed to make the project to be a success We will just win the success comes and when you know when the people rise up and say, thank you We will just walk down to the bar Cheers do a little cheer to each other and be happy. We don't need the fame. We don't need that Are you believe oh so so the thing in this ruble community thing is how you know we have had a Lot of ways to hope to getting this things to work somewhere to get the developers and and the designers talk It It kind of works or it had work kind of kind of because the thing is that that when it comes to the This is a take a cup this this dude might have something to do with With some panels things and some things like that that other dude might have something to do with some theming things I don't know I'm not really sure. There's something about $20 and a bar and something But but the whole thing is here that we actually I mean The world to serve something that's better than what we have right now When we look at the theme layer and that's when you know, there's trick thing comes in Any idea what trick is? Come up with your arm Okay, who doesn't Okay, so trick is the new hot-ass steaming layer in Google so some of these kind of unearthly techniques I showed you like oh you can do this with a theme function that Merged around we did not come into pre-process and all this other kind of shit because Didn't want to fill your pillow head with too much information The thing is that trick actually I mean this is all about the Google ain't epicness And for the first time ever in the jubilee community's history We actually have developers and themers talking with each other I know it's completely crazy talk to have that kind of communication. I Have had I've had a good time for many years in my own little bonger in Copenhagen shouting at developers It has been fun. It has been fun I've had the opportunity to go through Every little corner of Dublin to try and to figure out where that they've came from where that class came from why Life was so evil while developers hated me personally But at some point that got a stop and that kind of stopped the last year. We had to begin to communicate with each other and that We for about a year We have kind of been notching around getting this trick in trick is a new steaming engine that basically makes Everything better Period so everything that is not logical today in the theme layer will more or less it will become It's a modern theme system. Let's put it that way. I will not show you code for it I would much rather show you this reaction. This is Jen Lampton. This was at bad camp She looks happy right So at bad camp this year that's three months ago We have been pushing for getting trick into Drupal core Do you know how much effort it takes to get new shit into core? Quick arm. How many does that know that? If I say it's the biggest pain in the ass ever to get anything in okay, it's I Don't think there's words for how hard it is to get new shit into Drupal core because every fucking person and we have 20,000 plus developers now have an opinion upon it and we will talk about the front ends believe me Every fucking idiot in the world will communicate about it like no, I don't think that well I really like all these classes The thing is that when you have markup that's kind of the really easy thing to talk about so you do know what bike Shitting is right It's it's everybody has an opinion upon it. So us who really know me Gets tired Well, there's a couple of others Maybe a shit ton, but anyways To get stuff into Drupal is a pain in the ass and we have been pushing for it in about Seven months at this point. I'm sitting actually at bad camp. Here's actually how how devious that developers are Bad camp the morning for the first day of bad camp I'm At the hotel. I'm sitting eating breakfast and Drees comes over. Hey, can I sit down and eat breakfast? Yeah, of course you can trees. I mean now I get 30 minutes with Drees and I will hammer fucking trick down his throat. I will I will use any kind of So I use the next 30 minutes to talk about how important trick is to the front end community How much easier life will be how much better everything will be how much cleaner the amount way we can build a front-end community that really can Drap this and kiss it the right way make it beautiful for everybody And I'll go on for over 30 minutes and Drees just eat your breakfast fair enough And I come walk down to the conference. I'm getting ready to actually gift this session And that session was at that point. You can do this is not really angry that session at that point was angry as fuck It was kind of the the way I like okay I need to tone down some of these slides because I like every fucking develop in the world Fuck you that was kind of the way it would start up just like make people wake up in the morning So Drees has a keynote just before my session fair enough. I read of I'm so old in this community So I don't do keynotes because no, I'm all that. I'm a rock star, right? This is not the time you should be silent others. I guess more than you are that should be the way but no Fuck you more than I wanted. I could see the looks for you. Anyways We're almost at the end of the at the opening keynote and Drees talks about traveling and shit And I really don't care. I'm trying to figure out where my where my session is because they Evil developers moved my session Again trying to stop my righteous work to push this in and then suddenly John open comes running Oh, come on. You need to come in like, okay. Well, I walk back into the room. It goes Holy fuck So Drees is standing down with his with his laptop and is pushing trick into Drupal call This is how the maintainer of trick looks when that shit happens This is eight months of other other happiness So later that night I get a I get a hand of Drees at a bar like dude. What the fuck? I mean, seriously, what the fuck? He just goes well if I've told you at that point it wouldn't have been a surprise would it? Six fucking years I have used to push for a new and better theme engine This is kind of been I've hated the markup so bad So bad you have me or people who knows me know how much hatred that's been on my body I've wanted to quit this fucking project so many times more than chicks More times than chicks when I quit it. Oh, yeah The only reason I kind of still kept on in this fucking community was because of that community thing Like fuck you community. I want to have a decent markup to work with Six years and what does he do? He just sits and listen to me bitch and fucking moan and just it wouldn't have been a surprise Jesus But that kind of gets us back to this but nobody told us what to do Because well at this point we are like Five or eight people are trying to push this And if nobody tells the developer what to do, how can they do it? If we as funded developers don't tell these People who does no better Because they don't how should they know the beauty of the article tag? How should they know why a section is it's when you look at that? I'll just get am I the only one can get emotional at looking at markup. Oh, there's one other good. I Just need a bro fist I Mean if if we don't tell other people what it is that we need or show them what we need help them out We cannot change shit apparently So apparently this trick thing is what I figured out later on is the most unholy alliance ever done in the world of Drupal Why well? The thing about trick. It's it's a sandbox So apparently we cannot do SQL errors in it or drop databases or all this kind of stuff It's kind of a protected layer which makes developers happy Good now they are happy The theme is we can get the markup we want now we are happy Apparently trick provides that. I don't even know if it's the right choice. I really don't care Because no matter what it cannot be worse than what the shit we have today So it's kind of an unholy alliance but and This is kind of where when we're talking about you know Themers and designers and developers you know Kind of joining hands and I trying to make something better and that is actually what we're doing in this Drupal community Right, we get an idea. We try to build up and try to build something new. There's actually now a chance to become immortal Because this is the first time we have seen this and we are community that what 10 years old 11 years old now 2001 12 years old. Holy shit. So in 12 years. We have not been able to get the three key persons to do a website I'm not talking about DevOps here because they just get stuff done But the developers the designers and the theme is getting them in the same room and work together That have taken us 11 years Well fair enough But that actually means that we need to kind of build up top of this that I that's why we have a trick spent tomorrow and Let's say why would I come to a trick spent? Well? You did download Drupal, right? You how many of here lives by lift with you will I have a work that you do Drupal all day Good How many enjoys this community Three or a Little bit more And I know this maybe sounds a little bit strange, but I think we always back to Drupal. I Always personal back to Drupal to actually make the product better Because I cannot I cannot expect that somebody else comes in with a magic stick and Do some magic and suddenly the project of better if I don't want to make it better I have a responsibility towards the project If you are front-end deaf and you know this shit You have a responsibility towards Drupal to make it better. That's I mean, I'm sorry for saying it But that's just how it is you downloaded the shit. You got the first drop for free now the tax comes That's how it is. I mean So actually so tomorrow more tomorrow we have we have a trick spent Yeah, so no, there's actually a couple layers in it. This is this is the trick spent from Munich It was a 10-hour non-stop talking I stood in front of that whiteboard and talked with every fucking developer in the room and fought to my last dying breath We were actually about 50 people doing this the whole thing is I did not write one single line of code all day But we talked about principles. We talked about what it is that we want We talked about how the markup should be how it should what should be done better So a thing with a sprint. It's not only if you're like web chicken could roll in and just throw around fucking patches all over Done a Sprint needs much more than that. We need people to actually look at the shit that we do. Is this even a good idea. I Don't know. I mean, I figured out what I talked with John Orbin was like the prominent theme on Drupal 7 And I've accused him at any given point I could get to accuse them of all the evilness in Drupal 7 Because that's how we do in the teaming world We are not we are not pleasant people against each other The problem is around Drupal 8 is apparently I've been like the one of the bigger boys in it So John Orbin now says everything that goes wrong in Drupal 8 is my fault That kind of sucks I know I have a Even bigger ego than my big-body shows The problem is I might not be right in every every decision. We need a lot of eyes on the code We need a lot of eyes on the ideas. So we actually need people who don't even know how to write PHP Don't know how to write PHP. See this is what trick does You don't have to understand PHP But if you know how to write markup if you know how to write CSS if you are a designer that have ideas What they actually that you want you have all these things we need you we need you actually more now more than ever ever ever Because my mind is Poisoned with this Drupal theming engine shit You saw the picture of me back in 2006. I was happy I was a positive young man who looked at life with great amount of joy Now I'm a depressed old man that won a kick the shit out of somebody for fucking up my life for six years I'm sorry for that. That's not how it is So we need new eyes of the code. We need every fucking person that we can get into work on this So that's actually why I'm the thing that we ended up doing in Munich for ten hours was just talking principles We did actually almost the same thing at Berkeley three months later Now we're down here. We have a week to patch in some pretty big patches But besides of that we have a ton of small things that we need to get done And the thing is about becoming a core developer It's kind of scary, but you don't know the the expression about the code is good enough for production, but not good enough to get up Oh, yeah, there's a couple here who knows that No, you push it in because it's done You don't want to show the world when you suddenly release products and into Drupal core That's scary shit The good thing is that we have a lot of the developers Love to get new people in because that means they don't have to all they can just work on that little tiny thing they love What is the thing you would want it to work with? Yeah, co-mentoring What is that that is? friendly developers That want to help out new people to come in and help for the record. She is now shaking her head Just to make sure that if people who did not see it she is not meaning this But let's pretend now the thing is that that we have a lot of deaths who want to get more people in because we have a very tiny amount of people had to do Core development the thing is that we actually need you even if you have no idea how to create a patch or No idea how to review a patch, but you have an idea of how you want your markup You have an idea how CSS should be made you have an idea of if this kind of logic makes sense You have an idea of that kind of you This is what we're gonna work with the next couple of years and The thing is that if if you have contributed to this same thing we did when we did the whole voting thing around The Drupal Association if you voted You could bitch about the Drupal Association if you didn't vote too bad How many voted? You are allowed to bitch The best of you. I'm sorry. That's that's how the rules were Let me just see what I have for you in here Here is a piece of candy No, the thing is that that we have If you have put your heart and soul into this just a tiny little little piece of code Then you are allowed to bitch even more the good thing in the Drupal community is that is what we do all You actually can do it anyways But by actually becoming a part of the project it feels I know this feels strange But it feels pretty fucking good when you figure out that thing you put in and Google it the contextual things I did that Only the CSS and the markup I just think it got changed again But anyways, that's definitely gonna be changed now when we're rolling in a new theme engine The whole thing is that that we need you no matter what Because the success of Drupal is based on one thing and one thing only and that's actually the strength of the community That's just how it is So as you have one thing more just what I want to put in here is a see this is three years ago. This is my daughter That's how she looks today. She ran my campaign by the way for the Drupal association thing Yes, I am a ruthless motherfucker. I use little kids to run my campaigns. I don't give a fuck That's why I'm promoting this as the angry seeming session, so you thought you would learn a lot about theming No, no, this is a pitch to get you into the coachbench tomorrow Do you feel cheated? Good good good anyways A big thanks for the support I got from more or less the whole actually even from Sydney around my daughter This is a couple of this is my own project the mothership Which is if you really want to get into like cleaning up your markup and Removing that headache the mothership is a the whole idea behind this theme is Reviding everything Google puts out That's that's what it does. It looks like shite But the markup Mmm, I want to make out with it That's how I feel with it Smacks if you do not understand why CSS is complicated if you think that's just We just give that to the to the kids over here who play with color don't read smacks and understand how complicated this shit actually is Style strip module display suite. I should have put fences in here. I did not Sorry for that John, but the the whole thing is that Demos right now. How many of you were like Demos? You you you you you you you you right now you have an obligation To step the fuck up tomorrow and come and help I Don't want to die alone with this shit does not work Because the whole world will come after me. That was what John saw He was like more than what the fuck you cannot go out and say it's my fault because then people point it to him If you're a developer who is tired of hearing your theme of bitch and moan over the markup And you know why you should come and help Because then they would be happy each morning. It would be happy theme each morning You'll have that big ass smile of female coming in. I'm going to work and today. We're gonna We're gonna make it work on IE six just for fun That's the level of happiness this will bring I'm not kidding. I'm not I have seen it. I Have so much full of shit right now Anyway Any questions Actually, the thing is and now I'm saying thing that she would be more fucksake. I'm just selling this getting me We we just need people to actually come and participate like you're just listening in Because I've been a coach friend since my second Drupal con in Sunnyvale I did not do anything. I was just hanging around Mainly because I figured out if I was too able to change this fucking theme system I needed to be friends with the with the enemy, right the developers So there's a reason I always hang out in the bars and bought people beers. I don't like you Fuck that shit. Well, that's because no I don't No So the thing is that we what you really need is if we get the problem is that as you know John was practically the only theme of that bit on Drupal 7 Now we double the amount of people working on the theme there in Drupal 8 We're now two people If this shit runs on what two to three percent of the world's websites and you let that up to me to decide the markup Are you fucking are you in the same? Jesus No fucking way Come and I mean we need help. That's that's the thing and If you don't know anything if you just want to hang out that was actually what I did I was just hanging out for years also because it's fun. You have this ton of nerds going Seeing three developers going not case over a function in the beginning to discuss about it They get so angry at each other like no My function is way better than yours In the theme in community we do it way more mature You don't believe me come and see tomorrow Yes, oh, yeah, you know, I'm actually using sent grid now. So send grid just to wrap it up John Orban has this same team which is based on his ideas of no He likes having class names all around. That's fine. That's one of the beauties around Drupal 7 He can get that and people likes that. I like nothing. I like naked That's just a thing. I like I Will I will not be naked in front of you today yet? We will not do that now. There was cameras here So what you just we we just want to have themus just Yeah, hold them in we want to have them in No, so send grid is is so John wrote this whole CSS preprocessor sass thing is called send grid and send grid is basically one of the problems we had with the So if developers don't understand how frustrating CSS can be you I said that about math. I was not good at math Safari the Safari browser is the dumbest piece of shit ever. I'm not kidding you So if I have 10 I have an element that's 10% white and I have 10 of them. How much does that give? 100 it should give right? It does not give that in Safari. It's 100 and something Because it does stop pixel rendering like a motherfucker Because it adds if you're padding and marching and it's kind of cannot really figure out how to do it If you do to straight up pixels it works out So John figured out a way to actually work around with this the idea behind saying it's it's a very small and clean CSS grid system to build websites with Yes, I use it with the mothership by the way. It's because you know, it's small It's simple it does exactly what it should do and that's kind of the whole principle my whole principle around the way that I Think of theming think of CSS is I have a design and I have an engine over here I need to make those two work But what I really need to make it work is in all of those browsers and mobile phones and all that stuff So that's why I want to clean it all out and I want to build exactly what I know Because if we look at the theming in essence The theming is the front end. This is the spearhead Towards the front. It means it's called the front end, right? It's the front And we have all this evilness coming in browsers new browsers old browsers Lotus notes, you know, all kinds of crap is coming in trying to look at our pages and We don't know what's gonna happen tomorrow. We have no idea. We know there will come new browsers We know there come new things coming in the way Drupal thinks it's like two years ago Oh, I'm gonna pre-define all the markup for you because I know everything Jesus fuck So that's kind of the problem and that's why we want to we want to make sure in the next version of Drupal that we have No as little markup as possible and that's much freedom to do what we need So that's the whole idea and that by using extent great It works perfect mainly because I'm brilliant but Besides of that, it could also be just you know, it's because it just it gets the job done and the mother ship Just clean shit out here. I add things I need and that's kind of a In my mind a normal working way, but you will doesn't know the way any more questions No more questions. Well, then as you think we are time 1509. I have six minutes more Yeah Well, okay. Now is here's the magic. Are you a developer? Okay, let me tell you you must not tell this to anybody So responsiveness in theming that's CSS. That's the only thing it is it's about having CSS and Making sure that that CSS respond to different sizing of the screens So we have responsive themes in the Drupal world It's really easy to make them themselves if you look into like system like sacred when you first get into that mindset of thinking it begins to be I mean in my mind it's kind of almost dumb to download a responsive theme because it's It's so individual what the design needs and how it needs to to work So it kind of it doesn't really make sense. Oh, it sounds sounds kind of strange. Let me actually show you this Okay, let me see if I can find this project I've been working on No, I know but I know I do this thing. I know that I'm not like a total badass because I'm gonna show you I'm using sass because I'm a grown-up The whole disc there was a long discussion between if you want to use sass all So it really want to download some funds from the Google APIs. Why does you want to do that? All right, so This this is a grid system that I roast for clients The whole idea behind this grid system is actually we go in and look at the markup. It's made really quick Is that that you have what we've done here in the? So, oh, no, he's not using semantic class names. Oh, no Who gives a fuck I need to get this out of my body This idea of semantic class naming being wrong because of something about screen readers. That's fucking bullshit It's always been bullshit. You can use whatever name for your classes that you want to if you have a grid system That makes sense use that what we've done here. We wrote a grid system based on the whole The whole sacred so what you do is oh you have like an Lr that says a layout row that's 12 wide and you have a class in it So if you walk down a little bit down towards it See when you talk about responses the the whole section is around Responsive is that oh You know when you when you're dragging it, you know the different designs kind of changes. So That's that's kind of how it's it's thought That's this is what responsive is you have a bigger or smaller size and Work out actually this one. Let's see if that works. So the whole idea we build this on It's actually just to have grid variations that that's that moves with With an around different sizings and if you look at the CSS it is just I am again between text editors. I Don't know if I'm the only one who have this problem every time I think now I found the perfect text editor. It kind of Ended again because something something something and I'm a little bit anal about so This is one of the one of the when we talk about responsiveness what we do is we identify elements on a page And then we say oh if you're this wide or that wide do this or that So this is a class that says if anything inside of this Elef is a layout flow if you are layout flow dash for that means that I have if I have elements inside of this box You should break after four elements and do that all depends on the sizing of you So what we can do is this is the year. This is sass. It's Go in and look at sin grid calm figure it out But this is the only this is the magic right here Media only screen and min with six hundred and one pixels that means that if you are minimum six hundred one pixels use this CSS That that's the only thing that that actually that this whole responsive does Actually, what you should use is Yeah, I'll be talking about a font sizing or Okay, well the reason that So pixels is bad The reason pixels is bad when you do spatially when you're resizing stuff But why we try to make everything as a percentage is basically that that we don't want to right now We say we have an iPhone and an iPad and oh fuck the iPad mini came in Oh god damn it next or seven came out tomorrow another element comes out So we could a year ago we could predefined, you know an iPad was this size a screen was that size well In a couple of years, we're gonna have no Refrigerators with fucking web browsers in and all we have no idea what's gonna come in So actually the thing is that we need to move away from pixels and I hate this because I love pixels It makes sense. I mean what the fuck back in the days nine hundred and sixty pixels, right Done set in stone nothing more Then this dude comes out with that yellow little book and talk about responsive and blah blah blah blah blah And now our lives are again completely mess The reason that we don't want to use pixels is that we have no idea where the next breakpoints comes The idea of a high having pixels Having pixel for the breakpoints because it needs to understand where when I'm am I gonna break by breaking is when I'm gonna use this Amount this CSS or that CSS or that CSS to define my my my diffs or my classes so by having a So by using percentage instead of pixels means that oh, I am you know if I have a definition that says between 300 and 600 pixels you should be 20 no 50 and 50 percent Wide if I said that in pixel then it would break if I came in between these I want to be able to be as flexible as possible So it doesn't matter if there's a new device coming out That's 400 pixel white instead of 400 the 80 pixel white because it would just adjust to that That's kind of the new way of thinking in in design It's a pain in the ass the first couple of months But when you first get it into your head that everything is is based that way and if you begin to educate your designers Then life is gonna be good if you don't do that then you're fucked the reason that we want to use actually not m's but Rem is relative m's how many of you know what an m is Have you ever have the fun of calculating m's through down the CSS file? That's fun, right? No, it's pain in the ass The problem is that the way that you if you have a front that's it's a it's no 10 m's big It's gonna be relative to the next and to the next to the next so when you begin to nest stuff It's gonna be a pain in the ass if you just build it in the triple standard my markup Then you're gonna have nest things all the fuck over then it's gonna be really pain in the ass but um Is relative m's which means that you set a base size of your m sizing and now everything will follow that so if you suddenly have a website or you know a screen size that's gonna be like on the oh the phone On my phone here I actually want to have a bigger size of the funds instead of going through all the funds all over and say this size this size This size this size you can actually just change it by changing your relative size another thing is around Retina displays the funds actually follow that sizing as well. It's kind of it's the shit. The problem is I Eat because of course I eat seven have a retarded cousin I eat of course does not understand this you can do a Just a fall back on it So you first to find your rim and then you define it in pixels and just go well I eat fuck you that that's the way to do it So that way around so no my whole thing is that responsive is not magic Responsive actually pretty fucking easy if you have a decent markup to work with if you have a designer who understands this Then it's actually gonna be quote-on-quote easy If you have a piece of shit a bunch of developers who stabs you in the back And do not want to help you out and things that that CSS is just a little bit of coloring You could just can you put blue on this pretty little thing wasn't can you do that? Fuck you No, I cannot but I can make your fucking side that works good looks so good that the client will kiss you That's what I do because I translate code into the sign and the sign into code That's our job as demons and if you're a female you have a responsibility towards us The code sprint tomorrow if you're a developer come and hold my hand because I'm scared of this get thing And that's actually a problem that we have we I cannot just contribute without understanding get and push and commit and issue numbers and code stuck to ring and all that thing It's nothing if it's markup if it's markup it needs to be done right but that code thing who gives a fuck Yeah, so that works up actually it's a good thing to just show up And it's kind of fun and you get a whole more day for free of football con. I Can see like Sweet all right, so with that said and I've overgone my timelapse Mmm. I want to think that people trying to break in So how many is gonna come tomorrow to the coachman to come on? You know it's gonna be fun We will not buy it is actually fun even just hang around and talking crap And if you just want to sit down and I coat on something or just look at what people does the first time is always the hardest Right, but we can't pop the cherry in a gentle way And that is what we're gonna do tomorrow. What? Well, and with that said Thank you for coming and I think I used my speaking quota for this year