CSS

Join us at our next Emacs London meetup held at University College London (UCL) on Tuesday 14 April. A projector will be available, if anyone wants to give a presentation and/or if helpful to share Emacs tips, for some collaborative debugging, etc. We might head to a pub for a drink and/or a nibble afterward. Emacs users of all levels welcome! Interested in Emacs but not really a user? You're more than welcome too! **Call for presentations** Fancy talking about your favourite Emacs package? Proud of your latest Emacs Lisp hack and you want to tell everybody? Anything parenthesis-related that's bugging you? There'll be a monitor waiting for you for a short presentation!

uSwitch is located on the first floor of the ZPG building at 5 Copper Row, London, SE1 2LH, London (Click on the map for directions) What 3 words location: [https://what3words.com/puts.sudden.else](https://what3words.com/puts.sudden.else) The Clojure dojo is a collaborative way to learn Clojure/ClojureScript through practice. The aim is to learn a little more than before you started. This event is for those new to coding through to more experienced developers. We organise into small groups (2-4) people and write code to solve challenges great and small, chosen by those at the event. We aim to ensure someone in your group has some Clojure experience, so you shouldn't feel lost (well no more than all developers do when Stack Overflow is broken). Example challenges for the coding dojo are listed on this website: http://www.londonclojurians.org/code-dojo/ Various past exercises have been loaded to [https://github.com/ldnclj](https://github.com/ldnclj/lisp1.5/blob/master/src/lisp1/5.clj) # Approximate schedule: 18:40 Doors open and start collecting suggestions 18.45 Pizza should have arrived 19:00 Quick intros and vote on suggestions 19:15 Break out into groups and start practising 20:45 Gather together for a quick show and tell # What should I bring? We organise into small groups, so if you have a laptop with a working Clojure environment please bring it along (there are lots of online Clojure environments, so you can just use your browser too). # How do I get in to the building? At the glass doors press the buzzer to inform the security guard you are here. Say you are here for the event on the first floor. Is there way to talk with the Clojure community? Why yes. The Clojurians Slack channel is full of friendly people who love to try and help. People based in London are often in the #clojure-uk channel. Sign up for a free account to the Clojurians Slack community via http://clojurians.net/ What is Clojure? Clojure is a JVM language that has syntactically similarities to Lisp, full integration with Java and its libraries and focuses on providing a solution to the issue of single machine concurrency. Its small core makes it surprisingly easy for Java developers to pick up and it provides a powerful set of concurrency strategies and data structures designed to make immutable data easy to work with. If you went to Rich Hickey’s LJC talk about creating Clojure you’ll already know this, if not it’s well worth watching the Rich Hickey “Clojure for Java Programmers” video or Stuart Halloway “Radical Simplicity” video .

Register: [https://luma.com/z5aztkqh](https://luma.com/z5aztkqh) Calling all developer and graph enthusiasts for an evening of delve into the nuts and bolts of constructing memory-enabled applications that perform at scale. ​**Speakers:** 1. ​**[Aga Kopytko](https://www.linkedin.com/in/akopytko/)**, CTO **[Smabbler](https://www.smabbler.com/)** - *Life-long hypergraph memory* 2. ​**[Yusuf Abdulle](https://www.linkedin.com/in/yusufab/),** PhD **[King's College London](https://www.drive-health.org.uk/) -** *Knowledge graphs and LLMs in rare diseases* 3. ​***[Sefik Serengil](https://www.linkedin.com/in/serengil/),*** *Senior Software Engineer,* ***[Neo4j ](https://neo4j.com/)****\- LLMs can be terrible interns \- but GraphRAG and tools turn them into stars* 4. ​***[Ovidiu Serban](https://profiles.imperial.ac.uk/o.serban),*** *Research Fellow,* **[Imperial College London](https://profiles.imperial.ac.uk/o.serban) -** *How ready are we for Temporal Knowledge Graphs?*

**BOOK HERE**: https://sportas.co.uk/games/46645 **Game Description:** Come and join our badminton session in Canning Town 🔥 Join our whatsapp Group: https://chat.whatsapp.com/LsLjg8CxI8MIxSFb82qkdb Music 🎶 3 courts, social session - the general ability is mid intermediate. There will be spare rackets but please bring your own racket if you do have one. 1 new tube of FEATHERED shuttles will be provided per session, plus a set of Yonex 300 plastic shuttles. 🚪 Getting Into the School 1\. The school is surrounded by a green fence\. 2\. Entrance is near the stone wall\. 3\. At the gate\, find the intercom on the right\-hand side\. 4\. Press the ‘Call’ button and wait for security to respond\. 5\. When the intercom flashes green\, push the gate open\. \-\-\- 🏸 Finding the Indoor Court 1\. After entering\, go through the visitor gate\. 2\. Follow the corridor to the end\. 3\. Look for the yellow double doors – the badminton courts are inside\! \-\-\- 🚻 Facilities 🔹 Changing Rooms & Toilets \- Located outside the court area in the corridor\. \- Male facilities – right\-hand side\. \- Female facilities – left\-hand side\. 💧 Water Points \- There are three water points in the corridor outside the court\. \- Bring a water bottle to use with the water pump\. Enjoy your game! 🏸🔥 **Rules** Games to 21 Max two games on Max one game off

**Morality of Beauty** What if we saw beauty not as decoration, but as a way of encountering reality? Today, it’s often reduced to a commodity—raising a deeper question: what does our relationship to beauty reveal about us? We live in an image-saturated world, yet often remain untouched by the beauty around us. Perhaps we resist being changed, or haven’t learned to look beyond first impressions. Yet beauty is not entirely innocent—it can reveal truth, but also mislead. Must we, then, learn to approach it with care? This discussion explores both its power and its risk **Event details ** We have reserved the Chicester Room in ther pub for us . Please ask for Philosophy cafe at the door and they will direct you . We like to break into small groups and have a healthy discussion about life , philosophy and ideas . We break out into groups of 6 to discuss three questions over 45min to 1 hour; and then spend another 45min feeding back into the main group. The three topics are chosen on the day by vote, and largely derived from suggestions on the day. We welcome new ideas , so please come up with suggestions or topics that you want to talk about . There is no specific topic list and you do not need to read or know anything particular about philosophy . The official time is 7-9: 30 pm , but we usually go into a pub mode after 9:30 pm and continue our discusssions.

We're excited to be back and pleased to say this event is being sponsored by [pgMustard](https://pgmustard.com). On the talks front, we have **Anton Borisov and Vlad Bokov** from Fresha who will take us through how they recently upgraded their fleet with zero-downtime. We will then host our first ever debate, on a topic to be determined! WHERE Join us at **Doggett's Coat and Badge on 14 April from 18:30.** PROGRAM 18:30 Welcome 19:00 Swapping the Elephant Without Breaking the Room: Zero-downtime Major PG upgrades in practice (Anton Borisov and Vlad Bokov, Fresha) - abstract below 19:45 Sandwiches and bar snacks (paid for by our sponsor) 20:00 Debate — topic TBD ABSTRACT **Swapping the Elephant Without Breaking the Room: Zero-downtime Major PG upgrades in practice** Upgrading PostgreSQL across hundreds of production databases without downtime sounds impossible, especially when logical replication slots, Debezium CDC pipelines, and outbox event streams are in play. At Fresha, we faced exactly that: mission-critical workloads still on PostgreSQL 12, and no safe way to reach 17 without freezing the business. This talk walks through how we designed and automated a blue-green upgrade framework using logical decoding, controlled WAL overlap, and connector orchestration. We’ll dive into how Debezium connectors, replication origins, and PgBouncer pools were coordinated to guarantee continuity for both CDC and outbox topics, with rollback and dry-run modes built in. Attendees will learn practical techniques for: * Orchestrating zero-downtime Postgres major upgrades on RDS or self-managed clusters * Managing replication slots and Debezium connectors safely across clusters * Handling sequence alignment, WAL overlap, and connector state transitions * Designing reversible, testable database cutovers This is a practical session from real production experience: no magic tools, just PostgreSQL internals, Debezium, careful planning, and a few well-placed bash scripts. SPEAKERS **Anton Borisov** architects real-time data systems centered on PostgreSQL. At Fresha, he designs zero-downtime migrations, Debezium-based CDC pipelines, and overall data strategy integrating Postgres with Kafka and Flink. His work spans query planning analysis, partitioning and indexing, autovacuum and bloat optimization, and performance tuning under high-concurrency workloads. He also builds downstream lakehouse integrations with Iceberg, Paimon, and StarRocks. Anton publishes technical deep-dives on PostgreSQL internals, streaming infrastructure, and production reliability at medium.com/@borzoniusy **Vlad Bokov** is a Staff Engineer at Fresha working on systems behind activity feeds and communication between partners and customers. He deals with what breaks at scale: PostgreSQL under heavy write load, WAL bottlenecks, replication issues, Kafka pipelines, and zero-downtime migrations. Most of his work is about making production systems behave: fixing what is slow, unstable, or too expensive, and making trade-offs that hold up under pressure. He works across Snowflake, StarRocks, PostgreSQL, Elasticsearch, and Redis, and is currently exploring newer streaming approaches, including Apache Fluss, for real-world workloads. *** THE OFFICIAL BITS The meet-up abides by [PostgreSQL Code of Conduct](https://www.postgresql.org/about/policies/coc/). Postgres, PostgreSQL and the Slonik Logo are trademarks or [registered trademarks of the PostgreSQL Community Association of Canada](https://www.postgresql.org/about/policies/trademarks/), and used with their permission.

## Details 🌞 **CBSN Spring Social – Tuesday 14th April, 6:30 PM onwards** 🌞 Join us for a relaxed spring evening with great company **upstairs** at **The Reliance Pub**, 336 Old Street, Shoreditch, EC1V 9DR. This is a **free** CBSN **social gathering** – not a business event – just good conversation, a friendly atmosphere, and a chance to unwind with other CBSN members and friends. Whether you're a regular or new to the network, you're very welcome. Come for a drink, and stay for the good vibes. 📅 **Date**: Tuesday, 14th April 🕡 **Time**: From 6:30 PM onwards 📍 **Venue**: The Reliance Pub, Shoreditch, EC1V 9DR 🚇 Nearest stations: Old Street, Shoreditch High Street ✅ **It’s free to attend – you can bring a friend. Just let us know how many of you are coming!** * RSVP here on Meetup * Or email us at \*\*[admin@cbsn.co.uk**](http://admin@cbsn.co.uk**) We look forward to seeing you there! **– Yajie, Maggie & Charles**

Hi UmbLondoners, We're having a post Spark social to catch up on everything Spark and to look ahead to Codegarden. If you've never been to one of these types of meetups before, our 'social' events are relaxed, informal evenings. We meet in a designated pub and talk Umbraco, .NET, community activities and more. People are responsible for paying for their own drinks and food (if wanted). We just promise to provide a friendly welcome! We've chosen The Old Thameside Inn Pickfords Wharf Clink St SE1 9DG Please sign up if you think you'll be joining the fun so that we can ensure that we have booked a space big enough for us! Hope to see you all there!

🎉 Come along to the London Scala Talks! 🎉 In this event you'll hear from Haoyi Li, Martin Durchov and Adam Deegan. **Agenda** 6:00pm - 🥤 Doors open. Come along and grab a drink! 6:35pm - 🗣️ Introduction 6:40pm - 🗣️ Haoyi Li: Scripting on the JVM with Scala 7:20pm - 🍕 Intermission: Join us for some free food and drinks! Vegan, vegetarian options are provided. Let us know if you'd like something special - we'd be happy to accommodate. 7:50pm - 🗣️ Martin Durchov: ScalaMeta: Treating Scala code as data 8:10pm - 🗣️ Adam Deegan: Practical Java Interop for Scala Effect Systems 8:30pm - 🥤 Socialising: Grab a drink and let's discuss the talks. 9:00pm - 🍻 Join us in a pub to discuss the talks! 🌐 **This event may have a live stream** Watch this space for more details. **🗣️ Haoyi Li: Scripting on the JVM with Scala** This talk will explore the use of Scala as a scripting language, replacing the Bash and Python scripts common throughout the industry. ⭐ Haoyi Li ⭐ Li Haoyi graduated from MIT with a degree in Computer Science and Engineering, and since then has been a major contributor to the open source community. His projects have over 10,000 stars on Github, and are downloaded over 20,000,000 times a month. Haoyi professionally built distributed backend systems, programming languages, high-performance web applications, and much more. **🗣️ Martin Durchov: ScalaMeta: Treating Scala code as data** Scala source code is usually something we write and hand off to the compiler. But what if we could parse it, inspect it, build it, and transform it all from regular Scala code? ScalaMeta is the metaprogramming library that makes this possible, and it underpins a lot of modern Scala tooling ecosystems: Scalafmt, Scalafix, and Metals are all built on it. In this talk we'll look at what ScalaMeta is, how its AST models Scala programs, and the core operations it provides: parsing, quasiquotes, tree traversal and more. We'll then turn to how we use it at Quantexa, where it powers code generation for our clients. Along the way we'll cover practical patterns that make code generation manageable at scale, and the rough edges you should know about before adopting it yourself. ⭐ Martin Durchov ⭐ I graduated from UCL in 2019 with a MSci in Theoretic Physics and started work in TxOdds, a small company focused on ultra-fast data streaming and processing, where I first encountered Scala, working with Typelevel libraries. Since January 2025 I have been working at Quantexa in the team responsible for data ingestion and processing also relying heavily on the Scala functional libraries and ScalaMeta. **🗣️ Adam Deegan: Practical Java Interop for Scala Effect Systems** Interfacing with a highly autonomous Java library in a functional manner is difficult. In this talk we'll explore the ways in which we've approached this; issues we found along the way; and the trade-offs between purity and pragmatism when there's a runtime which isn't yours to control. ⭐ Adam Deegan ⭐ Adam Deegan graduated from the University of Bristol with a degree in Computer Science in 2021 and has worked at Quantexa ever since. He started off as a Data Engineer and moved into software engineering a couple of years ago, working on the addition of a case management capability. His first true programming love was making Minecraft mods. ———————————————————— 🗣️ Would you like to present, but are not sure how to start? Give a talk with us and you'll receive mentorship from a trained toastmaster! Get in touch through [this form](https://forms.gle/zv5i9eeto1BsnSwe8) and we'll get you started 🏡 Interested in hosting or supporting us? Please get in touch through [this form](https://forms.gle/3SX3Bm6zHqVodBaMA) and we can discuss how you can get involved. 📜 All London Scala User Group events operate under the [Scala Community Code of Conduct](https://www.scala-lang.org/conduct/). We encourage each of you to report the breach of the conduct, either anonymously through [this form](https://forms.gle/9PMMorUWgBnbk1mm6) or by contacting one of our team members. We guarantee privacy and confidentiality, as well as that we will take your report seriously and react quickly.

IMPORTANT - PLEASE READ! Welcome to the Highest Rated International Language Exchange group in London,🏆 with 1600+ reviews rated 5 stars ⭐⭐⭐⭐⭐ Join us on **Friday** for our weekend global language exchange and social 😊🍻🥂 TO ATTEND THIS EVENT YOU **MUST**👇👇 1. Have your Meetup confirmation visible on your phone when you arrive. 2. Collect & wear your badge as soon as you arrive and always BEFORE buying your drinks and food. 3. Pay the £2 event fee. The event starts at 7pm. **The event fee is £6 if you arrive after 8:30pm** Start meeting the community and having fun...lots of fun! www.languages.london 🇬🇧🇪🇸🇫🇷🇯🇵🇮🇹🇩🇪🇮🇳🇨🇳🇧🇷🇰🇷🇪🇬🇭🇰🇺🇸🇨🇴🇺🇦🇹🇷🇷🇺🇦🇺 WHEN & WHERE This Friday we'll be returning to The Craft Beer Co, St Mary Axe.** **Address: 29-31 Mitre Street, London, EC3A 5BU** https://maps.app.goo.gl/49HnHGap8hQMbQNWA **HOW WE DO IT** It's simple .... \~ When you arrive please collect your personalised language badge from us. We'll be waiting to give you a warm welcome 😃 \~ Please wear your badge during the event and always return it before you leave ♻️ \~ Start meeting the community and having fun...lots of fun! Please buy something from the bar to support the venue, who kindly offer us a dedicated space. 🇵🇱🇹🇼🇲🇽🇻🇳🇧🇬🇵🇸🇸🇪🇮🇱🇨🇦🇳🇱🇿🇦🇭🇺🇹🇭🇵🇪🇧🇴🇳🇬🇳🇿🇨🇭 **WHO** Languages in London events are organised for our community - being social, making new friends, building cultural bridges and always very relaxed. We have the largest number of languages and countries represented in our weekly language exchange and social events in London. This is **not** a dating event. Our events are open to Internationals, Locals, Expats, Students, Travellers..... Everyone! Are you an 18 to 24 year old? Come and explore our events. This is the event for a truly global community and for citizens from around the World. Is this the Intercambio you've been looking for? Want to practice your ingles, espanol , francais, italiano, Deutsch, portugues or other European languages? Asian languages ? Or maybe prefer to only speak English.... that's just fine. **All languages and all fluency levels are welcome** Spread the love...Bring your friends 💙 The creator and organiser of **Languages in London - Girish**, will always be visible at the event and there to support you and help with introductions, if you prefer. We want to remain the BEST language events group in London, being the biggest isn't our focus. These are real events with real people. We don't fill our events with inflated numbers and fictitious attendees 👻 **Community members that no-show at our events and inactive members are regularly removed from our group.** **LANGUAGES** Here's a selection of some of the languages that our community speak or have been practicing ... English, Spanish (incl Latin American), French, Italian, Portuguese (incl Brazilian), German, Japanese, Chinese (Mandarin & Cantonese), Russian, Korean, Hindi, Turkish, Arabic, Ukrainian, Polish, Hebrew, Swedish, Bulgarian, Vietnamese, Hungarian, Bengali, Dutch, Catalan, Farsi, Greek, Urdu, Welsh, Romanian, Norwegian, Czech, Slovakian, Estonian, Danish, Finnish, Turkmen, Latvian, Lithuanian, Nepali, Yoruba, Filipino, Thai, Albanian, Croatian, Serbian, Ebo, Afrikaans, Tamazight, Tagalog, Creole, Malagasy, Mongolian, Tok Pisin and more... you get the idea! 🇷🇴🇬🇹🇨🇿🇳🇴🇩🇰🇫🇮🇨🇾🇺🇾🇪🇬🇧🇬🇦🇷🇰🇪🇱🇰🇲🇦🇹🇳🇩🇿🇸🇬🇲🇾 **SUSTAINABLE** 🌎🌳 Like you, we really care about our planet. We don't like single use paper name tags, stickers or wristbands as they can't be reused or recycled and can even damage your clothing ☹️ The Solution? ...Our personalised and completely reusable Languages in London badges! 🏆👍 So, please make sure you return your badge to us, before you leave the event. We'll sanitise it (anti bacterial & disinfectant cleaners) and use it again & again & again. Thanks for helping us do the right thing and keep our costs down🙏 **SAFE SPACE FOR EVERYONE** 👮‍♂️ We don't tolerate prejudice or harassment of any kind, at any time. Be polite and respectful to everyone else and they will reciprocate. Let's keep the space safe, welcoming for everyone and free of any political agendas. Please report any concerns to the Organiser immediately. Please look after your belongings, the venue is a public place. We may take photos or video at the event for future promotional use. Let us know if you'd rather not be included, we respect your choice 📸 **SPREAD THE WORD** 🗣️💬 If you enjoy our events, please tell your friends and colleagues and help us grow **your** community, thank you ♥️ Join our community - https://www.languages.london/ We're looking forward to welcoming you at Languages in London 😊👋 🇲🇰🇳🇵🇧🇩🇵🇭🇦🇪🇦🇱🇧🇪🇮🇪🇰🇿🇱🇦🇯🇴🇱🇹🇱🇻🇪🇪🇰🇭🇨🇱🇲🇳🇨🇺

**BOOK HERE**: https://sportas.co.uk/games/46673 **Game Description:** Come and join our badminton session in Canning Town 🔥 Join our whatsapp Group: https://chat.whatsapp.com/LsLjg8CxI8MIxSFb82qkdb Music 🎶 3 courts, social session - the general ability is mid intermediate. There will be spare rackets but please bring your own racket if you do have one. 1 new tube of FEATHERED shuttles will be provided per session, plus a set of Yonex 300 plastic shuttles. 🚪 Getting Into the School 1\. The school is surrounded by a green fence\. 2\. Entrance is near the stone wall\. 3\. At the gate\, find the intercom on the right\-hand side\. 4\. Press the ‘Call’ button and wait for security to respond\. 5\. When the intercom flashes green\, push the gate open\. \-\-\- 🏸 Finding the Indoor Court 1\. After entering\, go through the visitor gate\. 2\. Follow the corridor to the end\. 3\. Look for the yellow double doors – the badminton courts are inside\! \-\-\- 🚻 Facilities 🔹 Changing Rooms & Toilets \- Located outside the court area in the corridor\. \- Male facilities – right\-hand side\. \- Female facilities – left\-hand side\. 💧 Water Points \- There are three water points in the corridor outside the court\. \- Bring a water bottle to use with the water pump\. Enjoy your game! 🏸🔥 **Rules** Games to 21 Max two games on in a row Max one game off in a row

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

Dinner and dancing

Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

Come out to Improving for our monthly iOS and Mac meetings. This Month's Presentation: Nothing yet. (You should volunteer). What is Cocoaheads (http://cocoaheads.org/)? CocoaHeads is a group devoted to discussion of Apple Computer's Cocoa Framework for programming on MacOS X and iOS (including the iPhone, iPad and Apple Watch). During monthly meetings, members present on their projects and offer tutorials on various programming topics. What is BuckeyeCocoa (http://buckeyecocoa.org/)? BuckeyeCocoa is a group of Objective-C/Swift developers/enthusiasts. We host monthly Cocoaheads and near-weekly NSCoder meetings in Columbus, Ohio. The meetings are free to attend. Presentations! Presenters welcome! We are always in need of people willing to present material. Any Swift and/or Objective-C related topic is welcome. Times can be 5 minutes (i.e. lightning talks) to a maximum of 2 hours. Interested? Contact info is on the BuckeyeCocoa website. To volunteer for a presentation contact us at @BuckeyeCocoa on Twitter. Follow us on Twitter! @BuckeyeCocoa (https://twitter.com/#!/Buckeyecocoa/) For more information: http://buckeyecocoa.org/

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.