at there is potential for example here to create programs locally, regionally, globally to start sharing the word about or values or projects and everything in schools, high school, primary schools let's start it if one person takes the initiative I'm totally sure that many people will follow I know that in the U.S. they started many years ago an initiative that was something about WordPress University or something like that campus I don't know what is the state of that right now but the idea of that project was to bring WordPress to universities and to campus to teach in workshops and I love it but sometimes if there is no momentum I don't know how it is right now with momentum and people willing to do something like that sometimes you just need to start it and I totally agree that education is key here and if there are people enough to start initiatives to bring WordPress to education we can really make an impact and on the point about bringing more people into the process of contributing I think it's a good idea to mention that at Contributor Day you could go there and just have discussions and share your insights so that's mostly what I did this weekend on Contributor Day I joined the new diversity equality and inclusion table and I used most of the day discussing identifying ways that we might be able to improve or just acknowledging the challenges that we're facing and I think there's real value in that and younger people who if they're not ready to fix a bug they could be encouraged to come in and give their outside perspective and that actually might help us solve a lot of key problems I think we should move to the next question Yes, hello global leads we have learned a lot from you in the previous years, thank you very much a quick note on sustainability we're still very thoughtful on that and there's going to be a report coming in the next days about what we did on that field my question to you is no, I would like to pick your mind on the next generation word comes notion, let's say, how does this affect word comes word comes Europe and in my mind when we see a turn to a little bit more specialized events, maybe a little bit more enterprise events would that offend the community spirit of word comes, because I would hate to see that happening and what do you think about that I think we've seen in the past that word came Europe in its essence hasn't really changed a lot we've introduced new things, I mean in the beginning in Leiden we had two tracks we had a small sponsors area there was a contributor day but it was really small and then we grew to three tracks and then we had the WP cafe our first we had a try beat ups and WP cafe then in Berlin we had the wellness track so we added new things, but in essence it was a conference with one contributor day and two or three tracks and workshops and all of that so I think it's still that same focus and it's not just business enterprise oriented it's the whole spectrum my favorite talks are not the ones talking about code and design, but it's talking about people like yesterday we had some amazing panels and a talk about women in tech these are the talks I want to see on a word came Europe or word came US or word came Asia I think the special ones that are like in discussion now by the foundation is more for local word comes I don't see what can be to become one of those experience maybe we can experiment in like one track let's say one of those tracks is focused on a specific niche let's say enterprise we have an enterprise track or something like this or we have an AI track or whatever we want to have but I think in general it won't change that much and for many people word came Europe is more about the community I know so many people who don't attend a single talk not because the talks are not great but because we are not here to meet the community and the people we have people from you said 100 different countries it's like the one event to join if you want to see all the people you know from social media in one place and I think that won't change in the future maybe the schedule will change a bit maybe we focus from year to year on another like special group but I think the community aspect will still be the same in my case so for anyone who is not aware or for giving context the new generation of work or events that he's talking about is a new initiative and proposal that has been published in the global community team of the WordPress.org team some months ago and basically is a proposal for encouraging organizers from all around the world to start experimenting more with events and try new ideas with bringing new WordPress to more people you know getting out of this bubble and trying new stuff so Takis what you're saying I think this is a great opportunity for us to expand we are in a great moment because after pandemic many things has changed the world has changed we need to keep evolving I think this is a great opportunity to say let's forget but let's break this image of what a WordPress event has to be like a work with this format with this topic and everything let's try new things let's get to other people let's get outside I would love to see more people saying we don't need to use WordPress but we want to bring it to people you know more focus on marketing more focus on agencies and all of this but of course you know keeping our values that's what makes us special that's what you know keep us all of us here I'd like to say that maybe it's because the things I do in a daily basis because of the company I'm working for and the things I do there are some objectives to accomplish so we want new formats we want to change or going more to content niches which is it's perfect but who target who's the target who's the target what's the change we want to change things not because this is not working as you can see this is a flagship event it works a lot of nationalities a lot of people are coming from all around the world this is like a seat every year in a row so if we want to change things let's ask maybe why to get to more people to get to other audiences that right now we are not getting to so go for them maybe it's not a question of content or a question of I know there are many things to do but this initiative in the blog it's really interesting good question thank you for your question it's been great having you all in Athens thank you would you like to ask your question hello Rodolfo from Business Blumer I'd like to do a little follow up about content our Berlin Global Lead said 2800 people will come here not for the content come here for the community for the sponsors for the parties for just staying here in real life right and I think though if I had to log an issue on WCEU World Camp that would be content and I think there is an opportunity to bring people from outside world press if we shifted the focus on to beginners who never use WordPress to developers who want to learn much more difficult things when they are here and of course the workshops are great and the tree tracks I love the fact you can choose but I think if there was if there were a vision about content that could change things I'd like to know what's your plan for next year's WCEU and GC content as important as sustainability and inclusions which are so important as well but I think content is where we need to work I can totally relate to that question I brought my whole team here basically developers, designers working on enterprise level and they need different kind of content maybe then that is in the different tracks I'm not judging on the content in the tracks but it is a mix of talks of workshops to cater for the largest audience possible to make sure that everybody is able to learn something whatever level you are basically but I can totally relate to the question because if you pass that certain level then it's just repeating the same sort of information and how valuable is that and that's when you end up in the hallways chatting to other people networking which is equally interesting I think the proposal of you know to experiment more and to focus on different niches different topics maybe a topic focused on a certain theme could really solve that or help with that what Bernard said earlier a word camp where parts of the tracks have themes or are more focused on a certain niche or an industry and that's actually what's happening already this year I think with WordPress today WordPress tomorrow there is already sort of a theme that the talks were kind of selected to see if they fit within the theme on one day or the other as a former contenting leader I like to say that we did that and we are doing this inviting people for other communities or other sectors SEO, Metaverse there is something that is happening every year maybe we can take the advice and do it on a more big basis let's say more people but every year at least we have one or two people it depends on every year's content leader to decide how many people we invite for around it's true if we only talk about WordPress or Bookomers there is a portion of the reality we are losing it's true and as a contenting leader at the beginning of every organization year and this year also we set as a list of objectives what we want to accomplish what's the people we want to reach and we did in the past inviting for example Aleda Solis SEO specialist people from the Jumla community from the Drupal community we like to see people related to open source projects but it's true it's a way of inviting people from other sectors industries that can make richer the agenda and I would like to say as well that if we really want to make a change happening in Europe I would love to invite everyone to answer the survey after the event because we have every year we check wow hello sorry every year we check the results of the survey and the feedback is super valuable but if they are only saying hey thank you which is awesome as well but we need this kind of opinions and to see different point of views in order to keep improving so please answer the survey and give us the feedback or give the feedback to the next organizers to keep having these ideas for example if you have proposals or ideas or suggestions about a possible other format or other way of kind of people that we could invite or things like that so please share it because we welcome any ideas and you are welcome also to join the content team leader as organizer I knew that was coming please apply and join us to improve the content of next year and I will pile on and say don't wait for the strategy to be set before you bring these topics submit them as a talk encourage other folks to submit them and make that change happen because that's how WordCamp happens we are not making WordCamp you all are making WordCamp so come make it I do like to stir up this conversation a little bit because we all agree and all that how are we going to invite people from other industries from interesting speakers on different topics that are not part of the WordPress community they don't feel that connected they are willing to volunteer their time to be on stage how are we going to invite them should we not pay speakers or at least their travel expenses I've been on stage I know how much time and effort goes into preparing a talk making sure that it appeals to the public and that you have a message to bring across how are we going to solve this when we kind of want our speakers to be volunteering their time I want to say that right now there are initiatives and companies several companies they sponsor some speakers who cannot afford it as part of the fly for the future well it's not of course part of the program but many companies support the project in different ways some of them support economically some speakers or even organizers who could not afford it otherwise so that's an option maybe other initiatives can be created in that direction I think we need other initiatives in that because there's funds for underrepresented groups to pay for their travel expenses and the time preparing for a talk but at the same time if you want to have a talk on marketing or SEO or whatever from a completely different industry he's not going to, how do you say that apply for a fund or a grant somewhere to speak no, he just wants his expenses covered I face in the past the situation of inviting someone to apply or inviting someone directly and of course the question is okay how are we going to cover the expenses or something like that but what we are doing right now is for the exposure and the opportunity you have to be in front of well as we are right now near of 3,000 people and a lot of advertisements but sometimes it's not enough so maybe something related to the budget maybe if Juan is here you know this is the guy of the money and say no so let's think on something else like a sponsor for other companies but there is always a chance to do it and that can complete one of the questions he gave us to inviting people from outside and how to cover this therefore the question I saw you stand still keep joining us next year we have only a few minutes left so we'll try and get through the next questions a little bit more quickly would you like to ask your question hello so I'm Jason away and I've been working on the support team lead since last year and I'm happy to address my question to such an experience panel you were talking earlier about passing on experiences and sharing common values from one global lead generation to another I'm curious about one thing can you tell us a bit more about how global leads are selected if it was different in the past depending on the year you were organizing the World Camp Europe that's all I've been a global lead and I have no clue how it works so the first World Camp Europe didn't have global leads they might have a lead organizer and then I don't know when exactly it was it was at least in Paris that the former local lead became the single global lead and this continued all the way up to Berlin Milan was local lead in Belgrade and he became global lead in Berlin and I was local lead in Berlin I was supposed to be global lead for the next edition in Porto and by that time I was saying I cannot do that alone, I need more people so then we introduced having more global leads and I cannot tell you exactly how Tess and Jonas was unfortunately not here with us today how they were chosen Milan chose them and he asked me if I would like to have them to be the other two global leads basically traditionally the former global leads have been selecting the next global leads based on their experience working with other team leads so normally the team leads of the previous years they have done a great job management skills management skills other kind of skills the global select the next ones maybe that's why I was not asked to pick the next global lead because I'm not into managing at all so I cannot tell you exactly how it works but I mean if someone from the organizing team wants to be global lead they probably have to say that I want to be global lead the same is true for team leads I never wanted to be a team lead I wanted to be one for Berlin and we always try to identify people from our teams to be maybe the team lead in the next year if we want to step down and I mean finding good team leads and finding good global leads is tough because it's a commitment of nine month organizing and being a team lead or global lead it's even more work like you have easily two or three meetings a week at least as a global lead with your teams and then some other works as well and if you're willing to do that then please step forward and announce that you are willing to do that and if I mean you've been in the team for a while and you've shown that you are a great team lead and probably other people saw that as well so yeah I cannot tell you how the next global leads were chosen I don't even know where it's going to happen but if you see there's need for change in that process and if you see more transparent in how that's happening yeah we should definitely talk about that but as Bernard just said I want to really highlight this and emphasize this we thank our volunteers at a word camp Europe and I'm sure at the other flagship word camps as well we thank our volunteers for the time they've spent we should also very carefully and purposefully thank our organizers because that team donates many many thousands of hours to making this event happen so we get to come here and have fun because those folks did on top of their full-time job the job of making sure that this event can happen and it is those team leads it is the team members it is the global leads it is an enormous effort and so you all deserve a big thank you for making this event happen should we give a round of applause to the organizers here thank you okay we're going to have to wrap up now I'm really sorry we can't get to additional questions from you but we'd love to chat to you afterwards or put you in touch with other organizers current organizers to chat and explore the topics you want to explore one final thing I think that we could say is that if you go to the closing remarks today at the end of the day there will be a call for getting involved and organizing a future edition of word camp Europe and if this is something that sounds interesting to you we can all vouch for it's like a really amazing experience it's really tough but gratifying and your skills and experience would be really well received and we'd really like for more and more people to get involved and help pave the future of word camp Europe okay thank you very much thank you so much yes applause thank you very much all of you another round of applause these people are awesome thank you thank you thank you so wait, wait, wait there's some PR happening oh in the meantime while that picture happens there's an update that I have because we're having the group picture in the outdoor plaza at one there's like a 15 minute delay on the launch so that we have time for the picture and getting back to launch so lunch will be served at 115 and if you want to take pictures you can take pictures if not you can also move to the where the outdoor plaza where the photo is going to be thank you very much for coming if you have any questions people in the blue shirts can help and thank you to our global organizing team Bob WP with do the boo and I am here with the amazing Michelle Michelle how are you doing I'm doing great thanks Bob doing great now Michelle I know is like huge in the community and I mean you how do you describe yourself in the nutshell when somebody says and they said oh I have 10 seconds who are you Michelle I like to think of myself as a collaborator and connector of people so if you want to meet somebody in the community I could probably find a way to introduce you if there's a gap in the community that can be filled I try to help find a way to fill it you're there for us so now community the impact of community I mean we're at word camp there's literally thousands of people here what is impact for the attendees what do you view as an impact for you and how much that overlaps sure so there's very many things that word press does well of course we have software that works very well we have an ecosystem that's built up around it but my favorite thing is the community the community is what really sets us apart from almost any other organization any other field any other tech anything like that it's the people that come together the people that help one another and the sense of camaraderie even if you don't even speak the same language and here we are in Europe and there's lots of languages and lots of accents around us of course but knowing that you could have a conversation with somebody that could help move their business forward or help them find their place in the community help them figure out how they want to kind of get into contributing to the open source project and I think that's one of the magical things that happens at word camps and it happens at your small local word camps where there's maybe 75 to 200 or 300 people and it absolutely happens at an exponential level when we come to you know WordCamp Asia WordCamp Europe WordCamp US which we're talking about thousands of people at the opportunities are just immense and numerous countless actually countless yeah so what advice do you give to somebody I mean this can be intimidating for a lot of people especially in technical you know it's like you work at home you're by yourself you don't talk to a lot of people all the time interaction what is your advice when somebody comes to a especially a flagship WordCamp like this and they walk in and they literally see hundreds of people what give some words of wisdom there yeah sure so what I like to say is in the weeks leading up to WordCamp start to pay attention to what's happening with the hashtag so for this it's like WCEU pay attention to who's talking about it and the people who are enthusiastic about the community so that you can start to make some connections before you even step foot in the door and so one of the things I do is I reach out to people I don't know well in the community and I say hey let's grab coffee let's sit together at lunch I'm looking forward to seeing you and then when our eyes meet we have that connection already in place and then what grows from then is they'll say oh have you met my friend Bob I have a friend Michelle and so we end up growing our communities and having that network and those connections with one another that we wouldn't have had if we hadn't taken that first step into the door and met thousands of people yeah and I always wondered what we never talk about is the impact of a WordCamp once you've left it you know what are the lasting effects where you know and a lot of people it's like wow it's almost overload yeah but there's this also time to start really condensing down what happened what do you think are some of the things that our post WordCamp impact yeah so there's a couple things that happen there can be something called post event let down where you were on this mountain top and now you're home and it's just you or you and your family are in my case me and my cats and you feel like but now what and almost like a little bit of sadness right that falls in after that but to keep reaching out to the community because you're not in communication face to face doesn't mean that you can't be talking on Slack be talking on LinkedIn be talking on Twitter exchanging phone numbers exchanging email addresses and having those communications continuing those relationships that you started or continued at WordCamp that can continue beyond that one of the other things that I think that's beautiful about what happens here is there's opportunity for business growth and business connection as well often here a few weeks or months after WordCamp that there were mergers and acquisitions that happened and those conversations began or continued at a WordCamp to be able to go forward with those with those business decisions so if you're looking to grow your personal network you're looking to grow your business you're looking to sell your business it's a great place to kind of make those things happen and then follow up with those conversations once you get home yeah and you've touched on it a bit so there are resources it's like you don't have to go to WordCamp after WordCamp to stay involved with the community what are those other resources out there to help you feel connected still yeah so there's meetups right so meetup.com you can find a local meetup a lot of meetups still post pandemic or online so like my meetup in Rochester New York is online and we have people from all over the world who attend our meetup because we have topics that are interesting to them and they want to be involved there's also the make WordPress Slack so you can join that anybody can join that and you can start paying attention to what's going on in the community communicating with one another there's other Slack communities there's a WordPress for women there's Black Press for black and brown face people there's LGBTQ community so there's lots of opportunities to continue to be involved either in smaller subsets or all of WordPress itself yeah well you know you and I could talk about community forever but I know that there's other people that have a lot of great things to say so I've had lots of conversations with you yes thank you again absolutely find us online we're happy to continue the conversation yeah excellent thank you my pleasure thank you I thought the food here has been amazing so my name is Siobhan McCown I'm the CEO of Human Maids I'm one of the original founders of WordCamp Europe which was 10 years ago and I'm really excited to be here on this stage just to introduce some of our great speakers so our first speaker is Philip Cintra he is from Brazil but he lives in Portugal and he's going to be speaking to us about what is new in CSS I hope you all enjoy hello everyone how was the lunch good I just want to check if everyone's awake how was the lunch to say just scream just to see that you are great great great so today I will talk about CSS I have a lot of content here I will try to not rush but I will just keep a few parts that's kind of like old stuff but the new stuff I will put more focus on that and start our presentation today about what is new in CSS first I think some of you know me some around Europe I have been in different place in Europe different WordCamps but I'm a front-end dev lead a company called Digital Method it's a learning platform I actually don't use WordPress at the moment but I apply lots of things that I learn on the Gutenberg editor and I just use in my daily projects that's super cool and also I'm a Google developer expert so if you want to find me or if you take pictures please tag me it's at Philip and on the side of my picture some of contribution that I made to WordPress translation the most recent one dotwordpress.org and events I was organizing Dublin and Sao Paulo and also speakers in different place I love to hang out with you guys and so I got let's talk about what's matter today we're gonna learn about Karuaru Karuaru is my hometown in Brazil I have learned a lot with you for the last 7 years and I will just talk a little bit about my town during that presentation just to represent and share a part of me because I have been different place in Europe and I just love how everyone welcome and for sure we're gonna talk about CSS and actually I'm here in that picture that is a party that we do every June in Brazil it's the same days I think the folks from Portugal also celebrate the same season like they have the same day and they have San João and that was a San João night and I was in front of the stage and you can see how I enjoyed that party because I just said the front line and so let's talk now about CSS and then we're gonna come back to Karuaru and I will share more about Karuaru and for today we'll just split and pass in future so things that can use for a while and things that are new that can already use and feature features that are coming soon and also we're gonna talk about WordPress and just for we understand I think it's one behavior that probably some of you have that it's just look for new features and see and think that oh that's cool that's new but I will just use that in five years or five years because we are just used to that so the difference between the Internet Explorer six and seven was like five years and if you leave for the PNG the transparent PNG that didn't run in Internet Explorer and you need to do a fix all those crazy fix that we have on the web for example clear fix that was a problem to fix the floating was for until last year at the top 20 selectors on the web and it's still there, it's still 10% of the websites we still use clear fix to solve the problem about layout and I hope that that will disappear I think the WordPress and the Gutenberg editor helps a lot to take out these from our lives and how the things work today. Today we have that specific scenario we have Chrome, Edge Fox releasing new features every month and we have Safari with regular updates as well and some of the updates are related to the OS and we have the good news that the Internet Explorer 11 is gone and I think everyone was like that and after Internet Explorer 11 was gone we have those browsers release new features every single month and I would just name A, E and D are different features and then which feature should apply for my project because none of all the browsers has the same feature implemented at the same time and there was a time that I realized those new things are super cool but I actually can't use yet and then we have loads of tools to fix that problem but the idea scenario is not we use tooling to solve that problem but also who make the browser kind of like can you guys get together and decide what you should do and actually was that what happened like I think 2021 a commentator called Interop they got together and they decided was the roadmap for the new features for CSS and the HML and that's why now we have stable release and when you see something new they are like broadly adopted because they just get together and say ok maybe it's nice to implement those features just an example that 2022 those are the least that they implemented like layers and colors dialogue, dialogue was a night and that I was in Ireland 3 years ago when I saw dialogue for the first time I said we don't need to implement a pop-up anymore, we just can use dialogue and they just look at me and say oh but we're going to take like 5 years to use that just like looking for the full behavior that we have in the past but actually dialogue today we can use in all modern browsers it's available for all modern browsers and some of those features I will share with you today the other important initiative now that is the most recent one is draw a line to say ok those features are safe to use so they are like we all implemented but the next, not the next but the previous two release we are already using them and they are working together to document those things or the W3C documentation or inside MDM have a clear sign that you can use those features safely and the idea for that it's also to create a line for each year and say ok this year you are safe to use those features and just going back to Kararou my hometown, this some of the pictures from Kararou as you see we love music we love like how to do the sun stay and I will just use this website example and show a few things that I just notes like when I was like talk with other developers that I constantly see in different websites and for that we will just pass quickly on that because we are going to cover the new stuff but those are some common problems based on the problems that we didn't know yet oh should I use that, should I be safe and use those features and what's kind of common see that not everyone know that they can use that and they are like with a huge amount already, so the problem here are the header, the image is kind of distors, the card image maybe you want to do that like an event situation that you have different aspect ratios but let's say that you want to apply the same aspect ratio for all the images and the third item is back to top it's something that I saw a lot just someone installing a plugin to back to top transition and maybe you can do with CSS maybe you don't need any fancy solution for that and the three solutions for that are object fit aspect ratio and scroll behavior the scroll behavior it's a simple solution but it's kind of just to show that sometimes you don't need JavaScript to do that so object fit you have an image with a specific container and then you set that container and I want to just cover that whole area and when I do that that image will behave as a background so and I also can define the border center that is the reference for that image and when that image resize or do something the proportion will be there and we just want to have behavior as a background we have a few good things about that that's number one the image will be on the dawn the browser knows when should load that image we can use in that image for example laser loading or fetch priority that will improve our performance and also accessibility we can also describe that image when we have an image in the background we don't have the capability we can use way error to describe that but it's not something out of the box that we're going to have and just for those features the version that you can use that as you can see here is like Chrome for a while we already have that Firefox as well and when I was talking with friends they didn't know how to implement that and then I can also that's just like before and after you can just see the image here like how stretched the CDR and here it's like how stable that image are because the container just try to fit in that container and if I want to combine those two items there is also aspect ratio aspect ratio it's useful for you keep the proportion of the image but also any container I can apply for a div or for iframe and I can use for example to do a resizable iframe embedded from YouTube that is like responsive I can use instead one by one I can just use 16 by 9 and that iframe will be responsive and if I combine those two items so in that case here I have the aspect ratio and the object fit together and I can just have one image one by one for sure we can do that on the back end to solve those things but also we cannot decide on the front end as well how we're going to show those items scroll behavior it's another solution it's just a simple solution that we have void job script but you just need that selector and for that example I just create a video I use the site editor and I just tag the cover image with id and I just link with the image I will just play the video here for we see and I won't talk so much about the site editor but if you want to learn about site editor there is a website that's learn.worthpress.org please go there visit and get that amazing content there and here I just include that css that I showed before and then when I go to my page I just scroll to the bottom click on back to top and we have this smooth transition that we will improve there are a few things that I will show you at the end of the presentation that we're going to see how that will improve them and now that's the past things like things that for example I saw that not everyone knows but now let's talk about the present and the future so what's using the blog themes I read please just raise your hands cool it's getting there so the nicest thing about the new blog theme that I can have like a file that's called theme JSON will be kind of my styling brain like kind of the rules of my game and I can find some features on the theme JSON and I can connect those two items the CSS and my site editor and one thing that we can do for example we can find properties here it's a shadow I just set this shadow on my theme JSON file and I can get that same definition here and use on my CSS files I can reference the variables for example shadow I can just call here WP preset shadow pink and I just use the same structure across my theme JSON and my CSS and I can reuse that in my UI and have a consistency UI and then it's one item that I really love because I was working on a project and I love to have that before because we have like different views and we want to have the font adaptings my viewport and for that before I use this crazy math with like SAS to do that fluid typography when today we can do that with only CSS and claim is the function that will help us to do that so basically I have a function that has three parameters the first one is the minimum value the last one is the maximum value and the middle one is kind of the ideal value that I will navigate between those two gaps that function added it is available now not now I will just go there it's 6.1 but this is just comparing the before and after the project that I did before was like there I have like different screens and for every single font and size and spacing I need to define here that font goes from 18 to 52 I just put a small font it's not for read just to see the size of that and just think about that for all the fonts for all the spacing and when I can just do that with that line so that's a CSS claim that's available in CSS and the good news that we have claimed on think.json and how we can use that for we use that on our think.json file on the typography settings I just set fluid and I'm capable to go here at my font size for example I have this font medium and I just set here the mean and the max value and then I will have that fluid text on my block thing the other cool thing that we can do with clamp I can find my spacing using clamp also can be the other way around I can just set a value using clamp for my spacing and I can have the gaps defined and also adaptive to the viewport that I'm using so if a mobile phone I can have this minimal spacing if on a big screen I can have more space between my elements and I can just use the power of think.json to have that across my team and now that's more like on the CSS side and those are the features that you can use today for that here are the versions that we can use kind of new some recent ones but container query we had before as we learn how to work with media queries now we have container queries and how was container queries container queries I will just show example here that's where we see that in action let's say that I have a block and that block I will just define it when you have a large space you're going to have two columns doesn't matter where we are which device you are when you get that area just be two columns but when you have a small area just be one column content after content and here I just have a card that we will just check when the container has until 407 pixels we will just like set as one column just imagine that you can create your blocks and tell to your blocks each scenario that we adapt when you have a bigger size or a smaller size you just know how to do it you don't need to care about how the layout is doing there so kind of like we have an independent structure inside your block the item number six I would like to show today is layer that's a common scenario I will talk with a friend during the conference and we are just saying that if everything is important, nothing is important and that code here we have 206 important selectors so I think that there are a lot of important things here but sometimes that happens because we have for example bootstrap or something that we need to overwrite every single time and layer what that feature does is we create layers in our CSS that I can define the priority for those items so in that case I can tell that the least important one is the framework layer so it's my bootstrap or my tailwind CSS and then I can define other layers and something that I want to see in the future I was testing the site editor is when we use the site editor nowadays here's just an example but when you use the site editor nowadays everything is important and if someone has some issue or something to implement for example see a way to use editor to not use important for the CSS that came from the editor please talk with me I would be interested to know and help with that but what's that example that I did here is the least layer that is the editor so it will be the most important one I don't need to set any important over that CSS because the browser will know that that's the most important CSS in that page cool and this one I wasn't like any actual improvement but I see some faces yes for a while I used to write this mean with 600 pixels and I was like that goes on to you 600 or it's after 600 and I just want to test you who thinks that's the first code here just raise your hands that line on the top we still have a split audience here who thinks that's the that line here represent this one just raise your hands okay think that um actually it's the first one but it's still not sure it is the second one but it is the first one just inside small improvement that we as developers just help our lives to okay I don't need to stop and think about that it's just like I know how to code I learned that's the sentence that we do like greater and equally than 600 and we can do range as well right and that's a feature that's available on all the browsers today so so far so good yep and as we saw there we have loads of items that it's around helping we build our layout um but we can use some of those items that are claimed and all the items inside our theme json but I want to see for example things like layer also coming to live inside water price ecosystem and for those items now um that are in the future some are available most of the browsers and some are like not available anywhere yet but we just want to check them and see how we we can use in the future those projects but before if you want to make sure that for example I want to try that but I'm not so sure that I can use that feature for example we can do a major query to check if our browser support that feature so I can just do check for example if my browser support nesting and then inside nesting I just use nesting css and you can do for other type of features that I will show today number eight for me it's like I was waiting for that for so long it is has has is a selector that check if the container that I'm doing has item with the rules that I will define inside there and here for example that first selector if my card has item with the class feature so if you have like a store or something that you display item that you have like a sales code or something that when you have that sale selector you just include that's like fancy label that say okay these items on sales before to do that we need to use JavaScript or PHP to just check if we have that item and now we just do all the things with css it's not cool yes or no are you with me yeah yeah and so if I'm from Brazil or if you have been Brazil before those are my favorite foods then that's for northeast so I think the folks from me when he saw for the first time those pictures say yes I know that you know what is good here so here's just example so when I have a card for example I have my post that has a feature image I can do something when I don't have a feature image I can also set a different title just to feel that area that supposed to have an image and let's say that I don't know if the content doesn't have anything I can also do something and those checks are only with css I can check if I have that item but also I can check if I don't have that item let's say that I don't have an intro so if I don't have an intro I can do a fancy card or if I don't have a feature image I can do something else as well now there are kind of like a better version there are fees that are coming that we'll check for other things for example css variables if the language if we have the language direction that's just the first version of has for modern browsers the new versions of modern browsers we are doing checks for example css variables as well for example if I have a value that is like discounts true I can change the css the presentation of that card just based on that variable as well but that item is not available yet on Firefox but we already have on Chrome and Safari Safari this week we had the WWDC that they have a full presentation over css and they talk about has and new stuff that they are planning to do with has as well and the item number nine is css nesting again it's related to organize my code and if you work with sass or less before I'm pretty sure that you have used that and now we can do css nesting on css again I hope that Firefox also getting the game to use nesting but what are the advantages for use css nesting the advantage for use css nesting that I can just set the css for that block so if I want to do maintenance or anything I know that everything just contained inside that nesting selector and for example in that item here I have my post block and I have the style for my taxonomy tag so I know that I would just apply that css that taxonomy tag that is inside my blog post so and we can play around we can use like related like selectors that was the item that I show on the previous slide that I was like check if we have support basically are checking if our brides has support for that type of selector and then they will just check for the support for nesting css and now we saw like the things that are almost there the features that are almost landing in all the browsers this one is kind of new are related to two new css not css but two apis the web animation api and the css animation api and basically we can do scroll driven animation so if you have worked with parallax before you need to use JavaScript to do all the effects to check if the user is scrolling in one specific area that feature is available on the canary of chrome version 116 and that working in that way so I have this cover block when I was scrolling on my cover block we will just do animation to fit 100% of the area to 5% of the area you can see we have a few images like doing animations and also we have this progress bar on the top here and all those animations it's only css I just use css to do that and I'm pretty sure that if you love animations you love to see in the future all those template builders when you talk about animation just solve them with css no JavaScript because I'm not like I always talk about JavaScript I love JavaScript I work full time with JavaScript but just to divide in the proper way so the painter paint the walls, the electrician take care of the cables in the house and it's what happened now that evolution of css we have what is related to css like layout so keep those things there what is related to the electrical part of our application keep those things there as well and just for we check how I did that so I have my container block that I behind there I just put the main header that I used to do the animation and I have set my animation and that animation it's from 100% of the height of the viewport to 5% I just set the animation now until here is nothing new the new part start happen here on those two lines and what I'm doing here I'm going to the animation timeline and setting that that animation will run over the scroll and when I set that if I don't set this animation range my scroll timeline will be back top to bottom of my page that will be the timeline of my animation but we can define here the animation range and set I want that animation happen from 0% to 9% so in that case I don't need to scroll until the end of my page I just scroll until 9% of my page and then I will have the full animation so the the cover block that we have on the top so if you look at let's try to play again here I'm 100% when I start scrolling when I get 9% of that whole area the animation here is already completed right and only the scroll is still happen back to top because I didn't set the range so if I didn't set the range the animation will go until the end of that content and we can also define do the animation when that container appears on your view so we have different ways to acting with that so it's a really powerful API I really love to see there and I really love to not have all the the JavaScript to doing there and just like okay let JavaScript do his job with CSS and I have loads of features that I would love to show I think I have a few faces here from Rotterdam that I did that presentation there and I just changed the content the friends from Ponte Vida as well so there I have show a select menu there and Elizabeth and I have shown that the text balance and we have plenty more new features available like or popping up it's a really exciting time if you want to work with CSS and also if you see those features that can help WordPress to do like okay how we can improve WordPress with those new features please open SU and GitHub talk with the people tag me as well I'm on Slack available as well and here that link is the panel of the interop 2023 so the list I already defined it so the time that they defined that list it's from July until October and there was a funny thing that last year I was here in Athens and I show the image set feature and I was just super happy to show everyone oh you can use image set in your background and you can show different versions of your image and your website will be fast and then after my talk I went to test there on Chrome and didn't work and I was like yeah all the browser supported not Chrome and then I would say okay I need to talk with people how we can have that on Chrome as well and then it was the time that I discovered interop was the time that I think that talk was born and the word came out in the last year and then I start talk with the interop I have raised, I show over the image set and the image set was the item number 11 in the vote and I was super happy to I just open and say what I would like to see and so it's open to everyone everyone can go there to the GitHub and say I would love to see for example better scroll, smooth API or I would love to see a better way to set my background image and everything is open everyone can participate there so if you want to participate on the timeline to check when they will open new features just be part of that as well because I think everyone that is here can help before we make that environment better cool how so far? it's great can you hear me? it started when it came on we've got about 5 to 8 minutes for questions so if anybody would like to ask a question you can come down to the mic if you have more than one ask your first one and go to the back of the line we'll start with over here testing hello thank you for the talk I have a question around so you mentioned the container queries and layer and I know that at the moment Gutenberg doesn't support container queries it doesn't know how to pass the CSS so I personally as a developer can go in and I've written a poll request that's just one particular feature and there are all these other things coming is there anything that you would recommend for WordPress and Gutenberg in general to stay on top of CSS new features to make sure that when we do decide to adopt them that they're ready and we can immediately use them yeah I think one that I mentioned at the end I think image set you on the GitHub repo for Gutenberg for example we do that on other page builders that you can set an image for mobile version an image for desktop version because that's some like some browsers, not some browser some websites that when you set up, I think there is a specific scenario that you, I think you set your background for the cover image as fixed that image is not an image tag anymore and became a background CSS and then we just set one large image size and then when you have a mobile user the LCP just go way far I think it's the other item that I would love to see as well like image set and kind of like managing that thing to have like optimized LCP image thank you any more questions we've got another one here hi, oh sorry so I have somewhat of a philosophical question I guess is so there's been a lot of frameworks coming out lately that allow us to write predetermined selectors so we don't have to learn or use all the nitty gritty or the details of CSS so two questions first is are those frameworks making us a bit lazy and second question is that a good thing or a bad thing and also a third question how many people in here still write raw CSS as opposed to using some kind of framework raw CSS oh wow thank you okay I think I do love frameworks I think when we got for example was the first time that I showed nesting for example oh that's going to kill SAS I was like no we won't kill SAS because SAS has hundreds of features that you can use not only nesting that makes SAS but for example nesting can be a reason for you not using SAS and not have like a build do styling that's cool but also on the framework side they don't need to worry about nesting anymore they can invest their time in other new cool features I think that's one good thing I do love frameworks and I use frameworks every day but I think it's important for we see what happened behind the scenes because if something goes wrong you're not like a CSS blind something that I know for example my friends they start with React they never told JavaScript and then when they have a problem on JavaScript they just panic because they didn't have enough exposure to JavaScript but I think yeah we need to use both but use consciously yeah great I think we got time for one more question over here the mic working what a amazing voice thank you Philip for this talk I have a question about Clamp so as a backend developer I don't spend much time with CSS but when I do I try to read all documentation and understand what I'm doing and with Clamp I found a problematic this middle value so I understand the first value is the minimum the third value is maximum the between value is so confusing so do you have a human understandable explanation about that it's kind of for example I will try to elaborate that in a good way like for example my let's say I'm here in the word camp I will speak today and I have the whole week here in Athens and I have my minimal fellows of beer that is like before my talk and I have my maximum value of beers that is after my talk but during the week I can go easy and flexible but I can't go too much and then the middle value is like the flexible part of those two range and personally the easy math that I do is like put like a flexible value on the middle value that is like 5% of the viewport or 10% that will be a value that will navigate between those two items so in that case the 5% of the viewport will be based on the size of my screen so everything will navigate based on the size of the screen so it's a space between it's ideal value but like okay I can be flexed between those two points okay thank you great thanks everyone and thanks Philip for a wonderful talk thank you thank you alright thanks everybody I've got a quick announcement before you all go it's the time for the last word camp card game so I'm just going to remind you of the roles just in case you missed the opening of remarks every attendee has got a set of four postcards in your swag bag you should mingle, you should network meet new people and trade your cards the other four postcards you get from the community booth after responding to your question are you ready for the last question today? who suggested the name wordpress to Matt Mullenweg I'll repeat that one more time who suggested the name wordpress to Matt Mullenweg that was a good use of my pub quiz voice so if you missed the questions yesterday you can still go to the community booth and ask for the previous questions also if you wanted to do a bit of Tai Chi there's a session at three in the wellness track so see you for the next session good day, my name is Wendy we are here at word camp Europe and I am here with Afsana Dia so would you like to introduce yourself? this is Afsana Dia I'm one of the organizer for Wadkem Dhaka and also I was one of the organizer for Wadkem Asia last year and also I was one of the organizer for Wadkem Europe and also for Wadkem C22 as well I'm the very impressive list and I'm the CMO at WB developer WB developer is a wordpress product company we have around 5 million wordpress users who are using our product and you are growth I'm the CMO I'm the CMO of WB oh the CMO nice I'm sorry for my ignorance but what does the CMO do? so I manage the marketing and business development there so I started the company when it was starting so we helped to build a team grow the product from scratch and within just 5 years we have got around 5 million users for wordpress nice well done and you are here at word camp Europe how many word camp Europe is it? I think it's more than 15 nice so you organized word camp Asia few months ago do you see any similarities between word camp Asia and word camp Europe? well I see a lot of familiar face from people that's pretty similar I saw the same faces in Wadkem Europe last year Wadkem US last year and Wadkem Asia this year right like a chronic word camp visitor good to know good to know but if we talk about from the organizer perspective since I was one of the organizer for Wadkem Europe last year as well so I can compare Wadkem Asia and Wadkem Europe a bit please I often say my friends that actually I love Wadkem Europe so much because this is more mature community with properly planned and streamlined process and planning in the organizing team but for Wadkem Asia this was the first time word camp because you organized it but then COVID happened and then you had to postpone and then in January February that finally happened so I was not in the organizing team in first time I joined later I joined right after I finished Wadkem Europe last year so I was leading marketing team for Wadkem Asia what happened is like that's the first time so we didn't have anything ready we had to do everything from the scratch which is actually difficult comparing with Wadkem Europe yes it's like everything is already planned and processed so it's a lot easier and you don't have a checklist this is what we need we had to make the checklist for Wadkem Asia right and what would you think considering the both word camps or book flagship word camps if you have been to Wadkem US what do you think would be the biggest difference between the three well except for location of course I have been to Wadkem US last year but I would say I didn't get the full feelings of Wadkem US because last year it was very small probably 600-700 people so that's not the full gesture of Wadkem US like a contributor today at Wadkem Europe yes so I actually can't judge Wadkem US or I cannot compare but I really love how the European community come together from different countries and do the job I mean when I was in Wadkem team last year I didn't know where it is going to be this year but I have guessed because I saw the commitment and dedication from Greece community what they are putting back in 2012 so it shows that they are preparing themselves to do better for next year so even if I didn't know I could guess easily and did they live up to their expectations I really love Wadkem Europe 2023 so what has been the best part for you so far people of course who would say the people and I also love the Athens and the Dispenu Dispenu looks awesome I agree it's super big but it is nice and spacious and it is really bright and light yeah I agree it's really nice alright so you already gave a talk earlier you were on a panel you are now on the live stream when did you meet the people you were talking about today it looks like you have done nothing but work well I was there in the contributor day so I met a lot of friends already in contributor day the community team I am one of the community deputies I made all of those friends in contributor day already alright I made them in the social event before Wadkem the party I actually made a lot of them individually yesterday after the talk nice oh smart move and you work at a company with them quite a demanding job I can assume yes you do a lot for the community you organize work camps do you do anything that is in your life in general that is not work camp or work press related I have my husband with me okay but you met at work camp no no not really so I got married last year congratulations it was so hectic with work camp Europe work camp Asia and I got married in between like a big wedding yes so my friend had nothing to do I had a very big wedding my friends joke about this that my wedding was more than bigger than work camp Europe we had around 4000 people in total excuse me you said four thousand yes we had five days event it's kind of tradition in Bangladesh so we had five days event and all together we had more than four thousand people I'm surprised no you actually did work camp Asia and then you did the four thousand people wedding five days five days event I did my wedding shopping from Dubai and I also traveled I think nine countries last year do you ever sleep yeah that's the problem okay okay we found the trick so the trick is not sleep my favorite sleeping hour is like four hours now I would be dead if I had to lie on eight hours of sleep well for me I personally like sleeping is wasting time right I'm missing out something I mean even I like to read the books instead of sleeping more do I sound too crazy a little bit I must admit but you're just too hungry for life I think that's it hungry for life knowledge and sharing and getting to know all the things stay alive I mean I enjoy my job I enjoy community I enjoy my family and I also spend a lot of time with my family as well yeah and then you have me who spends most of her week under a blanket by herself not seeing anybody choose your life choose your life yeah I feel like I don't know how much time I have so I have to idealize whatever I can I want to enjoy my life I love that I love that spirit and mentality it's really it's really super inspiring so I have one more question it is not related to your life but to the situation we had here at work in Europe where a lot of people from India and Bangladesh and Nepal applied and we're not able to get in do you have thoughts on that is there anything we can do we're sending love to all the people who are not here yeah and also I have one tips that I would like to share because I also hold a Bangladeshi passport which makes it difficult to get the visa for many countries but what is what people can do is like they can really build their travel portfolio before applying for Shenzhen or US visa because this visa requires to see that you actually travel and you will return back to your country I never faced any issue I got my this Shenzhen visa approved in two days I had my passport in my hand in three days probably because I travel a lot so it is easier for me so for the people who are applying from Bangladesh or India or Pakistan they should travel to other countries like Singapore go to war camps go to nearby country like Malaysia is going to have war camp in September Nepal is going to have war camp in September there are several war camps happening in India as well so go to the nearby countries make your portfolio then apply again right that is actually a very good tip for people to make it to war camp Europe or maybe in war camp US or any other war camp that is in a harder to visa country so is there anything you would like to let the world know and get out in the world about maybe war camp maybe war press or source I actually joined a panel discussion last month which was in Bangladesh it was in Silat so I made one thing for the press community that start contributing even if you contribute for like one hour or two hour per week start contributing get connected with the community and it will help you in many ways you cannot imagine that sounds like a best tip so it is time to wrap up thank you so much thank you so much for watching we are moving up we are moving on to our next talk and we will have another live stream interview after the next speaker so see you later hi everybody welcome back hope you had a nice break great so I am really excited to introduce a speaker who is going to talk about a really important topic which is accessibility this is Mitchell Labour who comes from the Netherlands an agency that I have always admired called Level Level and he is going to talk to you about accessibility meets style a design revolution thanks Mitchell give it up for him hello everyone how is everyone doing it is a really big crowd today not really used to that thanks for being here I am going to talk about accessibility meets style design revolution I am Mitchell I am a digital designer at Level Level but I would like to talk a little bit about my history first I think back in the days as far as I can remember I have always been a creative a creative person my earliest memories include drawing with a pencil painting making art projects at school name it everything and I think a lot of you people as a child were kind of the same like me because who didn't love to draw as a kid now the older you become most of the people lose that interest but to me it never really did actually my love for art only grew stronger as I got older I kept drawing I made beautiful portraits of people and I loved art to look at art architecture name it all around me but as time flies by I was drawn to digital art and digital design technology advanced there arose new opportunities and my old traditional skills actually got lost because I did everything on the laptop or the computer but people still tried to see me as an artist and I often got the question you're an artist right can you draw me like one of the French girls okay sure only to come up and let them down with something like this okay anyway years later now I find myself as a digital designer you could also call me a UX designer experience designer interaction designer visual designer web designer it depends on who's asking but the most important thing is I try to create my designs with a mindset of an artist I like to make designs that are functional user friendly accessible but also aesthetically pleasing compelling to me it's not enough to make something that simply works I really try to make it a piece of art but now I hear people say a web designer is not an artist a designer is a problem solver in Maniac I think people know who they are of course that's true but why can't we be both be the problem solver and be an artist and combine those two skills to come up with the best and most beautiful creations I had a lot of animations but it's not really working that's okay but wait a minute if we look at the problem solver and the artist and I was talking about the professions a little bit before we could see the problem solver and user experience designer and the artist as a user interface designer the user experience is about experience and user interface is about making something a little bit more pretty so we combine those professions you've got the user experience user interface designer someone who can do both we should use the skills of both to come up with the best and beautiful designs so we should solve problem blur first make it accessible and user friendly and then make it visually appealing so go ahead and throw all those artsy designs visuals on your designs problem solved right well not really because more and more websites need to be accessible even by law it's becoming the standard but a lot of people still have a very black and white stance about accessible design and especially accessible websites accessibility and aesthetics are often seen as conflicting goals you can't have them both so accessibility is more important one and they go with that one aesthetics really gets neglected some people say the more accessible an interface is the acclimate becomes and that kind of hurts my feelings but that's why I'm here today to show you that accessible sites can be beautiful and creative on top of being user friendly there's no need to sacrifice aesthetics to create beautiful websites so aesthetics and accessibility should go hand in hand and not fight together to create a best combination you just have to find the right balance between the two now if we're talking about the balance I created a very beautiful scale which I'm really proud of not let's try to talk about aesthetics first so let's pull down the scale to down and weigh down the aesthetics what are aesthetics anyway and why is it important it's really about the visual attractiveness of a product it's a visual or sensory qualities of a design that are intended to evoke an emotional or psychological response to the viewer you know that feeling you get when you look at a piece of art or an architecture or a website that's saying I really like this or a piece of clothing or whatever it really fits my feelings that's what we're talking about and in web design it's more about look and feel so it's about using different colors spacing images, typography and elements so what makes a website or something beautiful or visually appealing to you guys could it be bright colors or the use of dark modes lots of white space lots of spacing bold and daring, warm and calming there are a lot of different things not everyone is the same that's really interesting because everyone has a different perspective and preferences and that's really influenced by our background our cultural background and our social backgrounds as well as our personal experiences because what I find pretty doesn't mean you have to find it pretty as well it's my personal taste that feeling that I was talking about but there's also something called generalized aesthetics and to make it a little bit more simple you could think of it in trends, as in fashion architecture design so I got some examples for that in art it's like expressionism and this was actually my phase when I heard I could give a talk at WordCamp Europe on the main stage and you got and you got the Renaissance art work mostly my process when designing something all those phases in architecture you got like art deco beautiful shapes brutalism really robust and bold buildings but also in fashion with like the 70s with a lot of pastel colors and really daring pool cuddles anyway the trends come and go but common elements are often liked and pursued I like that, me too let's wait a little bit such a trendsetter but that's also in web design we got like examples for minimalism with a lot of white space a lot of spacing mostly pure white and a few images neomorphism not really sure how to pronounce this but I hope I'm right this is actually not a really good example for accessible design because is it a button what I'm seeing is it what kind of contrasts are here is it selected or not also brutalism in web design really daring against the mainstream against the rules also not really accessible but I like it and who doesn't remember the pretty little bookcase the realistic bookcase from Apple with the scale morphism that was like a trend to make things realistic last example is dark mode which is actually a good one because it's accessible as well it reduces your eye strength when you're reading something like a long read and it's good for the environment because it uses less energy so you can really get that feeling that are different kind of feelings with aesthetics that people can get but aesthetics are more than just superficial decoration and making things pretty they can serve a critical and crucial function because a well-designed website can really help establish creativity with your visitors making them more likely to trust your brand differentiate you from your brand from differentiate your brand from competitors create a positive perception and really communicate your identity but most importantly it really makes the visitor want to interact with the website explore it and of course hopefully make a conversion early impressions matter the visitors form initial impressions within seconds I think if you walk around here at the sponsor booth booths you could see attractive booths and you're really attracted to go to those booths also something with aesthetics they could really play a key role in shaping your impression if the impression doesn't stick you could lose your visitors and if a website looks unprofessional or outdated visitors may assume that the business is not trustworthy or that the products or services are of poor quality but instead if a website looks sleek, modern and visually appealing visitors are more likely to view the business as professional, credible and trustworthy so I've rattled on and on about aesthetics I guess you can really see that I like this and I think this is really important but let's go back to the balance and the scale of accessibility versus aesthetics and we really pull down the accessibility one that was a accessibility is really heavy accessibility that's really about making sure that everyone including people with disabilities you can use a website or I think a lot of you people know what accessibility is about this could mean things like easy to read texts good clickable buttons enough contrast between colors images that should have alternative texts so screen readers could read them and when I first heard about accessibility I was quite sceptic about it because I really thought doesn't this limit my creativity or and prevented from creating stunning websites that would stand out from the rest and so goodbye creativity make boring websites and I wasn't alone there are a lot of people that still think this way it's a question I get asked a lot actually even from businesses from how can you create stunning websites but still follow the accessibility rules and be still creative but it's actually quite opposite because once you start working with it it could actually be really fun and challenging it doesn't have to block your creativity it can really thrive your designs and it opens up really new possibilities it can expand your creative tool set or your brains so you could approach designs in a more innovative and creative way you're really forced to think deeply about the user experience to create innovative and creative user friendly designs which would lead to new designs design elements and techniques which you actually never even considered before a few examples for my architects we used high color contrast colors larger font sizes which could really improve reliability and it still is bold and modern and gives the architectural vibe which perfectly matches with my artistic views you can really think outside the box it encourages you to think outside the box to find new ways to solve problems for example you shouldn't really rely on color alone for I hope you could see this for Almere it's like a website that sells plots we used a agenda with the statuses of those plots if it's sold or if it's available or if it's soon available or if it's reserved already we used colors icons and text to show the status of those plots you should really optimize your website's navigation making important information easy to find which will improve usability and functionality and alternative text for images which makes your website more accessible and it really impuses SEO I mean who doesn't want that these are just a few examples of what you can do but most importantly it's just the right thing to do everyone should have equal access to information and services online and by designing with accessibility in mind we can really achieve this so now what we talked about aesthetics we talked about accessibility how do we make a website that's good looking and how can we ensure that it's accessible for everyone let's go back to the balance we changed the nails to a frame we need to make sure to find a good balance between these two and have them complement each other and not conflict with each other I like you but let's make it simple we could also see accessibility and aesthetics is something different accessibility could also be the functional elements of your website and aesthetics could also be the decorative elements of your website now what are functional elements elements that are essentials to the functionality of the interface which must be fully accessible so it's like the core of your website this just has to work these elements could include colors accessible of course typography and the right use of headings, the heading structure good clickable buttons also contrasting buttons and to me it's important to show the hover state as well perfect input fields for forms even with labels that's really important and easy to use navigations these are just a few examples which just have to work if a button isn't easy to click or a form isn't easy to fill out users will get frustrated and may leave your website which could be a job for problem solver this is really the essence of functional elements so what are decorative elements these are elements that are purely aesthetic in nature and do not have a specific function within the interface it's important for your identity and recognition but your site can work without it a few examples background images and elements for nature today we used those cute swirls and colorful blobs for a podcast platform listen we use the audio elements to get the feeling that you really can listen to something and even the WordCamp Athens website right now uses a lot of those visual elements that I'm talking about icons could really help for example these are some tasks that you could use and people could really see this is a task I could do also here these just add like a visual cue from you can do something like this but also animations for Amsterdam Sinfonietta we created a really slow animation on the background and some content elements that slowly appear when you scroll through the website which perfectly fits their branding but animations is a difficult one slow moving animations can be used as long as they are not the primary way of conveying important information and do not interfere with the user's ability to use the animation on the website we can provide users with the ability to turn off those animations or just adjust the speed or we could use the reduce motion function don't you know how it's better to create still elements to get the same effect or you could ask a developer for help decorative elements that are not essential to your website and can be removed or simplified without impacting the user experience we can have more flexibility to make those elements accessible and experiment with different styles and techniques without worrying about compromising the accessibility these styles may not meet the WCAG guidelines but we could still find a way to seamlessly integrate with functionality so again aesthetics and functionality should work harmoniously together instead of clashing with each other let's put it all together with all the things I've said and quickly build a website from scratch this is Pip a creative photographer he loves colors but he's also a little bit mysterious to create him a portfolio he gave us some elements like a logo, colors, images a typography that he loves and we started with a simple navigation easy to find things like a good title a subtitle maybe a search bar so people could really see his portfolio search for his portfolio items add a few blocks of portfolio items add some images this actually could be it but we want to make it a little bit more visual appealing so the text will go over the images add a background with it to make it accessible change the font type you could really see a different kind of vibe already already now we can add more style elements that he was talking about with the colorfulness but this is a little bit too bold for Pip so let's tone it a little bit down and change the font because he really didn't like the font anywhere this almost feels perfect it just doesn't really give that mysterious vibe that he was going for so let's make it dark that's with this really gets the mood going last but not least we can also add some animations I hope this one will start I hope you guys could see it it's a little bit dark but there are some elements that are slowly moving and the use of hover animations gives a really different dynamic and not that static feeling and this really fits his identity and feeling he was going for this was just a super fast example of a website and we could do so much more even with WordPress templates or themes so let's conclude accessibility really is important it should be the default but we really can't neglect aesthetics altogether we can go full accessibility mode and copy and paste popular designs or themes that work and it will be way easier from the design perspective which is okay of course but it could be a disaster for your business you don't really have an identity or personality to convey that identity to users to beat your competition of course it will be just one of those in a million I think maybe you also images and websites like this which is okay of course again but is that really what you want so it's really time to put a renewed focus on creating websites that are both functional and visually stunning by preserving and finding a balance between accessibility and aesthetics we can really revolutionize design and create exceptional websites that truly stand out sparkles fire this takes too long and that's really a win-win for everyone and that's my wrap up thank you so much for listening thanks Mitchell that was a really great reminder of how limitations spark creativity rather than like limiting them so I thought it was really wonderful talk thank you so we've got about 10 minutes for questions if anybody's got a question if you go up to one of the mics and we'll fit in as many as we can I have a question so I'm interested do you still feel that you have to convince businesses of the benefits of accessibility or is that something with level levels of reputation do they come to you for accessible websites or are you trying to convince them of it at level level you mean? we don't really have to convince the businesses anymore because we are known for accessible websites what advice would you have for other businesses who are trying to make the case to our clients that they should focus on the mindset of the business the business owner is king but you should really teach them that it's really important to make an accessible website as well and it's even good for business because if you are one of the few who have an accessible website you could get so many more visitors even people with disabilities I think that's one of the tips I could give thanks any more questions that we got on here? yes you have a lot of ready-made tools that you can install on the website that have accessibility functions so how do you think about that and is that not the solution for us who don't want to do accessibility? it could be like plugins you mean? there are a lot of accessible plugins you could use them especially if you use WordPress templates but you could also start with a blank accessible theme and then add the visual elements later on if you need those you also have the external services that you can just plug into a website and then certainly they have some accessibility then I should maybe this question should be given to one of my colleagues because I'm not really a developer or plugin user is that okay? thank you any more questions? if there are any questions that you're maybe afraid to ask on the microphone you could always just tap me on the shoulder and ask them great alright thank you so much for your talk Mitchell we're just getting ready for the last session of today which is going to be with Matt, Josefa and Mathias just an important note for Matt's Q&A if you're watching on this stream you can submit questions via social media Twitter, Instagram and Facebook and if we can we'll ask them along with the other questions so enjoy your break and we'll see you back here at 4 o'clock my name is Remke Zafriz and I'm here with Anna Moragli welcome you have been presenting a talk on a very interesting topic for a lot of people so how did it go? I think it went really well it was a really nice crowd we did some interesting questions and answers about Google updates and how they go over and also presented some nice stuff about our Google algorithms I think they liked it a lot I was going to say if you can explain a little bit more about the topic it's about SEO and the impact of Google specifically losing rankings there are a lot of Google algorithms going over they're almost like every 3-4 months a new algorithm update 3-4 months once in a year there is a really big one that most of the time is changing the landscape and people got really upset when they got losing rankings and traffic from it I can imagine I think we should talk more about it and learn people know how they can actually face these updates and how to protect their websites is it something they specifically do that gets them losing their ranking and it depends on everybody well it depends they might have done a variety of things together it's not like the algorithm itself or the update itself it's like a variety of things that you might already have done on your website to end up losing traffic because Google is not like the big punishing guys go over and they are not they are not going to go over and punish website owners they have a lot of their mission to provide the best search experience this is what they do so updates are part of the job actually for anybody having a site to understand what Google wants to see well there is a big amount of things but good and really well website structure is going to help a website that loads quickly is also important yeah content quality content and helpful content it's really important backlinks, other sites talking about you and what are these websites of course and yeah I think overall the user experience it's a really important thing right now what would you say that the biggest mistake is if somebody is hit by the algorithm I think that's how you say it if somebody is hit by the algorithm that's the biggest mistake that you encounter with your clients because you have an SEO agency right yeah correct, search magic yeah so what's the first thing that you go like this is the first thing I check because it's the worst the buckling profile where they get bucklings from because they might have any battle city bucklings from websites or websites that they are bad quality some website owners might go to the trap to buy bucklings in a bulky way and that it's definitely a trigger so Google doesn't like that no, I think no so how do you remove backlinks because you have no control over that yeah that's actually a good question you can't you can remove all the backlinks yeah so the disavowing of bucklings right now Google algorithm it's smart enough to ignore them themselves and if we got like a really big amount of bad backlinks this is a case that we start removing backlinks but we are in the current position that Google is really smart enough to disavow them to ignore them themselves so you need to be conscious of not getting bad backlinks if you get a lot of them and you didn't do it or buy them might go to an attack from a competitor or anything else it might not be your fault oh that's the shady stuff what has happened a lot I think to big companies yes I think it's a practice yeah another thing you can do is to take care of all the technical stuff because technical SEO is really important right now especially everything related to user experience loading time core web vitals all of these I think are really really important right now yeah I agree as an SEO agency you obviously encounter these types of problems you need to solve if we look at the inverse if we look at the opposite you also get companies that have probably not a really good profile just yet but you help them build as well right yes that's correct so what's a great example of something that you've made happen you don't need to name the client but like a case they came with us with this and we ended up doing this and now they're there I think I have two examples here we were working right now with the fashion e-commerce store they came to us with a really bad buckling profile and then overall Sadie let's say buckling profile that it wasn't their fault and also they had a really terrible technical SEO get done on their website it was a magento but it was terribly set it up so we did some you move them over to WooCommerce no no what we are in a kind of transition so we will do that magento is pretty complicated right now for them and also we managed to create some content do some good technical SEO and now we're in a really good position to have almost 200% increase in revenue those are nice figures that's really nice and that would be only in four months so I think it's really important if you do things right that it can turn around in four months yeah definitely if you have like a right process in place you can definitely move things faster the typical range of SEO results could be six to eight months but four months for me is really good and I think you shared something in your talk as well right on a tool that people can use yes actually we created a spreadsheet step by step that we combine data from Google Analytics and Semras study historic ranking data and create an overall spreadsheet like a table that could actually help to analyze any traffic drop and find the patterns and learn how to deal with them and is it difficult to do? no it's pretty easy what kind of skills do you need? to create the spreadsheet to work with the spreadsheet? no skills just to know Excel I have detailed out all the steps one by one all the formulas that are about to need they're already in the spreadsheet they're already in the spreadsheet they're also detailed in the presentation I was creating actually the spreadsheet while I was creating the presentation to make sure I have detailed all the steps and go to the presentation can do it themselves nice and that will be made available when it's being published on Webster TV so is this your first work in Europe? yes and how do you like it so far? I love it I mean the organizing team do an amazing job it was a really nice experience we really enjoyed going around the booths and talk with people also overall it was a great experience the games I mean the games were the best there's a lot of games here I also enjoyed the part that some games are connected so you were going to one booth and then you have to go to another one and another one and it was a really nice experience good so I asked work in Europe and right before we went online you also mentioned you went to work in Athens in 2019 what would you say is the biggest difference? the space it was the exact same venue and it was I was really shocked when I realized that in this event you have the entire venue like the whole building and on work in Athens we had only like one out of ten of the space it was like really tiny what is happening right now actually when we were in the work in Athens I was like a big venue, we have a lot of space and now I'm like really big difference but of course I think here you have much more than these so it makes sense so what would you say to anybody who's kind of looking at this and go like maybe that's too many people for me maybe that's he should come I think there is a really good vibe around here all the people are really pleasant to talk they're open to conversation you're not going to feel that it's too crowded oh my god and I'm introvert myself and I'm having a hard time to talk most of the times so thank you but here I really enjoy connecting with people which is really rare for me I think that's you're I think that you're explaining correctly in terms of yes there's a lot of people, yes it's a big venue but there are areas where you can sit and separate, have discussions off in the corners and stuff you can also find new tools, new opportunities and it's also I think that's important it's not only for developers because people many times think that this is only an event for developers, this is really wrong because there are different kind of areas around here there are content marketers designers, people from all different kind of areas it caters the entire spectrum so what are you taking home to your company most of the time? I don't know probably all the nice tools I discovered and talked with today and the really good vibe we had around here I would probably miss that also what is your favorite tool that you've discovered? I don't there are many of them, I don't want to name just one but you're saying if and when you go it's fun, it's nice learning you get to have very wide groups of friends learn different things so I have one more question about your presentation so what was the you had questions at the end right? yes so what was the question that you went like ooh that's a good one, I wish I put it in my presentation how much time it takes to recover from a traffic drop that was a really good one and roughly roughly it might take 4-5 months so similar to starting from scratch because I would imagine it is similar ish to starting from scratch can you hurt your entire profile so bad? it's not similar it depends on how much traffic you lose because there are some cases that they may be like oh we lost 20% of our traffic okay fine, manageable and more than 70% of the traffic and it was a total disaster I can imagine and they still haven't recovered from it and it's 2 years now that this happened wow but they didn't hire you no but at the same time I wouldn't be the SEO when this happened this guy might have a really hard time I don't want to know good answer so the recovery time that's long, 2 years that's a long period wow is this something that every site should do maybe what if I have 500 visitors a month does it still have benefit to pay attention to this what do you mean in terms of SEO do I still need to worry about bad backlinks yes, you should worry about SEO in every little step and if I had to advise every website to do one thing that would be technical SEO no matter the size, no matter the business no matter the industry or whatever you have to do technical SEO what are good examples of technical SEO websites yeah camva camva.com is extremely good HubSpot also I would say yeah nothing else in my mind right now I would add this to top and as a if we look at technical SEO because perhaps somebody watching us now doesn't really understand what technical SEO means I think most folks understand what SEO means search engine optimization what does technical SEO mean can you give an example of things happening in a site that are bad and are part of technical SEO technical SEO is all the actions related to technical items you don't have to be a developer to address them but you need to give them to a developer to fix them the actions related to technical SEO might be to fix page speed how the page is loading it could be internal linking how the pages are interconnected it could also be duplication that's the most simple one because you will know if you have duplication in your website duplication what does duplication mean have the same content in different pages you might have multiple product descriptions that are similar if you have an e-commerce store and you have 10 different products and you are roughly using the same product description you might have a product that is coming in 10 different colors and have 10 different product pages so the only difference to the product actually is the color so it should be one product 9 variations exactly that's the most simple version of duplication let's say so that sounds like technical SEO is indeed a very important component the most important one what's a good tool to monitor how bad your technical SEO is let's say somebody watching goes like I love what you are doing and I would love to be able to hire you but this is just my hobby project is there a place where they can go and find out how well they are doing HREFS for me is the best SEO tool out there HREFS.com it's not only for auditing but it has a feature that you can add to your website and get a weekly audit in your email of the biggest let's say issues that your website has and it's really helpful and I believe it gives you a health score as well what do you think is the minimum people should strive to reach 70, 80 70? 100 is for God you can get 100 it's really hard especially if your website is big what's a big website is it traffic or is it a lot of content both traffic but pages for example 10 million pages website is a really big website I would say that's a big one yes I would say everything above let's say 100,000 pages I consider it as a big website I would agree that's a lot of content to maintain a lot of products too how did you get into this by accident actually isn't that the most beautiful version I was 19 years old I was just trying to find a job at this point I just wanted to go over content marketing and I went to a growth marketing agency I got the first interview and they were like we don't have any content open right now we have junior ratio would you like to try it and I was like yeah let's go for it and that was it I've never done that before sounds like something I could do actually at this point I don't know something that I couldn't do but I was really eager to find out more about it nice but you moved to your eventually having your own agency yes where are you based with your agency we're based in London our offices the headquarters but we have clients from all over the world we have clients US UK, Greece and Dubai and the team also is fully remote at this point and we are split in UK, Greece and Poland currently were you always remote or is that because of the patient we're always remote it's just it's working I think better for us at this point everyone is more happy they can arrange better their schedule we don't have like a specific let's say time to work you can be responsible to set your 8 hours work because for example we have the morning we have some team members that they start working at 6am in the morning and we have some team members that they might start later we have some specific meetings during the day for sync and for planning but that all the team should attend but other than that so it's by design I understand I'm a big fan of remote as well if and when, where you can so one last question what is the number one tip that was not in your presentation that you would like for everybody to know about SEO do technical SEO guys immediately like yesterday it's that important that you just mentioned also take care of your users it's not about the search engines it's not about the machines it's about people and this is what Google goes for it as well so focus on users and user experience and you won't lose you only win thank you so much back to you so about 11 years ago myself and some other people here sat down with Matt and Andrea from the WordPress foundation and pitched them on the idea of WordCamp Europe and a year later, so 10 years ago we had the very first WordCamp Europe in Leiden and I just want to say personally it's been a really beautiful thing that's developed over the years and how amazing this event has been so I want to thank Matt and the foundation for putting our faith in us and taking that leap of faith and for it to thank all of the organisers over the years who've carried the baton on so thank you all back then 10 years ago we were talking about 10 years of WordPress and I can't quite believe we're now talking about 20 years of WordPress so I'm going to pass it over to Matt, Giusefa and Matisse to speak to you about variation on a theme 20 years of WordPress thanks starting music oh my goodness howdy Athens wow what an amazing WordCamp wow this has really come together it's been so incredible and gosh what a venue I feel so honoured to be here with all of y'all we have so much exciting stuff to share with y'all and I think we'll let you dive into it happy to kick us off hey WordPress I don't know if you heard lately but you are now 20 years old as a project congratulations before we get started I do want to give us a couple of updates from things that we've talked about over the last probably 6 months or so a little bit from last WordCamp Europe and a little bit from State of the Word the first thing that I want to talk about is actually our WordCamp reactivation so you all obviously are part of that last year at this time we had held 8 in-person WordCamps and as of right now as of this WordCamp I believe we're on track to have 25 WordCamps in the first half of the year which is more than we had all year last year and that's because you all are doing all of this with us huge thanks to the community team huge thanks especially to the folks who are helping all of our organisers relearn how to do all of this wonderful connection of our community and if you are one of our long-term members of the community or you just are really interested to learn how you can get more knowledge and understanding of how we try to make WordPress be organised and functional and working together we have the community summit coming up in August of this year on the 22nd and 23rd so just before WordCamp US where we all also should be barring any emergencies if you would like to attend that or want to raise a topic of your own that you think is incredibly important for the community to be discussing right now or if you want to apply for travel assistance or to our company's support travel assistance you can do all of that over on communitysummit.wordcamp.org if I said that too fast don't worry we've got social folks who are putting that out there as well soon on the hashtag T-U 2023 we also have a little bit of update on Five for the Future so that was a big topic last year and so far this year we've seen some pretty healthy growth not only in active contributors overall but also in specifically individual pledges to the Five for the Future program as well as company pledges so again thank you all for your constant support of this excellent project and we're going to touch super briefly before I hand it over to Matias on extending the ecosystem we've been talking a lot about one of our big goals which is to get open source alternatives to proprietary systems into as many tools as we can for the WordPress project a quick update on Openverse that project has been with us for a while I heard it you can applaud we love it extra special exciting announcement we finally got it onto its own home Openverse.org we have nearly 8 million images and audio files 800 million 800 million that's way more exciting 800 million images and audio files on it which I think is incredibly exciting and then of course in 6.2 we made it available in the editor so you can hit for slash openverse slash media and it comes up as an option and that's super exciting for me of course I'm sure you've heard about Live Translations before I get to this one we I'm sure all of you have heard about at this point playground, WP playground anyone? for the last remaining 5 of you who have not heard about it you are now going to hear about it it is one of my current favorite favorite explorations that we have going on in the WordPress project Live Translations are powered by the new WordPress Playground API you can now build the WordPress applications that run instantly in the browser and don't require a PHP server to get started go to playground.wordpress.net and use URL parameters to pre-install any theme and a plugin from the WordPress directory for example a pendant theme once you are happy with the result embed this live playground on your website using an iframe and if you need even more JSON blueprints allow you to provide simple by step WordPress setup instructions run any PHP code pre-install custom plugins import site content and more this is how Live Translations are set up and for even more control use the JavaScript API and what can we build with WordPress Playground let's take a look at a few inspiring projects a live plugin demo on your website just like Live Translations a pull request previewer like this one for Gutenberg an interactive PHP code editor that enables learning directly in a browser and even on your mobile phone a local development environment that works either in a terminal or as a visual studio code plugin and starts WordPress on your computer even if you don't have PHP, MySQL or Docker installed learn more at developer.wordpress.org slash Playground and start building with WordPress Playground today but before we jump in I just want to say how incredible this is when WordPress started used to have to download a zip file upload it to a server, configure MySQL like all these sorts of steps and one of our innovations was the famous five minute install we tried to shorten the installation time to be faster but literally now with WordPress Playground for those who don't know it runs WordPress inside of your browser so it spends a whole virtual instance using technology called WASM so we went from a five minute install to like a 500 millisecond install like literally like it's I'm so excited for how I'm sure many of you at Contributor today got to play with it and how easy it makes so the things we just showed where you can like preload themes, translations this is now like an instant developer environment for anyone who wants to play with WordPress and as you know, billions and more people come online on new devices all this runs on mobile phones too so literally you can run WordPress on your phone in the browser which is ridiculous sorry, I just Playground, I said it in the state of the word but Playground just blows my mind it's the closest thing to magic I've seen in my years working on WordPress but now it's also worth mentioning because I am a big celebrator of all of our wins I just want to mention that this has been featured as like a WordPress experiment in all of the Google I.O. and Google I.O. Connect events they're paying attention to what we're doing and I think that's great so congratulations all of you for that fantastic work with this fantastic magic now I'm going to hand it over to a face we all know Matias Ventura, what do you want to tell us about Gutenberg today? I think the cool thing about the Playground is I think we keep finding use cases like day to day I think some of the workshops we're using it to like get people quickly started in the sessions and so on so it's really cool to just see the results. Our table leader contributor day stood up during his wrap up and was like it turns out it's contagious we have four tables it was great I loved it and the GlotPress project as well is using it for like live translations and stuff it's really cool to see the little G project so we have a video to show you that I'm really excited about because I think it tells a bit of the story for like now like around six years so far between when we started Phase 1 all the way to Phase 2 and I think it's nice that it goes from like words to blocks to full design so we'll just want to show you that was that was all Gutenberg everything you just saw was created with Gutenberg. Yeah all the designs are like block designs or patterns or something which is to me I was reflecting the other day since we started with wasn't really like something that we planned but I think the way that it has opened up the ability for like the design community to contribute to the project directly without depending on like a developer to translate ideas into a design. I think to me it's really rewarding because I started my journey doing themes so it's really like speaks closely to me and I'm really curious to see how like new generations embrace these sort of like the expressive capabilities that WordPress needs to keep evolving. I don't know if either of you heard but I believe that our theme group at contributor day created a new community theme from scratch using only Gutenberg the whole way through yes? Yes Maggie agrees. Confirmation from the audience that's typical word camp I love it thank you. I'll move on to the next slide which is we'll talk a little bit about 6.3 we've been saying that 6.3 was going to be the sort of the wrap of these first two phases doesn't mean like our work is done of course we'll have a lot of things to continue doing but it's like I think we're closing a bit of a chapter here so can I interject with the four phases of Gutenberg? If you remember when we started Gutenberg we said there was going to be four phases the first phase being when we Gutenberg for the block editor for editing post then we would go outside of the box and lie you to edit a whole site in phase 2. Phase 3 is going to be all about collaboration and workflow and then phase 4 will be multilingual so when Matthias refers to the Parthenon in our timeline for scale great sounds good to me beautiful and one of the goals in 6.3 is also like to bring a lot of these features together into a more cohesive narrative like there's been a lot of features that can be seen as sort of isolated in 6.3 we're really trying to bring a lot of these features together into a more cohesive narrative like there's been a lot of features related in 6.3 we're really trying to bring it all together so I'll be talking through a small demo hopefully you can see some of the details but this is stuff that you can already try in the plugin we're still a few weeks away from the first betas so if you want to try you can install the plugin and play with it one of the main focuses we're introducing this sort of wayfinder tool where you can run commands and navigate to different pages quickly the editor was really focused on single pages so now you can just navigate the whole site customize the style book we're introducing style revisions so you'll be able to sort of compare how all your changes look in the side but you can see all the variations there we want to add a side by side comparison as well but it's really like coming together to tell the story the style book is also really interesting for some enterprise use cases where they can have a style guide and see without getting a single post or so to see how the whole design of blogs is coming together the navigation menus we've been wrestling with it for a few times and I think we're finally consolidating it so that you can hear it showing how to edit some of those navigations without getting into the nitty-gritty of the editor you can do it outside so that sort of balance is one of the main things we want to we want to get here you will see that it bounces between this sort of zoom out view of your site and getting into the site so there are some activities that you can do without getting boggled down into the complexity of the full editor and stuff that you can do outside once they are really excited about this is showing the ability to sort of have a more clear lineation between what is the content and what is the template so if you are editing a page you can focus on the title the content and so on if you want to edit the template it's going to tell you this is part of the template it applies to the whole site so you can smoothly get into that state and edit everything but the lineation is a bit more clear which is a feedback we've been hearing from users there's of course a ton of refinements to just the interactivity the drag and drop experience performance, there's a whole lot of accessibility refinements that are really cool to see we're introducing the finally the ability to save your own patterns so people can you'll see it now you can just have some design, you create your own pattern you save it and there's now a place to see essentially all the patterns someone's excited all the patterns on the site are going to be accessible from this slight zoom out view where you can see the ones that are coming from core, the ones that are from the theme and your own save patterns you'll be able to see them in this mosaic view and you'll be able to edit them in isolation as well so you can just go into and customize the thing and reuse it across the site so that's about it for 6.3 just so we'll be moving to Q&A now now it is totally open for questions I'm going to do the logistics because that is obviously my job so if you would like to ask questions we have a stand mic there like in the middle of the aisles we also have one floating mic in case folks cannot get down here to these if you are the mic holder, shout out there, moitz is our mic holder you probably need to go up to the higher things in case anyone there wants to go and it looks like we already have some people lining up but I actually have some prizes for the first three question askers these are custom an amazing designer friend of mine designed these little magnetic pop sockets that have the WordPress logo just kind of if you have an iPhone, it goes right on the back and then allows you to without all the sticky stuff on your phone there's only a few of these in the world right now and I have three of them right here so do you have an iPhone? first question? no I'm going to give it to you anyway and then you get to re-gift it to someone who does it will be like your magic token yeah please introduce yourself hello thank you my name is Milana Top again from Syria and I have a question about sponsoring contributors there is a platform open collective and they do all the logistics and WordPress community has their own project there are two important things for this platform first it has done all the logistics to support anyone anywhere in the world so that is not a problem anymore the other very important thing here is that anyone, individuals and organizations can support can give their finance there so right now we have a few individuals who are doing that thank you so much and we have Automatic actually gave $2,000 thank you so much for that so my question is this is all beautiful individuals who are more fortunate supporting others but when you really think of it it's us paying ourselves the question is can you as Matt Giuseppa Matthias or you as Automatic encourage other companies to do the same as Automatic did and make this more sustainable and what can we as a community do to make these donations from other organizations consistent so we can continue doing this thank you thank you for your question I feel like I've looked at the open collective thing but I haven't, I'm not current on it so I'll definitely check it out after this thank you for letting everyone know about it I'm glad that we're already supporting it though I will say that I just want to add on because that was more of like an introduction than a question yes as we talk about Fire for the Future which for those who aren't familiar it's this concept that for companies to maintain the commons of WordPress we have this kind of social norm social more that like companies if you're getting something from WordPress try to take 5% of that and put it back into the core or the community or the .org or the WordCamp or the whatever it is and it's deliberately a little amorphous because how people might define it could be different and definitely taking currency hard dollars and putting it back into a system like open collective is an amazing way for anyone to get back but I also want to recognize like you know if people are taking you know out of 40 hour a week, 2 hours a week to volunteer or companies that you know have 100 people working full time on core all of these different methods of contributing it's really the flywheel that makes WordPress work and I think the reason that we've been able to say because so many open source projects including many who started around the same time of us had a trajectory of like some growth and then they kind of withered on to buy I think what happened was there was too many people taking from the commons and putting back in the spirit of WordPress is I think one of the reasons we've been able to not just be successful but actually accelerate over the years so yeah thank you for telling us about this and come on down I'll give you this little pop socket thing well that's happening I'm going to add to the answer also some of you who were here last year or watched the presentation last year also know that we created the sustainability channel right in the middle of the presentation and that particular group has become a team and one of the things that I asked them to do at contributor day this year was to help us figure out how to do that part of the question how to answer that part of the question help companies know how to find people who need to be sponsored help people who want to be sponsored get paired with companies because right now basically you go to me or Matt and we help you find the other side of it but it's not sustainable either and so in case you didn't hear the wrap up for that the sustainability team is working on sustainability as far as like the software goes from an electricity standpoint sustainability for our gatherings making sure that we're using our materials to the best of our ability and then I asked them to add in that part also to make sure that we as a community remain sustainable for as long as we possibly can Hello I'm Alison from Germany and I have a question to our WordPress community leadership you how do you think we can evolve as a community in creating more diversity equality and inclusivity in our environment in a whole WordPress community we have the WP diversity working group to encourage people to speak and make more and to also make kind of deputy program to ensure that diversity and equality and inclusivity is met not only on word camps but also meetup groups but also in contributing groups so how do you think can we do better in a community and what do you think as a leadership is possible to create some kind of committee or deputy program to ensure DEI initiatives within the WordPress community me excellent firstly thank you so much for your question and also hello so yes so for folks who have been kind of listening to what we're doing in the WordPress project this year and certainly who've been watching what Matt or I have been saying in events that we go to we have been asking not only WordPress in our places but also other projects and other events where we are part of it to help us make sure where WordPress is putting its time and attention it also has good representation there were a couple of different events that I went to earlier this year where I asked them to please join us in that but I do also understand that WordPress too as good as we have become at this has plenty of distance to go because when you have things that are imbalanced you always have to work to maintain once you've gotten to it like the work is ongoing and so there are many initiatives I personally don't know the names of all them but I know that I have currently a proposal on my desk for exactly this type of team and I've been working with them kind of to review what they're proposing review what would make that sustainable as far as a team goes but also we have a couple of other initiatives based on the feedback that you all gave us about representation on the stage representation in our contributor spaces and also just generally making sure that we have some connection to the groups that we know that we're missing and the groups that we need to hear from that we don't know are missing yet and so I appreciate this question and the fact that you all always work to help keep us accountable to that and you know like you said just because we have this answer this thing that project doesn't mean that we think we're done with it so I hope that is an answer I'll also add that this is something it's kind of an exciting question because it's not just even if we create this committee or something this is actually something that every single person here in this room can contribute to and one of the things that makes me most proud is when I hear folks come up to me and say I came to a work camp and I felt so welcome you know and there's so many especially in these modern times when there's so much acrimony to have a community of people around a shared idea ideal of democratizing publishing an open source come together and be welcoming and so something every single person here can do is you know whenever you see someone who might you know seem like they're on the edges or might need some help or something like that like how can I make this person feel welcome and just if you're always if every one of us is always asking ourselves that how can I continue to be the type of community that has all types of people and if I can give a fast example that I saw specifically for this event there were people who are coming here or who are not here at all in watching via live stream who shared suggestions about how to do that while you're an attendee so I think Matt Cromwell maybe was like if you see somebody and you don't know that you know their name or they know your name like just go ahead and proactively tell them who you are introduce yourself especially we have to look after our extroverts we have to look after our introverts but then also we have people who tweet like don't forget the pac-man rule when you go to word camps like leave a space for someone to join like people even when they're not here are looking out for the ways that we can make those small impacts so absolutely I agree and you want to come down and get a little pop socket or can someone take it to her sure thank you thank you hi people m-a-t-t-e-o for the subscribers hi subscriber nice to meet you hope you're doing well hi Joseph hi Mattia so no no m-a-t-t-e-o please no we're good sorry question so much fast, I hope to be as speed as I can. First, are you, Matt, are you Matt Struzzepa and Mattia, are you going into the to the other party today? Second question is definitely I'll see you all there. Second question is I actually love all the updates that Gutenberg is doing. A real problem to me now is that I actually have all the tools to create a great design but since I'm not a designer I really don't know what to build. So are you preparing something like AI or something like that or also suggestion also approaches because that's a pattern are a good start but I hope that you may that we as a community create something more for this approach. Oh and for instance, congratulations for the videos was like an Apple event or something like that. They're down here the people who did that. It was beautiful. Thank you for the question. I think it's a it's a really like a great like you mentioned like patterns are sort of in that area but I think there's so much that we can do to right now like the pattern gallery is really growing in size but like really to to use pattern as a way to teach the sign and to make sure that it I don't know if you're composing something and you write a few blocks that we can suggest you like oh there's a pattern that is presenting these blocks in a certain way that combines this in a good way. I think there's a lot that we can do there. We haven't really we started exploring like transformations you can do when you select multiple blocks. I think AI has really like a there's a good place there to experiment with because you can you can imagine like from what you're writing like we can connect to this relatively large library of designs and sort of combine them in interesting way. Also transformations of them like if you want to cycle between different patterns. I think that's the to me one of the ultimate goals of patterns is to like bring these tools to people like you say maybe you don't have like a design background but if WordPress can offer you like the best design from the community from all the designers all over the world like and I think that's the other part is also not like one specific design but a really diverse set of design perspectives across the world. I think that's patterns are really the communication layer there but I think we need to do more to combine them in interesting ways, surface them at the right time, guide you when you're creating a page like these are the sections these are like the elements that you put in this way or that way. And do you know how many like block themes we have so far? How many block block patterns? Block themes. Oh anyone down there? No on the top of your head? Over 300? Over 300. Yeah. What do you think the future of themes is going to be? Easy question. Well I think like part of what the video captures I think is or tries to capture is that there's sort of like a shape shifting between like each theme into the next and the idea there is to communicate that it's all part of the same sort of experience and UI so it's like the whole point was that to get people to not have to learn how to do things in so many different ways so like it's not so much like having like one theme it's just like you can combine them with like what are the patterns, the style variations, the theme and it's it's all compatible with each other you can replace the header of your theme with a header that you like from another theme and it's just yeah I used to hear from users that they would like the typography of one theme but then the colors of another theme they were having to choose between them. Like your sheep photo. The sheep photo that people loved in uh or that 2010 or something that photo I took out of when I was with Donica in Ireland but it was yeah I think it's actually going to be a real challenge for us that we need to figure out because now that themes allow so much customization is how to show that when you're choosing a theme you can actually have almost infinite variations of typography color and sometimes even layouts uh from them and maybe what we call a theme needs to sort of have like a baseline maybe it's sort of more about the layouts and then the colors into typography is always interchangeable and and with tools like the style but you should be able to see like oh I really like the style that this theme has for the quotes and I want to use that and what I want to like grab like different combine them in different ways I think all of that is started to open up like we didn't show it there but we have like some really cool flows for previewing themes and previewing styles and the patterns that themes packages I think it's getting into a really like interesting with the playgrounds now we can yeah we don't need just to have some static screenshots you know in the theme folder you know like we originally had it can really be fully interactive previews which has always been one of the coolest things that you can for any WordPress theme you can click preview and see your whole sites totally reimagined thank you so much for that question and I've got your uh and again if you don't have an iphone you now have like a magic token so you can re-gift this to someone who uh who you you appreciate or has done something for WordPress or whatever question on this side yeah hello first of all I would like to say a massive thank you for each and every one of you who participated in this conference and who organized it and who made it so amazing that's such an honor for us to be a part of it again I'm a member of a web design studio from Ukraine and you can only imagine how important it is to us uh to feel welcomed and supported on each and every step of the way so thank you thank you thank you I'm curious who who is here you're here from Ukraine yes who else is here from Ukraine so guys w