WordCamp Asia 2026: "WordPress Speed Build" ![rw-book-cover](https://img.youtube.com/vi/cgRYv2eGeDI/maxresdefault.jpg) ๐Ÿ”— **Source:** [WordCamp Asia 2026: "WordPress Speed Build"](https://www.youtube.com/watch?v=cgRYv2eGeDI) > [!note]+ Document Notes > tags: #wordpress #speed-build #full-site-editing #live-coding #ai-development > author: WordCamp Asia > source: YouTube > reference: https://www.youtube.com/watch?v=cgRYv2eGeDI > date created: 2025-01-01 10:00 > > # ๐Ÿท๏ธ Title: WordCamp Asia 2026: "WordPress Speed Build" > <!-- deep-read:sections start --> ## ๐Ÿงฐ Action Inbox - [H1] Try the playground speed build challenge yourself โ€” use jammarlin.co.uk/speedbuild #wordpress - [H2] Experiment with AI-assisted WordPress development using Claude + 2025 theme #ai-development - [H3] Practice FSE techniques for rapid prototyping โ€” focus on navigation and hero sections #full-site-editing ## ๐Ÿงญ Table of Contents - [[#๐Ÿ“ Summary]] - [[#๐Ÿ“– Main Content]] - [[#๐Ÿ—’๏ธ Notes]] - [[#๐Ÿ“š References]] - [[#๐Ÿ—ฃ๏ธ Paraphrase]] - [[#๐Ÿ“ฐ Newsletter]] - [[#โœ… Action Items]] - [[#๐Ÿงช Hypotheses]] - [[#๐Ÿ“Š Methodology]] - [[#โ“ Questions]] - [[#๐Ÿ”ฎ Future Research]] - [[#๐Ÿ’ก Implications]] - [[#๐Ÿง  Learning Styles Assessment]] - [[#๐Ÿ“Š Accessibility Assessment]] - [[#๐ŸŒ DEIB Assessment]] - [[#โœ… Logical Validity]] - [[#๐Ÿ›ก๏ธ DARVO Analysis]] - [[#๐ŸŽฏ Conclusion]] ### ๐Ÿ”— References - [WordPress Playground Speed Build Challenge](https://jammarlin.co.uk/speedbuild) - [WordPress 2025 Theme Documentation](https://wordpress.org/themes/twentytwentyfive/) ## ๐Ÿ“ Summary - Live 30-minute WordPress speed build challenge featuring Craig Gomes (agency owner, 15 years experience) vs AJ Maria (senior engineer, WordCamp Asia organizer) - Challenge: recreate a complex WordPress showcase site featuring split navigation, hero animations, carousels, and custom layouts - Craig used pure Full Site Editing (FSE) approach while AJ experimented with AI assistance via Claude integration - Both contestants achieved functional recreations with different strengths - Craig's consistent manual approach vs AJ's innovative AI-powered carousel generation - Demonstrates rapid WordPress development techniques and emerging AI workflows for site building ## ๐Ÿ“– Main Content This WordCamp Asia session showcased a live 30-minute WordPress speed build challenge where two experienced developers attempted to recreate a complex WordPress showcase site. The format included 5 minutes of preparation followed by 30 minutes of live coding with audience Q&A. **The Challenge Site:** A sophisticated WordPress site featuring split navigation with centered logo, animated SVG hero elements, multiple carousels, testimonial sections, and custom footer designs. The site represented real-world complexity beyond basic layouts. **Contestant Approaches:** Craig Gomes chose a pure Full Site Editing approach using WordPress 2025 theme, avoiding AI tools entirely. AJ Maria experimented with AI assistance, integrating Claude with WordPress 7.2 to automate layout generation and carousel creation. **Technical Constraints:** Both contestants worked in WordPress Playground environments with pre-uploaded assets and basic page structure. They had to create navigation, implement responsive layouts, handle complex CSS positioning, and recreate interactive elements under time pressure. The challenge highlighted the tension between proven manual techniques and emerging AI-assisted workflows, with both approaches showing distinct advantages and limitations. ## ๐Ÿ—’๏ธ Notes #### โฑ๏ธ [00:00](https://youtu.be/cgRYv2eGeDI?t=0) โ€” [H1] Competition rules and setup - Key idea: 30-minute live build challenge with 5-minute prep time - Evidence: "Each player has 30 minutes to build a website they've never seen before" #### โฑ๏ธ [01:45](https://youtu.be/cgRYv2eGeDI?t=105) โ€” [H2] Contestant introductions and experience levels - Key idea: Craig (15 years, agency owner) vs AJ (senior engineer, organizer) - Evidence: "I run an agency called Pixel Wise and I've been doing it for around 14 years" #### โฑ๏ธ [03:30](https://youtu.be/cgRYv2eGeDI?t=210) โ€” [H1] Target website reveal and complexity assessment - Key idea: Complex showcase site with split navigation, animations, carousels - Evidence: "There are some cute SVG animations going on in the big hero" #### โฑ๏ธ [06:15](https://youtu.be/cgRYv2eGeDI?t=375) โ€” [H2] AJ's AI-assisted strategy explanation - Key idea: Hybrid approach using Claude integration with WordPress 7.2 - Evidence: "I will try to do like a multitasking where I try to build one section and in parallel I will ask AI to build the other section" #### โฑ๏ธ [07:00](https://youtu.be/cgRYv2eGeDI?t=420) โ€” [H2] Craig's pure FSE approach - Key idea: Manual building using only WordPress Full Site Editing - Evidence: "I intend not to use AI as much as possible. So I'll just stick to FSE" #### โฑ๏ธ [08:30](https://youtu.be/cgRYv2eGeDI?t=510) โ€” [H1] Challenge begins - navigation development - Key idea: Both contestants start with split navigation implementation - Evidence: "I've divided it into like three columns. Every column is like 33%" #### โฑ๏ธ [12:45](https://youtu.be/cgRYv2eGeDI?t=765) โ€” [H3] AI workflow difficulties emerge - Key idea: AJ's AI integration experiencing technical issues - Evidence: "It was working just like when I was there on the chat" #### โฑ๏ธ [15:20](https://youtu.be/cgRYv2eGeDI?t=920) โ€” [H2] Audience Q&A about AI approach - Key idea: Questions about manual vs AI development strategies - Evidence: "Why he creating the manually the name if you are using the AI then?" #### โฑ๏ธ [18:45](https://youtu.be/cgRYv2eGeDI?t=1125) โ€” [H2] AI usage survey reveals adoption gaps - Key idea: Low AI adoption in production WordPress workflows - Evidence: "Who here is using AI in their proper work? That's surprising isn't it?" #### โฑ๏ธ [22:30](https://youtu.be/cgRYv2eGeDI?t=1350) โ€” [H1] AI-generated carousel success - Key idea: AJ successfully creates carousel using block markup and Claude - Evidence: "take this block markup and create a carousel" #### โฑ๏ธ [25:15](https://youtu.be/cgRYv2eGeDI?t=1515) โ€” [H2] Final sprint and styling refinements - Key idea: Both contestants focus on layout completion over advanced features - Evidence: "Craig, are you going to attempt the serrated edge footer design?" #### โฑ๏ธ [28:00](https://youtu.be/cgRYv2eGeDI?t=1680) โ€” [H3] Time pressure intensifies development focus - Key idea: Developers enter "flow state" under time constraints - Evidence: "We could literally do anything to Craig now and he wouldn't know what was happening" #### โฑ๏ธ [30:00](https://youtu.be/cgRYv2eGeDI?t=1800) โ€” [H1] Results presentation and comparison - Key idea: Both achieved functional sites with different strengths - Evidence: "AJ did the carousel and the... Should we call it a draw?" ## ๐Ÿ“š References - [WordPress Playground](https://playground.wordpress.net/) - [WordPress 2025 Theme](https://wordpress.org/themes/twentytwentyfive/) - [Claude AI](https://claude.ai/) - [WordPress Full Site Editing Documentation](https://developer.wordpress.org/block-editor/) ## ๐Ÿ—ฃ๏ธ Paraphrase - Two experienced WordPress developers competed in a live 30-minute challenge to recreate a complex showcase website - One used traditional Full Site Editing techniques while the other experimented with AI-assisted development via Claude - Both achieved working sites demonstrating different approaches to rapid WordPress prototyping under time pressure ## ๐Ÿ“ฐ Newsletter **WordPress Speed Building: Human vs AI Development Approaches** WordCamp Asia showcased an exciting 30-minute speed build challenge that highlighted the evolving landscape of WordPress development. Two seasoned developers tackled the same complex site using dramatically different approaches - pure Full Site Editing versus AI-assisted development. The challenge revealed interesting insights about development workflows under pressure. While traditional FSE techniques proved reliable and predictable, AI integration showed promise for specific tasks like carousel generation, despite technical hiccups during the live demo. Key takeaway: The future likely involves hybrid approaches where developers leverage AI for specific automation while maintaining manual control over critical design decisions. Try the challenge yourself using the WordPress Playground link shared during the session! Resources: [Learn WordPress](https://learn.wordpress.org/), [Developer Docs](https://developer.wordpress.org/), [WP-CLI](https://wp-cli.org/) ## โœ… Action Items #### DevRel - Developer advocacy: Create speed build tutorial series showcasing different WordPress development approaches - Education: Develop curriculum combining FSE fundamentals with AI-assisted workflows - Developer experience: Document AI integration patterns for WordPress development - Community management: Host regular speed build challenges to showcase emerging techniques #### WordPress - Core: Evaluate AI integration opportunities within block editor workflows - Documentation: Create guides for AI-assisted WordPress development patterns - Training: Include speed building techniques in developer education programs - Community: Establish speed build challenge format for WordCamps globally ## ๐Ÿงช Hypotheses - AI-assisted WordPress development will become standard practice within 2 years for specific tasks like layout generation and carousel creation - Speed building exercises reveal workflow inefficiencies that aren't apparent during normal development cycles - Hybrid human-AI approaches will outperform purely manual or purely automated development methods for complex WordPress sites - Live coding pressure creates different decision-making patterns than normal development environments ### ๐Ÿ“Š Methodology - Conduct controlled studies comparing development time and quality across manual, AI-assisted, and hybrid approaches - Track WordPress developer AI adoption rates through community surveys over time - Analyze speed build recordings to identify common workflow bottlenecks and optimization opportunities ### โ“ Questions - How will AI integration change WordPress theme and plugin development practices over the next 5 years? - What specific WordPress development tasks benefit most from AI assistance versus manual implementation? - How can speed building techniques be incorporated into developer education and assessment programs? ### ๐Ÿ”ฎ Future Research - Longitudinal study of AI adoption patterns in WordPress development workflows - Comparative analysis of development efficiency across different AI-assisted approaches - Investigation of optimal human-AI collaboration patterns for complex site building ### ๐Ÿ’ก Implications - Practice: Speed building exercises could become standard developer training methodology - Education: WordPress curriculum needs updating to include AI-assisted development patterns - Community: Live coding challenges create engaging educational content and showcase innovation - Tools: Need for better AI integration tools specifically designed for WordPress workflows ### ๐Ÿง  Learning Styles Assessment Reading level estimate: 12th Grade #### ๐Ÿ‘€ Visual learners - Present: Live screen sharing, split-screen comparisons, real-time coding demos - Improve: Workflow diagrams, before/after visual comparisons, development process flowcharts #### ๐Ÿ”Š Aural learners - Present: Live commentary, contestant explanations, audience Q&A - Improve: Post-session audio analysis, technique explanation podcasts #### ๐Ÿ—ฃ๏ธ Verbal learners - Present: Technical discussions, strategy explanations, approach comparisons - Improve: Glossary of speed building terms, technique comparison guide #### ๐Ÿงฉ Kinesthetic learners - Present: Hands-on coding challenge, WordPress Playground access - Improve: Step-by-step practice exercises, guided speed building tutorials #### ๐Ÿง  Logical learners - Present: Time constraints, systematic approach comparisons, results analysis - Improve: Performance metrics analysis, workflow efficiency breakdowns #### ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Social learners - Present: Live audience, Q&A interaction, collaborative atmosphere - Improve: Team speed building challenges, peer review sessions #### ๐Ÿง˜โ€โ™€๏ธ Solitary learners - Present: Individual coding focus, personal challenge completion - Improve: Self-paced challenge variations, personal progress tracking #### ๐ŸŒฟ Naturalistic learners - Present: Organic problem-solving, adaptive strategy development - Improve: Real-world scenario challenges, client project simulations ### ๐Ÿ“Š Accessibility Assessment #### Screen reader semantics - Present: Clear heading structure, logical content flow - Improve: Describe visual coding actions for screen reader users #### Keyboard navigation - Present: Standard video controls available - Improve: Keyboard shortcuts for timeline navigation #### Contrast and readability - Present: High contrast code editors visible - Improve: Ensure code examples maintain contrast in all contexts #### Text resizing and reflow - Present: Responsive video player - Improve: Scalable code text in educational materials #### Media and captions - Present: Video content with audio - Improve: Accurate captions for technical terminology, code descriptions #### Forms and interactions - Present: Basic video interaction - Improve: Accessible challenge submission forms for practice ### ๐ŸŒ DEIB Assessment #### Cultural breadth - Present: International WordCamp setting, diverse presenter backgrounds - Improve: Include developers from various cultural contexts, multiple language examples #### Inclusive language - Present: Technical focus with clear explanations - Improve: Define all technical jargon, avoid competitive language that might exclude beginners #### Neurodiversity support - Present: Clear time structure, predictable format - Improve: Provide advance notice of high-pressure moments, offer alternative participation methods #### Representation - Present: Multiple developer perspectives and approaches - Improve: Ensure gender balance in future challenges, showcase diverse development backgrounds #### Psychological safety - Present: Supportive audience, "it's about the journey" messaging - Improve: Emphasize learning over competition, provide failure normalization ### โœ… Logical Validity #### Strong reasoning - Deductive strength: Clear demonstration of development approaches under controlled conditions - Inductive strength: Evidence for AI workflow potential based on specific successful implementations - Causal reasoning: Time pressure effects on development decision-making clearly shown - Analogical strength: Speed building as analogy for real-world development constraints #### Fallacies - False dichotomy: Framing as "human vs AI" when hybrid approaches may be optimal - Hasty generalization: Drawing broad conclusions about AI adoption from single demo session #### Tone of voice - Overall tone: Encouraging and educational with competitive elements balanced by collaborative spirit ### ๐Ÿ›ก๏ธ DARVO Analysis - Deny: No denial patterns present - Attack: No personal attacks or defensive behavior - Reverse victim/offender: Not applicable to this educational content - Emotional cues and rhetoric: Positive competitive energy without hostile elements ## ๐ŸŽฏ Conclusion This speed building challenge effectively demonstrated the current state of WordPress development approaches, highlighting both the reliability of traditional Full Site Editing techniques and the emerging potential of AI-assisted workflows. While technical issues prevented full demonstration of AI capabilities, the successful carousel generation showed promising integration possibilities. The session's real value lies in showcasing different developer mindsets under pressure and creating an engaging format for community learning. The challenge format could become a valuable tool for developer education and community engagement at future WordPress events. Key insight: The future of WordPress development will likely involve thoughtful integration of AI assistance with human expertise, rather than replacement of traditional skills. ## ๐Ÿงฑ Refactor Appendix ### ๐Ÿ“š Literature Split Pad Purpose: Stage CEE units that become Literature notes. Split level: H3 ### [H1] Speed building reveals workflow efficiency patterns > [!quote] [WordCamp Asia 2026: "WordPress Speed Build"](https://www.youtube.com/watch?v=cgRYv2eGeDI) by [[WordCamp Asia]] via [[YouTube]]. Published 2026. Accessed 2025-01-01. > "We could literally do anything to Craig now and he wouldn't know what was happening. He's like hypnotic state." Demonstrates flow state achievement under time pressure constraints during live coding. [view highlight](https://youtu.be/cgRYv2eGeDI?t=1680#H1) #xref #articleseed ID:rw_speedbuild_001 ### [H2] AI adoption gaps in WordPress production workflows > [!quote] [WordCamp Asia 2026: "WordPress Speed Build"](https://www.youtube.com/watch?v=cgRYv2eGeDI) > "Who here is using AI in their proper --- ## Full Transcript [00:06] Rules of the game. Each player has 30<br>[00:09] minutes to build a website they've never<br>[00:11] seen before. In a in a few seconds, I'm<br>[00:14] going to show them the website and they<br>[00:16] they have a few minutes to prep what<br>[00:19] they're going to do.<br>[00:21] Before we start, I've done one of these<br>[00:24] speed speed build challenges before in<br>[00:26] London and they're terrifying and it<br>[00:28] takes enormous courage to come up here<br>[00:30] and do this. So, could we have a huge<br>[00:32] round of applause for Craig and AJ,<br>[00:35] please?<br>[00:40] Before we start, can we have a quick<br>[00:41] introduction to our players? Not too<br>[00:44] long. What you not yet what you do. So<br>[00:48] what your name is and what you do and<br>[00:50] your levels of confidence out of 10<br>[00:52] Craig.<br>[00:53] >> So my name is Craig Gomes and I run an<br>[00:56] agency called Pixel Wise and I've been<br>[00:58] doing it for around 14 years. I've been<br>[01:00] making websites for 15 years. So that's<br>[01:02] about me. I've been like very close to<br>[01:04] the entire ecosystem of WordPress for<br>[01:06] since like the last 14 years that's all.<br>[01:09] And I'm really excited about this entire<br>[01:11] competition.<br>[01:12] >> I'm slightly nervous. Um AJ.<br>[01:15] >> Yeah. Good. Sorry. Good afternoon<br>[01:17] everyone. I am AJ Maria. Uh I am one of<br>[01:20] the organizers of the White Camp Asia<br>[01:22] and I work at Fueled as a senior<br>[01:24] engineer.<br>[01:25] >> Cool. Great stuff. Thank you guys.<br>[01:30] >> So in a second I'm going to show you the<br>[01:32] website. Then they're going to have 5<br>[01:34] minutes to prep. I'm going to ask them<br>[01:35] what they're going to use to build.<br>[01:36] We're gonna have some AI today which is<br>[01:39] exciting. So there's going to be some<br>[01:40] high jeopardy. Then we'll start the<br>[01:42] clock.<br>[01:44] We will start the clock. Where's Tommy?<br>[01:46] We'll start the clock. They have 30<br>[01:48] minutes as they're building. If you have<br>[01:50] any questions, please. We've got two<br>[01:53] live mics. Just walk up to the mics.<br>[01:55] Questions are great because it kind of<br>[01:57] disrupts them and puts more pressure on<br>[01:59] them as they're trying to build. So, the<br>[02:01] more questions we have, the more fun it<br>[02:03] is. And then after the 30 minutes, they<br>[02:07] have to stop and then they show us their<br>[02:09] work. They explain how they've built it.<br>[02:12] maybe how they would have built it if<br>[02:14] they had a bit more time. And then we<br>[02:17] may vote on who who we think is the best<br>[02:19] site. But we it's not about the winners,<br>[02:21] it's about the journey, but we may vote<br>[02:23] on who's done the best site. Does that<br>[02:25] sound okay, team?<br>[02:26] >> Sounds good.<br>[02:27] >> Okay. Does everyone<br>[02:30] want to see the website that they're<br>[02:31] going to be building?<br>[02:32] >> Here we go.<br>[02:36] Here it is. Here's the website, guys.<br>[02:40] This is a WordPress website that you can<br>[02:42] find on the wordpress.org showcase.<br>[02:47] Now the other thing to say is I have<br>[02:50] uploaded some images for them. They are<br>[02:52] all worth working on WordPress studio uh<br>[02:55] and playground. Uh you'll see there's<br>[02:57] some cute Okay, you feeling okay? Um<br>[03:00] there are some cute SVG animations going<br>[03:02] on in the big hero. It's up to them<br>[03:05] whether they do this or not. I've I've<br>[03:06] actually created this as a static image.<br>[03:08] So, they've got some options. They can<br>[03:10] take the safe path or the dangerous<br>[03:12] path. It's up to them. Can we scroll<br>[03:14] down the website or just so we can see<br>[03:16] the rest of it? Okay, this is so just<br>[03:19] stop there a second. Pretty<br>[03:21] straightforward. Okay. Um, again, we've<br>[03:24] got this falling falling things. It's up<br>[03:27] to you guys whether you approach that.<br>[03:29] Uh, scroll down a bit further, please.<br>[03:32] Okay. This is actually a carousel. Uh,<br>[03:35] remember they got 30 minutes. Uh, and<br>[03:38] down again. Let's see. Down again.<br>[03:43] Okay,<br>[03:45] hopefully you're all thinking how you<br>[03:46] would build this yourselves. If you<br>[03:48] follow me on Twitter or X, I have just<br>[03:51] tweeted out a playground link. So, if<br>[03:54] you're watching this somewhere else, you<br>[03:56] can actually have a go at home or in the<br>[03:58] hall. Just scroll down again.<br>[04:01] Okay. And then we have a bestsellers.<br>[04:03] And let's just go down one more time.<br>[04:07] Okay, that's interesting. Yeah, and<br>[04:09] final time I think to the footer.<br>[04:12] Just scroll one more. Oh, we have a dog.<br>[04:14] Yeah, I forgot about the dog. Uh, and<br>[04:16] then one more time down.<br>[04:19] Okay,<br>[04:22] pretty good, I think. Not nothing too<br>[04:23] crazy today. Uh, can we scroll all the<br>[04:26] way back up to the top?<br>[04:28] So, you'll see we've got a stick sticky<br>[04:30] header at the top. I'd like to see you<br>[04:31] guys attempt that. We've got a split<br>[04:33] navigation with a logo in the middle.<br>[04:35] I'd like to see you guys approach that.<br>[04:37] That's interesting. And it's up to you<br>[04:39] whether you uh attempt the animation.<br>[04:42] Okay. And it's up to you whether you<br>[04:44] take on the whole thing or whether you<br>[04:46] take on a certain bit and do it<br>[04:48] brilliantly.<br>[04:49] >> Okay.<br>[04:50] AJ, first impressions.<br>[04:53] >> Yeah, I mean I can see like so many<br>[04:56] motions like I would ignore everything<br>[04:58] like I don't do like just get the layout<br>[05:02] working for you. uh might be I can try<br>[05:05] the carousel that's what uh and as you<br>[05:09] mentioned AI so I have like some basic<br>[05:11] setup where I will try to do like a<br>[05:14] multitasking where I try to build one<br>[05:17] section<br>[05:18] >> and uh in parallel I will ask AI to<br>[05:21] build the other section for me like<br>[05:22] let's see how it goes<br>[05:23] >> let's see so you're going to use I think<br>[05:25] your stack is claude<br>[05:27] >> uh 2025 theme<br>[05:28] >> yes yeah basic theme like no plugins<br>[05:31] just a basic theme 2025 And I have<br>[05:33] connected that environment to my cloud.<br>[05:35] That's what it is.<br>[05:36] >> Great stuff.<br>[05:37] >> Yeah.<br>[05:38] >> Craig, that's the website address if you<br>[05:39] want to pop it in that screen. Yeah. Um<br>[05:42] Craig, what's your approach going to be?<br>[05:44] >> Uh so my approach is just going to be uh<br>[05:47] using the barebones of WordPress and<br>[05:50] >> I intend not to use uh AI as much as<br>[05:53] possible. So I'll just stick to FSE and<br>[05:55] see how much we can push the entire<br>[05:57] platform to build a website.<br>[05:58] >> Great. So, we should have a nice<br>[06:00] contrast between a h purely a human and<br>[06:04] AJ's parts machine. So, it should be<br>[06:08] it should be an interesting contrast.<br>[06:10] Right. Can we uh can we have a<br>[06:11] countdown? Have we got the 30 minutes<br>[06:13] up? Oh, okay. Can we get the 30? Yeah.<br>[06:16] Oh, brilliant. Can we have a countdown<br>[06:17] to start the competition? We'll start<br>[06:19] from 10. I'd like you to count down.<br>[06:22] >> Still not. I I'll start. Otherwise, it<br>[06:24] send me chaos. 10 9 8 7 6 5 4 3 2 one.<br>[06:35] Start the clock.<br>[06:37] >> Well, it started. Right, off we go.<br>[06:40] >> Good luck, guys. Uh,<br>[06:43] >> if you have any questions, please come<br>[06:46] and ask them. Uh, right. And you can see<br>[06:48] each screen the whole time on. So that's<br>[06:53] obviously Craig's screen. That's<br>[06:55] obviously AJ's screen. We are going to<br>[06:57] flick every five minutes to the actual<br>[06:59] website so you'll be able to see what<br>[07:01] they're trying to build. Um,<br>[07:05] >> right, Craig, do you want to explain<br>[07:06] what you're up to?<br>[07:08] >> So, I'm just uh I just created a page.<br>[07:10] It's going to be a blank homepage, and<br>[07:13] that will be like the first landing page<br>[07:14] that we're going to work on.<br>[07:16] >> Okay. And right now I'm going to go into<br>[07:18] the editor and I'll probably edit the<br>[07:20] header and footer<br>[07:22] >> to the template that I've set. I'll<br>[07:24] remove the title right now.<br>[07:27] >> Yeah. Oh, AJ, something interesting is<br>[07:29] happening over here. What's going<br>[07:30] >> No, nothing. So, I'm just looking at the<br>[07:32] overview like what colors and font I<br>[07:35] have in the site.<br>[07:37] >> Okay. Yeah,<br>[07:38] >> I can't. So, I will So, let me break it<br>[07:41] down. So,<br>[07:42] >> okay. Just quick show of hands here. Who<br>[07:45] um here in the who who in the hall is<br>[07:47] using full sight editing for for their<br>[07:50] sites at the moment?<br>[07:53] >> Okay. Yeah. So great. Okay.<br>[07:58] >> So uh I will try to create this hero and<br>[08:01] uh this is very basic but I will try to<br>[08:02] create this basic layout from AI.<br>[08:05] >> Yeah.<br>[08:06] >> AJ what about the that hero?<br>[08:08] >> Yeah this I will create.<br>[08:09] >> You're you're creating that one. Oh<br>[08:11] cool. Yeah. Yeah. Great. Okay. Are you<br>[08:13] going to try the animation as well?<br>[08:15] >> Uh, for now I would say no. Let's see<br>[08:17] how it goes.<br>[08:18] >> Yeah. Right. Let's have a look at uh<br>[08:20] Craig.<br>[08:22] >> You are currently working in the header<br>[08:24] template part I think. Cool.<br>[08:28] >> Uh, you've had two minutes. I will give<br>[08:31] you the timing as we go.<br>[08:37] >> So Craig, what's your plan on the<br>[08:39] header? It looks like you're using<br>[08:40] columns. I've divided it into like uh<br>[08:43] three columns. Uh every column is like<br>[08:45] 33%.<br>[08:46] And we'll use the center one for the<br>[08:49] logo. And I'll create a lefthand side<br>[08:52] menu and I'll create a right hand side<br>[08:53] menu.<br>[08:54] >> Okay.<br>[08:55] >> Yeah.<br>[08:56] >> And you haven't built the navigation<br>[08:57] yet, right?<br>[08:58] >> Not yet. So I've added to their websites<br>[09:01] uh I've created all the pages so they<br>[09:03] don't have to go and create all the<br>[09:04] pages. I've just created them as pages.<br>[09:05] Put no content in the pages so they<br>[09:08] don't have to worry about that when<br>[09:09] they're creating their navigation. but<br>[09:10] they will have to create the navigation.<br>[09:12] And I've also uploaded a whole bunch of<br>[09:15] images into their media library so they<br>[09:17] don't have to go and hunt around the<br>[09:18] media um the actual website.<br>[09:22] So I've helped them a little bit.<br>[09:26] Uh oh, here we go. What was h sorry AJ<br>[09:29] what was happening then that was<br>[09:30] interesting.<br>[09:31] >> Uh<br>[09:32] I am trying to uh give a command to my<br>[09:35] collabor with instructions like image<br>[09:36] which page and what action to perform.<br>[09:39] Okay. Yeah. Nice.<br>[09:40] >> Just like that.<br>[09:43] It's<br>[09:48] >> okay. Let's have a look at Craig.<br>[09:52] >> Okay. So, you're you're you're making<br>[09:54] your navigation now.<br>[09:55] >> Correct. Do right side.<br>[09:57] >> Great.<br>[10:01] So, you're going to make two you're<br>[10:02] going to make two navigations.<br>[10:03] >> Correct.<br>[10:04] >> Uh put one left.<br>[10:05] >> Yeah.<br>[10:06] >> One on the right.<br>[10:07] >> Yeah. How are you going to approach<br>[10:09] putting the the hero image behind the<br>[10:12] navigation? Okay.<br>[10:13] >> I'll have to check that. I haven't<br>[10:15] thought about it yet.<br>[10:16] >> Okay.<br>[10:20] Remember, if you have any questions,<br>[10:21] just come up to the there's two there's<br>[10:23] two mics either side. Please feel free.<br>[10:25] I'd love some questions. If you if<br>[10:26] you've got any questions for the<br>[10:28] players,<br>[10:32] >> AJ, when when something exciting is<br>[10:34] about to happen, will you shout at me?<br>[10:36] >> Yeah. So if I go back to my page, let's<br>[10:40] see. So I'm trying something new. I<br>[10:42] don't know if I get something or I get<br>[10:44] nothing. So this page is blank. Yeah,<br>[10:47] >> there's nothing here. Now this thing<br>[10:49] should create the layout for me on this<br>[10:51] here. Like I won't be touching the<br>[10:53] editor and then the layout should be<br>[10:54] ready for me. That's what I'm planning.<br>[10:56] Let's see how it goes.<br>[10:57] >> So you've how does I I missed a bit, but<br>[10:59] how does AI know what to design here?<br>[11:01] Have you told it this?<br>[11:02] >> I gave him a like a a screenshot.<br>[11:05] >> Oh, great. Okay.<br>[11:06] >> Yeah.<br>[11:07] >> Yeah. Okay. So, this is the exciting<br>[11:09] moment, right? Here we go.<br>[11:12] >> Uh then, okay. Let me try to create<br>[11:16] the layout first.<br>[11:28] >> What are you What are you doing now, AJ?<br>[11:29] >> Uh I'm creating a navigation.<br>[11:31] So I have it that and then uh I will<br>[11:36] just basic links.<br>[11:40] >> You've had five minutes team. Okay,<br>[11:42] you're doing fine.<br>[11:45] >> Not links just like<br>[11:50] not navigation. If I take this<br>[11:53] page page list page list,<br>[11:56] this won't work for me.<br>[12:12] Okay. So, Craig, you're you're starting.<br>[12:14] So, are you putting everything in? What<br>[12:16] are you working on?<br>[12:17] >> Yeah.<br>[12:17] >> Are you working on the pages template?<br>[12:18] Okay.<br>[12:19] >> Okay.<br>[12:24] Second.<br>[12:31] Looking good.<br>[12:52] So, I think both players are working on<br>[12:57] the nav at the moment.<br>[13:00] When are you going to get Claude up and<br>[13:01] running? AJ, when when does that happen?<br>[13:03] When you going to feed it your<br>[13:04] screenshot or is that happening?<br>[13:06] >> That thing?<br>[13:08] >> Oh, sorry. He's asking me. Yes.<br>[13:11] >> Okay.<br>[13:20] So I'm trying to create a custom nav<br>[13:22] like not use a navigation block for now.<br>[13:25] So<br>[13:27] this this<br>[13:30] it have it this<br>[13:33] have it like<br>[13:35] key.<br>[13:36] >> Okay, looking good. Uh<br>[13:38] >> then this is like a full width.<br>[13:42] Then uh<br>[13:45] Something like this. Okay,<br>[13:48] this should be done. Let me go to the<br>[13:56] You've had<br>[13:58] seven minutes.<br>[14:00] 8 minutes. Seven and a half minutes.<br>[14:18] Okay.<br>[14:25] So, AJ, you're not putting this in a<br>[14:26] template. You're just putting this in a<br>[14:27] page. Is that right?<br>[14:28] >> Sorry.<br>[14:29] >> You're just putting this in a page, not<br>[14:30] a template.<br>[14:31] >> Uh, is that right?<br>[14:32] >> Just page. Yeah.<br>[14:33] >> I just copy to my homepage then.<br>[14:34] >> Yeah. I am waiting for this to complete<br>[14:37] but let's see. I don't know why it<br>[14:39] always happens like when you perform<br>[14:40] something that is error.<br>[14:45] >> It's always going to happen.<br>[14:46] >> It was working just like when I was<br>[14:48] there on the chat.<br>[14:55] >> It's fine. You got you got 21 minutes<br>[14:57] left.<br>[14:59] Oh, there's action over here as well.<br>[15:00] So, they're both working on the hero.<br>[15:04] The challenge is going to be in a<br>[15:05] minute. How they get the navigation if<br>[15:07] they attempt it behind the hero.<br>[15:10] Yeah.<br>[15:12] I I I I built this site just to make<br>[15:14] sure it was all possible. Then there is<br>[15:17] a there's two ways to There's three ways<br>[15:18] to do it. A bad way, an easy way, and a<br>[15:21] hard way. But we'll see which one they<br>[15:23] choose. When you're doing these<br>[15:24] challenges, your brain gets very muddled<br>[15:26] very quickly having done one in London.<br>[15:28] Although I did win it to be fair to me.<br>[15:34] I did.<br>[15:38] >> Any questions?<br>[15:40] >> There's great. Could you could you just<br>[15:41] go to go to the mic uh so everyone can<br>[15:44] hear it?<br>[15:48] >> Hi Jimmy. Uh my question for Aay.<br>[15:51] >> Yeah.<br>[15:51] >> So he doing the using the AI. So why he<br>[15:55] creating the manually the name if you<br>[15:57] are using the AI then?<br>[15:58] >> That's a great question. Yeah. Cool. So<br>[16:02] So the question was why you<br>[16:03] >> why this this<br>[16:04] >> but you know you you started before this<br>[16:06] you you have started before the this<br>[16:08] error that's why I was you are<br>[16:10] >> so I tell you<br>[16:12] >> so this what what I'm using is you know<br>[16:14] something I know I tried last night an<br>[16:16] experiment like just wiping it so I<br>[16:19] wanted to show something new on the<br>[16:20] stage like going into editor creating a<br>[16:23] layout yes I mean you can do that but uh<br>[16:26] since like there multiple students also<br>[16:28] so they should know like if we can do<br>[16:30] something with AI So my role is just to<br>[16:32] showcase it's possible. Then the people<br>[16:34] here they will go and explore like how<br>[16:35] it's done. So I'm not doing anything<br>[16:38] very fancy just basic things. I can go<br>[16:40] and create that layout in like manually<br>[16:42] in 2 minutes. Uh this might take 5<br>[16:45] minutes but that's not the goal.<br>[16:47] >> That's my question. Everyone not talking<br>[16:48] about the AI but you know you are look<br>[16:50] like the file right now.<br>[16:51] >> Yeah. Very basic things not able to do<br>[16:54] right now.<br>[16:54] >> I want to show that it is possible from<br>[16:56] AI not to create that with AI.<br>[16:59] >> Yeah that's the goal. Yeah. Okay. Thank<br>[17:00] you.<br>[17:01] >> But I think it's your question. Why is<br>[17:02] he doing any<br>[17:03] >> Yeah. So if he had the AI machine, then<br>[17:05] why need to manually name?<br>[17:06] >> Yeah, that's a good question.<br>[17:07] >> That's my question.<br>[17:08] >> Well, I think cuz it's not working<br>[17:09] maybe.<br>[17:09] >> Yeah, that's why.<br>[17:13] >> Okay. Okay. Cool. Cool. I got something.<br>[17:15] >> Yeah.<br>[17:17] >> Uh move this.<br>[17:18] >> Uh a<br>[17:20] >> Oh, hi.<br>[17:20] >> One sec. One sec.<br>[17:21] >> Yeah, I'm Ram here. Uh very related<br>[17:24] question to that guy. Uh my question is<br>[17:27] if you are using already using AI for<br>[17:30] one section why can't you just uh take a<br>[17:32] screenshot of whole website or whole<br>[17:35] design and just put it inside the AI?<br>[17:37] >> Yeah very good question sir but as I<br>[17:39] mentioned like uh I am not uh trusting<br>[17:43] this to create whole thing if I give him<br>[17:44] whole thing it will like won't create<br>[17:46] anything for me.<br>[17:47] >> So I need to give him a section<br>[17:48] explaining what I want. So that's how it<br>[17:50] will work. If I give a whole page and if<br>[17:52] I write that prompt for the whole page,<br>[17:54] it might take 10 minutes for me just to<br>[17:56] create the prompt. So<br>[17:57] >> yeah uh let's see. Cool. So it did<br>[17:59] something. So okay it's not working but<br>[18:01] like this layout I didn't create it was<br>[18:03] done by AI like if you can see the<br>[18:05] editor very basic thing but possibility<br>[18:08] is there. So it can be advanced where<br>[18:10] you can go like uh you don't open the<br>[18:13] editor you just work in your terminal<br>[18:15] giving screenshots as you mentioned like<br>[18:17] give the whole page layout tell him hey<br>[18:18] go and create the page for me when it's<br>[18:20] done you can tell him hey go to section<br>[18:22] a animate xyz thing that is possible I<br>[18:25] mean I won't comment like uh it can be<br>[18:27] done or not but I'm trying this uh so<br>[18:30] it's working so you all can try you just<br>[18:33] need like WordPress 7.2 for this not the<br>[18:35] 6.9.4 That's it.<br>[18:37] >> Thank you.<br>[18:37] >> Great.<br>[18:38] >> Right. Back to it, guys. You got 17<br>[18:40] minutes 56 minutes left.<br>[18:42] >> Plenty of time.<br>[18:47] >> Great. How you doing?<br>[18:48] >> It was uh going good so far.<br>[18:50] >> Yeah. Can we see what what you've got?<br>[18:52] Sure. Let's have a look.<br>[18:54] >> Sure.<br>[18:55] >> Hey, it's looking pretty good.<br>[18:57] >> Yeah.<br>[19:05] >> Yeah. Nice<br>[19:08] keys.<br>[19:12] >> Can we show the actual website again<br>[19:14] quickly? Is that possible? Just to show<br>[19:15] everyone the actual website.<br>[19:17] There we go. Beautiful.<br>[19:23] If you want to have a go at this<br>[19:24] yourselves afterwards, please do and<br>[19:26] send share the links. Love to see what<br>[19:28] you do.<br>[19:31] Okay, let's go back to the players,<br>[19:33] please.<br>[19:50] I'm going to swap these just because<br>[19:51] that's going on.<br>[19:58] >> Any other questions? Oh, great.<br>[20:02] This question is to you. Okay. Yeah.<br>[20:04] >> And I don't have the laptop right now.<br>[20:06] So when I go and try<br>[20:08] >> Yeah.<br>[20:08] >> Can I use any method or only block<br>[20:11] editor?<br>[20:12] >> You can use any editor.<br>[20:14] >> Any editor.<br>[20:15] >> Any editor.<br>[20:16] >> Sure.<br>[20:16] >> And if you record it, that'd be great.<br>[20:18] >> No.<br>[20:19] >> Yeah. And share it. That would be great.<br>[20:29] Approaching halfway.<br>[20:33] AJ, is the is the AI still breaking?<br>[20:37] >> Huh?<br>[20:38] >> Is the AI still breaking or is it<br>[20:39] working now?<br>[20:40] >> No, it created something like<br>[20:42] >> it's working.<br>[20:42] >> Yeah.<br>[20:43] >> Oh, great. Oh, okay.<br>[20:46] >> Hey,<br>[20:46] >> now I will try.<br>[20:47] >> Oh, hi.<br>[20:48] >> Is the link available anywhere? So, we<br>[20:51] can try.<br>[20:51] >> Yeah, I've I've posted it on X. If you<br>[20:54] follow me on on X.<br>[20:56] >> Yeah, thank you.<br>[20:56] >> Uh, then you'll see it that I tweeted it<br>[20:58] out at 12:15, so it should be on X.<br>[21:06] Or if you if you go to jammarlin.co.uk<br>[21:10] forward slash speedbuild, it's also on<br>[21:14] there<br>[21:16] as a as a as a blueprint. Uh WordPress<br>[21:19] playground blueprint link, a download,<br>[21:23] and also an instite.<br>[21:27] There's lots of options for you. So have<br>[21:29] a play.<br>[21:32] Right, we are at halfway. Could we give<br>[21:35] the players a bit of encouragement,<br>[21:36] please?<br>[21:39] Things are moving on a pace.<br>[21:46] Right, Craig? How how did you uh I<br>[21:49] missed that. How did you build that?<br>[21:50] Let's tell us talk.<br>[21:52] >> Uh so, basically, I've just uh created a<br>[21:54] two column layout.<br>[21:56] >> I've copied the text and this is an H2<br>[21:59] that I've used. I've just embedded the<br>[22:01] links and I've just changed this to<br>[22:02] latest to just added<br>[22:03] >> uh this in the background.<br>[22:05] >> Yeah, you got a fan<br>[22:07] >> somebody.<br>[22:12] It's always good to have one.<br>[22:17] So, AJ, what did the what did the what<br>[22:19] has the AI created for you on that page<br>[22:22] so far?<br>[22:23] >> Uh, let's check. It did something, but<br>[22:27] that was like breaking. So the purpose<br>[22:29] was to just showcase like that's<br>[22:31] possible to do like<br>[22:32] >> yeah don't worry AJ we just we just just<br>[22:33] uh<br>[22:34] >> because that's not fast for now.<br>[22:36] Okay.<br>[22:37] >> Yeah.<br>[22:41] >> Just show of hands here actually who<br>[22:42] here who here is using AI in their<br>[22:45] proper work prop<br>[22:49] the question in their proper um in their<br>[22:53] proper production workflow for client<br>[22:55] work. Who's using AI as part of that?<br>[22:58] That's surprising isn't it? If you look<br>[22:59] around everyone that's quite I thought<br>[23:01] it'd be much higher than that. Yeah.<br>[23:02] Interesting.<br>[23:04] I guess some people are still<br>[23:07] slow<br>[23:11] to take that up.<br>[23:17] If you do want to have if anyone here is<br>[23:19] going to attempt this after today um<br>[23:22] which would be fantastic if you have a<br>[23:23] go using AI I'd love to see that as<br>[23:25] well. That'd be really interesting and<br>[23:27] share that because everyone has very<br>[23:29] different approaches at the moment.<br>[23:33] Okay, where we at? We got 13 minutes<br>[23:36] exactly left to go<br>[23:44] and you can see what's going on.<br>[23:51] >> Okay, Craig, you're<br>[23:54] So you are<br>[23:57] Craig. Hello. What are you What are you<br>[23:58] up to? Yeah, I'm just making this<br>[24:01] particular section. Uh it's like four<br>[24:03] columns. I am not doing the carousel<br>[24:04] right now because like there's<br>[24:06] limitations.<br>[24:07] >> Yeah.<br>[24:08] >> Uh uh yeah, and I'll just add that<br>[24:10] button there and that image. So yeah, we<br>[24:12] should be good to go after that.<br>[24:20] Is anyone having a go at this at the<br>[24:22] moment in the room? We've got one here.<br>[24:23] Any Are you Is anyone else having a go<br>[24:25] at this in the room? No one else. Okay.<br>[24:38] Looking pretty good.<br>[24:51] No more questions.<br>[24:53] Uh<br>[24:57] Do you want me to scroll down for you,<br>[24:58] Craig?<br>[25:01] There you go.<br>[25:02] >> Thank you.<br>[25:14] >> So, what are you working on now, AJ?<br>[25:17] Uh,<br>[25:17] >> the carousel.<br>[25:18] >> Carousel.<br>[25:20] >> Yeah.<br>[25:46] So Craig, you've added a columns block<br>[25:48] and then you're adding some padding.<br>[26:11] It's gone very quiet. It always goes<br>[26:12] very quiet at these points. There's lots<br>[26:15] of intensity in the room. Everyone's<br>[26:17] very<br>[26:21] Oh, interesting.<br>[26:26] >> Craig is really in the zone. If you We<br>[26:27] could literally do anything to Craig now<br>[26:29] and he wouldn't know what was happening.<br>[26:31] He's like hypnotic state.<br>[26:37] Okay.<br>[26:39] Oh, thank you. Yes. 10 minutes. Thank<br>[26:41] you. 10 minutes to go.<br>[26:52] Have you noticed how they stopped<br>[26:53] talking to me now as well? They're not<br>[26:55] responding at all.<br>[27:00] Okay.<br>[27:03] Okay, that's interesting.<br>[27:08] I can't read it from here. I'll read it<br>[27:09] out. What's that say? take this block<br>[27:12] markup and create a carousel. Okay.<br>[27:17] Interesting. So AJ's<br>[27:22] taken the block markup from his group<br>[27:26] and using AI to create a wizzy carousel<br>[27:31] which if he pulls it off would be<br>[27:34] amazing, right? If this works. So this<br>[27:36] is high jeopardy, high risk, high<br>[27:39] reward,<br>[27:40] high reward.<br>[27:50] Here we go.<br>[27:53] How you feeling about this, AJ? Is this<br>[27:55] Is this going to work?<br>[27:57] >> Let's see. Let's see.<br>[28:01] >> Here we go.<br>[28:05] This is a big moment of the day.<br>[28:08] Oh, hold on. What's happening over here?<br>[28:10] >> Just exporting this as a PNG right now.<br>[28:13] >> Sorry.<br>[28:14] >> Just exporting this as a PNG. I just<br>[28:16] want to add it below the testimonial.<br>[28:18] >> Yeah.<br>[28:19] >> Yeah.<br>[28:24] Oh, 8 minutes to go.<br>[28:32] Here we go. This is it. Here<br>[28:35] we go.<br>[28:39] >> Well, it kind of worked.<br>[28:42] >> That kind of worked. That's impressive,<br>[28:44] right?<br>[28:45] >> Yeah. Mr. Anti AI over there. What do<br>[28:48] you feel about that?<br>[28:57] We've got a few styling issues. That's<br>[28:58] the only thing. But it's pretty cool.<br>[29:02] Uh, I'm going to be just,<br>[29:13] >> by the way, if you are doing this<br>[29:14] yourselves, it's not acceptable just to<br>[29:17] take a screenshot of the website and<br>[29:19] stick it in an image block.<br>[29:21] It's not,<br>[29:24] you can't do that,<br>[29:26] right? Seven minutes to go. No.<br>[29:32] Can we have another look at the actual<br>[29:33] live website? Is that possible? At the<br>[29:35] back quickly.<br>[29:37] Here we go. Can we just scroll? Can we<br>[29:39] just scroll down so everyone can see the<br>[29:41] site they're actually building?<br>[29:44] Just scroll down a bit on the actual<br>[29:46] website<br>[29:48] or up.<br>[29:50] By the way, quick question, and I asked<br>[29:52] this a lot of places, and it causes a<br>[29:54] lot of family arguments. When you scroll<br>[29:56] a website, are you scrolling down it or<br>[29:58] up it?<br>[30:02] See, it's 50/50<br>[30:05] >> up, but it's down. You're going down,<br>[30:07] aren't you?<br>[30:11] >> There's no consensus. I tell you, it<br>[30:14] feels like something we should work<br>[30:15] together on.<br>[30:20] >> But what do you call it when you're<br>[30:21] describing it to somebody?<br>[30:23] >> Do you say scroll down or scroll up?<br>[30:25] >> Scroll down. What about when you're on a<br>[30:27] mobile phone? Is it different?<br>[30:36] >> Everyone's mind is going crazy. Okay,<br>[30:38] we've got<br>[30:42] 5 minutes 50 to go.<br>[30:49] >> Love the concentration going on.<br>[30:59] Okay.<br>[31:10] You're both in a similar sort of place<br>[31:12] in terms of where you are on the page,<br>[31:15] which is interesting.<br>[31:24] Ah, look at that. Can we have another<br>[31:26] quick demo, AJ, of that because that's<br>[31:28] kind of cool.<br>[31:40] >> Right, five minutes to go. We're on the<br>[31:42] final stretch. You want to be thinking<br>[31:45] about Yes, that was a round of applause.<br>[31:47] Uh, you want to be thinking about<br>[31:49] finessing your work or whether you go<br>[31:52] for the whole thing.<br>[31:55] >> Got five minutes to go.<br>[32:28] Ryan, how's yours looking? Is it Have<br>[32:29] you done it?<br>[32:35] >> That's great.<br>[32:39] >> It's turning.<br>[32:45] Okay, 3 minutes 50 to go.<br>[32:48] Craig, where are you at?<br>[32:50] >> I'm working on the about section right<br>[32:52] now.<br>[32:52] >> Okay.<br>[32:53] >> Yeah,<br>[32:54] >> you're so fast now. You're in the zone.<br>[33:01] How fast it's working.<br>[33:03] It's flying around. Uh, and AJ is two.<br>[33:14] 3 minutes 20 to go.<br>[33:18] Could we give them another round of<br>[33:19] applause, please? Because they're doing<br>[33:20] great.<br>[33:32] Okay, three minutes exactly to go team.<br>[33:38] There should be some exciting m mo uh<br>[33:40] music when we hit one minute to tell us<br>[33:42] all we're approaching the end.<br>[33:48] Tommy.<br>[33:56] >> Well, that really took off.<br>[34:04] >> Okay, two minutes 30 to go.<br>[34:08] Do we have any final questions before we<br>[34:10] close? Anyone? Anyone?<br>[34:14] It's a great great time to ask a<br>[34:16] question if you have got Adam.<br>[34:20] Okay, you got the dog in?<br>[34:22] >> Yeah.<br>[34:31] >> Nice.<br>[34:36] If you did this on a speed build, it<br>[34:38] would be the most unexiting 30 minutes.<br>[34:43] Yeah.<br>[34:50] Oh, nice. Okay, so AJ's using some<br>[34:56] negative margin, I think, there.<br>[35:01] Craig, are you you going to attempt the<br>[35:03] uh serrated edge footer design?<br>[35:05] >> Uh, yeah. I mean, if I had more time, I<br>[35:08] am unlikely to do that right now, but<br>[35:09] I'll try.<br>[35:10] >> You've got 1 minute 26, Craig. Okay.<br>[35:14] How much time do you need?<br>[35:21] >> No, I didn't actually I I didn't do that<br>[35:23] bit. I didn't have time.<br>[35:28] >> Oh, I just gave myself 30 minutes to do<br>[35:30] it. Yeah.<br>[35:32] >> Right. Here we go.<br>[35:34] >> Cute. Exciting music.<br>[35:40] >> One minute to go.<br>[35:49] This really helps them relax for the<br>[35:51] last minute. When you're under pressure<br>[35:53] in life, this is what you put on.<br>[36:05] 30 seconds to go.<br>[36:08] We'll have a countdown at 10. And if<br>[36:10] everyone can join in, that'd be great.<br>[36:19] 15 seconds to go.<br>[36:23] You should be finishing up now, team.<br>[36:25] Here we go, everyone. 10 9 8 7 6 5 4 3 2<br>[36:36] 1 Stop the clock. HANDS UP. WOO!<br>[36:47] IT'S OVER. It's okay.<br>[36:49] >> Yeah, it's okay.<br>[36:50] >> Well done.<br>[36:51] >> Let me just give them another huge round<br>[36:52] of applause, Cliff.<br>[36:58] >> Right, it's time to show their work.<br>[37:00] They're going to briefly show you what<br>[37:01] they've built, how they built it, the<br>[37:03] things that went right, the things that<br>[37:04] went wrong, and then we're going to have<br>[37:07] a little vote on who you think, this is<br>[37:09] terrible. We shouldn't do this, but we<br>[37:10] are. We're going to have a little vote<br>[37:11] on who you think is the winner. Okay.<br>[37:13] So, um, AJ, do you want to just show us<br>[37:15] show us your website? Talk us through.<br>[37:17] >> I can show, but it's not good.<br>[37:22] >> Cool. I tried to experiment something.<br>[37:24] Uh, that did work, but uh, not as<br>[37:27] expected, but yeah.<br>[37:28] >> Cool. So it did some manual work where<br>[37:30] you have a header uh full page hero no<br>[37:34] motions for now. Uh it doesn't look good<br>[37:37] but I got the<br>[37:38] >> oh the carousel though right<br>[37:39] >> basic thing working<br>[37:41] like so if you have that's like 2<br>[37:44] minutes you want to carousel like just<br>[37:46] do this<br>[37:47] >> don't do custom coding.<br>[37:50] >> That's pretty good.<br>[37:50] >> Again just copy pasting.<br>[37:52] >> You got two carousels.<br>[37:53] >> Yeah. So I just tried to like<br>[37:56] >> Okay. So, I was here like by the half<br>[37:58] time or something and then I was like,<br>[37:59] "Okay, let's at least get something on<br>[38:00] the page to showcase."<br>[38:02] >> Yeah.<br>[38:02] >> It's not.<br>[38:03] >> You got the dog.<br>[38:03] >> Yeah.<br>[38:04] >> Okay. That's pretty good. AJ, good work,<br>[38:06] man.<br>[38:07] >> Greg, show us your take us through your<br>[38:10] masterpiece.<br>[38:10] >> Uh, so this is the website that I've<br>[38:12] built. Uh, I think I would have<br>[38:14] completed the footer. Uh, but when I<br>[38:17] started, I made a big mistake. I<br>[38:18] accidentally duplicated and deleted the<br>[38:20] menu. So, I had to make the menu again.<br>[38:22] I lost a couple like at least 2 minutes<br>[38:24] there.<br>[38:24] >> Okay. Uh<br>[38:26] >> that looks good.<br>[38:26] >> This is like basically the website.<br>[38:29] Yeah,<br>[38:29] >> I've cloned this same section and used<br>[38:32] it here again and just added the<br>[38:33] background.<br>[38:35] >> Uh for the testimonial section, I didn't<br>[38:38] have this uh lower part. The SVG file<br>[38:40] was not supported. So I just opened<br>[38:42] Illustrator, exported as a PNG, and used<br>[38:45] it here. Uh yeah, the about us looked<br>[38:48] great in the editor, but I did not cross<br>[38:49] check that. So that's a little bit off.<br>[38:52] And<br>[38:53] >> you got the dog. That's it.<br>[38:54] >> The the dog's important. It was a good<br>[38:55] effort.<br>[38:56] >> Dog's important.<br>[38:57] >> This is nice.<br>[38:59] >> Okay, moment of truth. I'm We're going<br>[39:01] to judge this by the loudness of the<br>[39:02] cheer. Uh I'm going to point to a<br>[39:05] player. I'm going to say a player and<br>[39:06] then you're going to cheer whether you<br>[39:07] think they were the winner and then I'll<br>[39:09] be the final judge on who who actually<br>[39:11] got the loudest cheer. Uh so let's start<br>[39:12] with AJ. Who votes for AJ? Cheer.<br>[39:19] >> Pretty good, AJ.<br>[39:20] >> Yeah.<br>[39:20] >> Who votes FOR CRAIG?<br>[39:25] I THINK, you know, on the one hand,<br>[39:27] Craig did great, but then AJ did the<br>[39:29] carousel and the<br>[39:33] >> Should we call it a draw? Is that kind<br>[39:34] of Should we call it a draw?<br>[39:37] >> No, we're going to call it a draw. Well<br>[39:38] done, everyone. We're going to call it a<br>[39:39] draw.<br>[39:40] >> Thank you.<br>[39:44] >> Thanks everyone. Thanks for coming. Hope<br>[39:45] you enjoyed it and we'll see you around<br>[39:47] this afternoon. Thanks everyone. Give<br>[39:48] yourself a joke. Yeah. <!-- deep-read:sections end --> ๐Ÿ“„ **Full text:** ![[Full Document Contents/Articles/WordCamp Asia 2026 WordPress Speed Build.md|WordCamp Asia 2026: "WordPress Speed Build" by YouTube]] ## Highlights - they're trying to build. Um, >> right, Craig, do you want to explain what you're up to? >> So, I'm just uh I just created a page. It's going to be a blank homepage, and that will be like the first landing page that we're going to work on. >> Okay. And right now I'm going to go into the editor and I'll probably edit the header and footer >> to the template that I've set. I'll remove the title right now. >> Yeah. Oh, AJ, something interesting is happening over here. What's going ([View Highlight](https://read.readwise.io/read/01kp8j8myz1v22q8a0h4e5qhz5)) - Tags: ๐Ÿ‘ป ai highlighted - uh this is very basic but I will try to create this basic layout from AI. >> Yeah. >> AJ what about the that hero? >> Yeah this I will create. >> You're you're creating that one. Oh cool. Yeah. Yeah. Great. Okay. Are you going to try the animation as well? >> Uh, for now I would say no. Let's see how it goes. >> Yeah. Right. Let's have a look at uh Craig. >> You are currently working in the header template part I think. Cool. >> Uh, you've had two minutes. I will give ([View Highlight](https://read.readwise.io/read/01kp8j8mzmzqqh7w2fhz2m7625)) - Tags: ๐Ÿ‘ป ai highlighted - Have you told it this? >> I gave him a like a a screenshot. >> Oh, great. Okay. >> Yeah. >> Yeah. Okay. So, this is the exciting moment, right? Here we go. >> Uh then, okay. Let me try to create the layout first. >> What are you What are you doing now, AJ? >> Uh I'm creating a navigation. ([View Highlight](https://read.readwise.io/read/01kp8j8n0911tmq2hkzjkwpdm2)) - Tags: ๐Ÿ‘ป ai highlighted - particular section. Uh it's like four columns. I am not doing the carousel right now because like there's limitations. >> Yeah. >> Uh uh yeah, and I'll just add that button there and that image. So yeah, we should be good to go after that. Is anyone having a go at this at the moment in the room? We've got one here. Any Are you Is anyone else having a go at this in the room? No one else. Okay. ([View Highlight](https://read.readwise.io/read/01kp8j8n25jf41y2pgx9d9e5qs)) - Tags: ๐Ÿ‘ป ai highlighted - They're going to briefly show you what they've built, how they built it, the things that went right, the things that went wrong, and then we're going to have a little vote on who you think, this is terrible. We shouldn't do this, but we are. We're going to have a little vote on who you think is the winner. Okay. So, um, AJ, do you want to just show us show us your website? Talk us through. >> I can show, but it's not good. >> Cool. I tried to experiment something. Uh, that did work, but uh, not as expected, but yeah. >> Cool. So it did some manual work where ([View Highlight](https://read.readwise.io/read/01kp8j8n4enaw6z9fwtr1r1bmw)) - Tags: ๐Ÿ‘ป ai highlighted - you have a header uh full page hero no motions for now. Uh it doesn't look good but I got the >> oh the carousel though right >> basic thing working like so if you have that's like 2 minutes you want to carousel like just do this >> don't do custom coding. >> That's pretty good. >> Again just copy pasting. >> You got two carousels. >> Yeah. So I just tried to like >> Okay. So, I was here like by the half time or something and then I was like, "Okay, let's at least get something on ([View Highlight](https://read.readwise.io/read/01kp8j8n814vh3k8ac739ra544)) - Tags: ๐Ÿ‘ป ai highlighted - the page to showcase." >> Yeah. >> It's not. >> You got the dog. >> Yeah. >> Okay. That's pretty good. AJ, good work, man. >> Greg, show us your take us through your masterpiece. >> Uh, so this is the website that I've built. Uh, I think I would have completed the footer. Uh, but when I started, I made a big mistake. I accidentally duplicated and deleted the menu. So, I had to make the menu again. I lost a couple like at least 2 minutes there. >> Okay. Uh >> that looks good. >> This is like basically the website. Yeah, >> I've cloned this same section and used ([View Highlight](https://read.readwise.io/read/01kp8j8neck584hd7z626kys0d)) - Tags: ๐Ÿ‘ป ai highlighted