Skip to content

HTML5

Meet other local people interested in HTML5: share experiences, inspire and encourage each other! Join a HTML5 group.
pin icon
31,977
members
people1 icon
21
groups

Frequently Asked Questions

Yes! Check out html5 events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.

Discover all the html5 events taking place this week here. Plan ahead and join exciting meetups throughout the week.

Absolutely! Find html5 events near your location here. Connect with your local community and discover events within your area.

HTML5 Events Today

Join in-person HTML5 events happening right now

Greek Dinner EAST MALVERN
Greek Dinner EAST MALVERN
Breakfast FAIRFIELD
Breakfast FAIRFIELD
Turkish Lamp Workshop
Turkish Lamp Workshop
**\*\*\*This is a pre-booking event. Please visit [artmasterclass.com.au](https://www.artmasterclass.com.au/) choose your lamp, use the MEETAMC10 coupon code, and make a reservation.\*\*\*** Join us for a hands-on workshop where families can learn the art of creating beautiful Turkish lamps together. This unique and engaging class will guide parents and kids through crafting intricate and colorful lamps. No prior experience is required, as our expert instructors will provide step-by-step instructions on design, assembly, and decorating techniques. This workshop is perfect for families and friends to bond, unleash their creativity, and take home a stunning handmade craft that can brighten any room. Come discover Turkish lamp-making's magic with your little ones in a fun and supportive environment. In this 2.5-hour workshop, you'll lose track of time and end up with a beautiful lamp to take home!
[FREE] Weekly English Class & Community Meetup
[FREE] Weekly English Class & Community Meetup
Join us for a friendly and relaxed English meetup in South Melbourne! This gathering is perfect for anyone who wants to practise English, meet new friends, and feel part of a welcoming community. Whether youโ€™re an international student, new to Melbourne, or simply looking to connect with others, youโ€™ll find a supportive space to learn and grow. Each week, we run **two simple sessions**: **Daily English**, where you learn useful everyday vocabulary, and **Learning English from the Bible**, where we explore short passages in clear, beginner-friendly English. Youโ€™ll also meet people from different cultures and enjoy meaningful conversations in a warm, inclusive environment. Come along, make new friends, and enjoy learning English in a place where everyone is welcome. Weโ€™d love to meet you!
Sunday Pickleball @ Melbourne Central *Read description* RMIT PKBL CLUB
Sunday Pickleball @ Melbourne Central *Read description* RMIT PKBL CLUB
๐Ÿ“ข **New Member?** โค๏ธ *Click โ€˜**Read More.**โ€™* ๐ŸŽพ **Paddle & Ball Provided** ๐ŸŽพ ๐Ÿ’ฒ **Payment Link**: Posted in the comment section 2-3 days before each session ๐Ÿ’ฒ ### โœ… **Who Can Join** โœ… * This event is open to RMIT students and the Public * To play in this event, you need to be an RMIT Pickleball Club member 2026 - [https://store.rmit.edu.au/pages/club/pickleball](https://store.rmit.edu.au/pages/club/pickleball) * RMIT students can sign up using an RMIT account to get student benefits; for benefits, check our [Instagram](https://www.instagram.com/rmit_pickleball/). * This event is open for all ages, genders, and skill levels * First-timers, beginners, intermediate, and advanced players up to DUPR 5.0 are usually expected. * Pro players are more than welcome to come and join * Minors under 18 (if not RMIT Students) are required to be accompanied by a guardian. \#\#\# โœ… **How to Join the Session** โœ… 1. Sign up to the waitlist. Everyone is on the waitlist until the event is finalised. 2. Wait for us to change your RSVP to "Going". 3. Wait for the payment link to appear in the comments below. We usually post it 1-3 days before the session. 4. When your RSVP status has changed to "Going", you can pay for the ticket. **โš ๏ธAny tickets you purchased while on the waitlist are not valid. Invalid tickets are ineligible for refunds.** \#\#\# โœ… **Priority Waitlist** โœ… 1. Meetup profile with first and last names. 2. Meetup profile with a clear, recognizable photo with 50-70% of the area covered by face. e.g., LinkedIn/passport photo. 3. RMIT Student Priorityโ€”message in group chat. 4. Players with a DUPR rating of 3.0+ who have been and will be playing round-robin with us. 5. Regular players who attend multiple times each week and focus on improving their skills will receive priority. \#\#\# โœ… **What to Bring** โœ… * Paddles & Balls will be provided ๐Ÿ“๐ŸŽพ * Wear comfortable sports/running shoes. ๐Ÿ‘Ÿ * Outdoor Tennis shoes are perfect. ๐Ÿ‘Ÿ * Bring your own water/energy drink & towel ๐Ÿ’ง๐Ÿงด * No onsite toilet or water fountain is available. * The nearest public toilet (Melbourne Central) and water fountain (IGA/RMIT Tram Stop) are 3-5 minutes from the court. ๐Ÿš— **Parking**: Paid parking is available 3-5 walk from court. Check IGA @ 58 Franklin St, [Kim Lim Parking](https://www.parkopedia.com.au/parking/kim_lim_parking/) @ Abeckett St, or [Parkopedia](http://parkopedia.com.au/) for more options. \#\#\# โœ… **On the Day** โœ… * Complete and sign the player waiver before starting any activity (if not already done). * New players should introduce themselves to the host. * **New players who want to learn the rules** come when the event starts and politely ask the hosts to join an introductory quick course. * Hosts will check tickets on the day. Please have tickets ready * Social play is for everyoneโ€”please assist the host with setting up and closing the session. ๐Ÿ‘ฉโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ \#\#\# ๐Ÿ“ข **FAQ** ๐Ÿ“ข * We do not use Meetup messages for communication. * Payments are processed via the provided link (no cash, Pay ID, or bank transfers). * Initially, everyone is on the **waitlist** until the event is finalised. * Pay only when you are marked as **going** on Meetup; otherwise, payment is invalid. * The payment gateway and **paid status** on Meetup are not connected. Everyone shows unpaid. * RSVP does not confirm your spot until payment is made. * If you canโ€™t attend, please update your RSVP as โ€˜**Not Going**โ€™ to free up a spot for someone else. * Failure to update your RSVP results in a "**No Show**," which affects your future participation priority. * Payments should be made at least **24 hours before** the event. * If you canโ€™t find the payment link, contact us via **Facebook chat** * Sometimes, payments are on hold due to uncertainties such as court availability or rain. You don't need to find the old payment link and make a payment; ask us on Facebook chat. \#\#\# โœ… **Cancellations & Refunds** โœ… * Full refunds can only be arranged due to event cancellations, including poor weather conditions or court availability. * Credits for future events are available with mutual agreement only in case of event cancellation; you purchase any ticket after we ask you to make payment. * No refunds for changes of mind, inability to attend, or no-shows. * Please buy tickets only when the payment link is shared. Any payments made before this are at your own risk. * There are no refunds if you make a payment out of violation using the old link while we are holding the payment link as the court is not available due to rain or some other reason. Pay only when we share links; if you have any queries, ask in Facebook chat. \#\#\# ๐Ÿ“ข **Game Rules** ๐Ÿ“ข * Serve always starts from the right side. * The serving team swaps positions after earning points. * Points are only earned when serving. * Games are typically played to 11 points, win by 2, and capped at 15 points. * More detailed rules available on YouTube/Google. \#\#\# ๐Ÿ“ข **Disclaimer** ๐Ÿ“ข Participation in Melbourne Social Pickleball involves inherent risks, including personal injury, disability, or other harm. By attending, you accept all risks, and Melbourne Social Pickleball and its affiliates are not liable for any claims.
Rรฉunion, dimanche 01 fevrier, KereKere cafe, Fitzroy Gardens, East Melbourne,
Rรฉunion, dimanche 01 fevrier, KereKere cafe, Fitzroy Gardens, East Melbourne,
We will get-together at the KereKere cafe - at the community table just inside the cafe entrance. *This is a group for people with intermediate and advanced level French who are able to engage in a conversation en franรงais. It is not suitable for beginners.* The cafe is close to the corner of Wellington Parade and Lansdowne St, East Melbourne in the Fitzroy Gardens. It takes about 5 minutes on Tram 75 from Flinders St Station, or 15 minute walk. Car parking around Fitzroy Gardens on Sundays now is $2 per hour with a 4 hour limit, Some parking is limited to 1 hour even on Sunday. And occasionally, if there is a game at the MCG for example there might not be much parking at all. Price: The event fee is $4.00 - cash necessary! . and please be sure you are a member of MyFrenchLife.org before attending reunion - merci https://www.MyFrenchLife.org. The event fees are transferred to MyFrenchLife contributing to the meetup platform - thank you. ร€ bientรดt ! Veronica and Daniel Rรฉunion Hosts MyFrenchLife.org

HTML5 Events This Week

Discover what is happening in the next few days

๐Ÿ’ƒ Free Salsa Class for Absolute Beginners in Melbourne CBD! ๐Ÿ•บ
๐Ÿ’ƒ Free Salsa Class for Absolute Beginners in Melbourne CBD! ๐Ÿ•บ
Ready to add some rhythm to your week? Join us for a **FREE Salsa class** right in the heart of Melbourne! No partner or experience needed โ€” just bring your energy, and weโ€™ll handle the rest. Youโ€™ll learn the basic steps, meet amazing people, and have a ton of fun while moving to Latin beats. โœจ **What to expect:** * Easy, step-by-step instruction โ€” perfect for first-timers * A fun and welcoming community * Great music, great vibes, and maybe a new obsession! ๐Ÿ“ **Location:** 600 Little Collins St, Melbourne CBD (The Salsa Foundation Studio) ๐Ÿ•• **When:** Multiple sessions weekly โ€” book your spot now! ๐ŸŽŸ๏ธ **Cost:** 100% Free โ€” bookings are essential due to limited space
Volleyball Social Games - Intermediate (UNIMELB)
Volleyball Social Games - Intermediate (UNIMELB)
Welcome to Melbourne Volleyball Academy! **[[WHAT]]** This session is for social volleyball games where there will be 3 teams of 6 per court across 3 courts. Please arrive on time as there will warm-up time provided for 20-25 minutes at 1 PM while the hosts set up the nets. Games will be played to 15 points, teams will queue in and fill into the next game where possible after playing 2 games in a row. **[[WHO]]** The session is intended for social volleyball players at the intermediate level. Players should: * Understand basic volleyball rules (3 touches, foot faults, etc.) * Call for the ball when playing and communicate well * Ready to learn (or already know) 5-1 system * Efficient in passing/hitting/setting/serving * Have minimal unforced errors (missed serves, etc..) * Have control over their play around the net and centre line If you are uncomfortable with the base fundamentals, we recommend coming to our beginner training sessions on Friday 6-9PM or Saturday 2-5PM. **[[HOW MUCH]]** $21 card payment will be collected on the day via square (EFTPOS) payment. Payments will be collected prior to game play during warm up. **[[WHEN]]** Sunday afternoon from 1 PM- 4 PM. However, feel free to come early and stretch as Unimelb Sport is open earlier. **Last minute dropouts and no-shows will have a zero-tolerance policy going forward.** All players are expected to update their RSVP at least 24 hours in advance if they are unable to attend. This applies to players on the going list and the waitlist. **[[THINGS TO BRING]]** We ask that you bring * Water bottle * Appropriate footwear for indoor court shoes - netball shoes, volleyball shoes, or basketball shoes would be suitable. * Wear contacts or sports glasses **[[OTHER DETAILS]]** Only those on the โ€œgoingโ€ list are permitted to play. If you are on the waitlist, or not registered at all, you will not be permitted to play.
Melbourne Walk and Shoot Photography Exhibition 2026 (Confirmed)
Melbourne Walk and Shoot Photography Exhibition 2026 (Confirmed)
To help ensure we operate in a safe and inclusive manner we ask all members and guests to abide by the following guidelines [https://docs.google.com/document/d/11Tlklt2nqT-B8RnDaxvmZv8vsGXy3w8rVpiArNf_-f8/edit?usp=sharing](https://docs.google.com/document/d/11Tlklt2nqT-B8RnDaxvmZv8vsGXy3w8rVpiArNf_-f8/edit?usp=sharing) \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **UPDATE - INFORMATION ON HANGING YOUR IMAGES ON 31 JAN** *Please bring your images and labels to the venue at Art Lark 325 Koornang Road, Carnegie on Saturday 31 January from 1pm to 3pm. Once you hang them you are free to leave. I will be there to help out and we will provide you with magnets to put your images up.* \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **All members are invited to the exhibition!!** *All members are welcome to come along to support those who have participate. If you plan to come along to see this exhibition, please RSVP as I am planning to get some light snacks for the event.* \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **SCHEDULE** **31 January 2026 (Time to hang your images)** **Time:** 1pm to 3pm **Venue**: Art Lark 325 Koornang Road, Carnegie **What to do**: Bring your printed images to the venue and hang them on the wall. Magnets will be provided to you at the venue and you can leave after hanging your prints. **1 February 2026 (The day of the Exhibition)** 3.00pm: Exhibition opens. Enjoy the exhibition, chat with members and participants, share stories about the images, enjoy the light snacks. 4.00pm: Welcome and introduction about the exhibition 4.30pm: Continue to enjoy the exhibition 6.00pm: Exhibition ends (participants to please remove the prints) \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **Big News, MW&S Friends!** Weโ€™re so excited to announce our first photography exhibition in over 8 years! ๐ŸŽ‰ Itโ€™ll showcase amazing images taken during our 2024 & 2025 group events. *The main aim of this exhibition is for our members to showcase images taken at our events. Following some enquiries from a few members, and given you are highly skilled photographers, I am adding an **Open Section** for those who already have at least one image of shots taken at our events. See below for details on the Open Section.* **๐Ÿ—“๏ธ Exhibition Details** \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- โœจ **How to Participate** We need at least 40 prints to make it happen! ยท Applications open: 15 Nov 2025 ยท Applications close: **15 January 2026** ยท Entry fees: A4 $10 \| A3 $15 ยท Members only โ€” images must be from MW&S events (2024โ€“2025) ยท ***Please print your images and accompanying information for each image. We will definitely go ahead with this event.*** ยท Prints must not be framed. ยท You may print your images at home, Officeworks, or via a professional printer (borders allowed). ยท Hang your own prints on 31 January 2026 (1pm to 3pm). **Just bring your prints to the venue and we will have magnets for you to put them up. No need to use blu tack anymore.** ยท Label each image with photographerโ€™s name, title, and a brief description (100mm x 200mm). **Open Section** * To be eligible to enter in the Open Section, you must have at least one image taken at our MWS events in 2024-2025. * Images in the Open Section can be taken in your personal time and place outside the MWS events. They could be images that are your personal favourites. * "How to participate" applies to this section. * Add "Open Section" on your label for these images. \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- ๐Ÿ“ฌ **How to Apply** Email me and include: 1๏ธ Your full name 2๏ธ Your email address 3๏ธ The number of images youโ€™d like to submit *(email only when you are ready to pay to participate in this exhibition).* ๐Ÿ’Œ **Email address**: rowantan28@gmail.com \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- **๐Ÿ’ฐ Payment Details** **Account Name**: Rowan Tan **Bank**: **BSB**: **Account Number**: (Include your full name + โ€œMW&S Exhibitionโ€ in the reference) **\*Important\* Refunds apply only if the exhibition is cancelled.** \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- **๐ŸŒŸ Extra Info** ยท All proceeds help cover event costs (plus prize and light refreshments ๐Ÿง) ยท The Peopleโ€™s Choice image wins a special prize ๐Ÿ† โ€“ donโ€™t forget to vote at the event. ยท Surplus funds go toward next yearโ€™s Meetup subscription Letโ€™s make this a fun, creative, and memorable event together! If you don't usually process your images with Lightroom or have taken your images with your phone, don't let these hold you back from participating. ๐Ÿ™Œ We canโ€™t wait to see your photos on display! Thanks Catherine for helping me put these words together. Rowan
Volleyball Training and Games - Intermediate - B Level (SNHC)
Volleyball Training and Games - Intermediate - B Level (SNHC)
Welcome to Melbourne Volleyball Academy! ๐Ÿค— **[[WHAT]]** This session will be broken into 2 halves, 1st half is training and the 2nd half is games. Please arrive on time as we will start exactly at 5:30 PM. Our intention is to have this training be the 'next step' after our beginner-level training at North Melbourne Community Centre. We will be focusing on learning what specific roles on the court entail, improving 'volleyball IQ', breaking bad habits, and building better techniques. **[[WHERE]]** The session will be held as State Netball Hockey centre. Please enter via the main entrance (the entrance with the larger parking lot), we will be on Court 3 & 4, please ask the person at the front desk if you need directions. **[[WHO]]** The training is intended for social volleyball players at the intermediate level or 'B' level (for more details on volleyball levels, please visit our site here: https://melbournevolleyballacademy.com.au/skill-levels-explained). Players are expected to: * pass freeballs and serve receive consistently * have some knowledge of 5-1 (1 setter all around) or 6-2 (back row setter only) systems * help others and have good sportsmanship If you are a high intermediate (BB) or advanced player (A) you are more than welcome to join but you may find our open play sessions for BB/A level players more suitable. For players that are at the beginner level, we suggest attending our training on Fridays at North Melbourne Community Centre 6-9PM as beginners may find the drills and level of play too difficult. Players will be asked to attend a different session if their play is deemed unsafe or if they are not of the appropriate skill level. **[[HOW MUCH]]** $21 card payment will be collected on the day via square (EFTPOS) payment. **[[WHEN]]** The stadium is booked for 5:30 PM - 8:30 PM. However, feel free to come early and stretch as the stadium is open earlier. **Last-minute dropouts and no-shows will have a zero-tolerance policy going forward.** All players are expected to **update their RSVP at least 24 hours** in advance if they are unable to attend. This applies to players on the going list and the waitlist. **[[THINGS TO BRING]]** We ask that you bring: * Water bottle * Appropriate footwear for indoor court shoes - netball shoes, volleyball shoes, or basketball shoes would be suitable. * Wear contacts or sports glasses if possible. **[[OTHER DETAILS]]** Only those on the โ€œgoingโ€ list are permitted to play. If you are on the waitlist, or not registered at all, you will not be permitted to play.
After parade rooftop social (Pride Centre) + Gay on lawn (Poof Doof) - FREE
After parade rooftop social (Pride Centre) + Gay on lawn (Poof Doof) - FREE
***This is TWO events in ONE! Please READ ALL event description!!*** Celebrate Pride March with an epic after-party on the stunning rooftop of the Victorian Pride Centre! Starting off with rooftop social at Vic Pride Centre, you can purchase a sausage sizzle ($3.50). There'll be performances, djs and more put on by Pride Centre. Arrival from 1pm until 4pm (actual event finishes at 6pm). Oscar will hang out until 5pm. Others may hang out as well. **Then from 4pm we will head over St Kilda Sport Club for a day on the lawn. Around 8pm we will wrap up but event goes until 9pm.** Features Djs, drag, lawn bowls, markets plus more. This is also FREE. Please leave dogs at home. That way you're able to connect and isn't quite the space or event for them. I'll be in all Rainbow to meet and greet you from 1pm. Oscar will arrive from 3pm. There isn't an intention to meet for the parade. People can watch this if they like. RSVP, bring your best, connect in year 2026!

HTML5 Events Near You

Connect with your local HTML5 community

HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 04 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 04 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
**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.
Web Design Decoded: Tools, Practices, and Proven Processes (Semantic HTML)
Web Design Decoded: Tools, Practices, and Proven Processes (Semantic HTML)
**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**
Page Building with Bricks (Class 01 of 10) (FEE BASED)
Page Building with Bricks (Class 01 of 10) (FEE BASED)
**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming. 2. Each class in this series has an attendance fee. 3. Each class from BOTH a sign-up and fee perspective is a separate entity. **Introduction:** Our Page Building with Bricks web development class provides detailed instruction for using Bricks Builder, a visual site builder for WordPress, to create and manage websites. Widely considered by many of the world's leading web developers to be the most complete page builder on the market today, Bricks Builder offers a wide range of features and comprehensive tools. Our Bricks Builder web development class provides detailed instructions on utilizing the toolset. The series of courses covers the core features of Bricks Builder, enabling users to design and develop responsive, visually appealing websites. Moreover, the courses are oriented to reinforce a focus on professional, scalable web development. Throughout the series, we focus our page-building instruction on the semantic and structural integrity of the pages in a responsive world. By the end of the 10-class series, participants will have a fundamental understanding of proper web page and website development. **The breakdown of the 10-class series is as follows:** * Class 01 - Survey of Page Builders / What Bricksbuilder Does For You * Class 02 - Boxes, Boxes, Boxes / Sections / Containers * Class 03 - Static Units / Relative Units / Responsive Development And Math Functions * Class 04 - CSS Variables And DRY Development / Classes And Global Styling * Class 05 - CSS Grid And CSS Flexbox * Class 06 - Responsive Development / Breakpoints And Media Queries * Class 07 - Effective Use Of Color / Effective Use Of Images * Class 08 - Beginning To Think Dynamically / Using Templates And Components * Class 09 - Dynamic Styling / Data Attributes And Attribute Selectors * Class 10 - Pseudo Elements / Programmatically Styling With Pseudo Classes Throughout the class sessions listed above, we cover the following key areas of web development with Bricks Builder: * **Introduction to Bricks Builder Interface:** * Familiarization with the builder's layout, including the toolbar, panel, and canvas, and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Bricks' drag-and-drop interface, incorporating sections, rows, columns, and elements to build page structures. * **Styling and Design:** * Utilizing Bricks' styling options to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts. * **Dynamic Content and Custom Fields:** * Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box) to build data-driven websites. * **Template Building:** * Creating and managing reusable templates for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Bricks Builder contributes to fast-loading websites and implementing performance best practices. * **Advanced Features:** * Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality. The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Bricks Builder, catering to both beginners and experienced web developers.
Columbus PHP: Monthly Meetup
Columbus PHP: Monthly Meetup
Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm