DEV Community: Marius Lancha

Simple Html showcase

Marius Lancha — Tue, 23 Jun 2026 22:49:00 +0000

Just completed a simple Photo Showcase project using HTML5! 📸🎥
In this project, I practiced:
✅ Semantic HTML structure
✅ Displaying images with accessibility-friendly alt text
✅ Using figure elements for media organization
✅ Embedding videos with custom poster images
✅ Creating a clean multimedia gallery layout
Small projects like this help strengthen the fundamentals and build confidence in web development.

HTML #WebDevelopment #FrontendDevelopment #CodingJourney #LearningToCode #100DaysOfCode

HTML SEMANTIC FORM

Marius Lancha — Mon, 22 Jun 2026 19:55:47 +0000

Just completed a simple Contact Form project using semantic HTML. 🚀

Practiced form validation, accessibility attributes, fieldsets, radio buttons, checkboxes, and proper form structure.
check it out: https://roadmap.sh/projects/contact-form/solutions?u=692b40fcbd486ea4603c8bea

HTML #WebDevelopment #FrontendDeveloper

CSS Polished Landing Page

Marius Lancha — Mon, 22 Jun 2026 19:17:41 +0000

From raw HTML to an interactive landing page.
Today's progress:
• Semantic HTML structure
• Flexbox layout
• Dark theme styling
• Custom button states
• Card animations with keyframes
• Email signup section
Next:
→ Mobile responsiveness
→ UI polish
→ Accessibility improvements
Follow to see the finished landing page and the lessons learned while building it. ⚡
Github: https://lnkd.in/erAwUwQG

WebDevelopment #FrontendDeveloper #CSS #HTML

Blog Post Page

Marius Lancha — Thu, 18 Jun 2026 22:45:03 +0000

🚀 Just completed a Semantic Blog Post Page from roadmap.sh using HTML5! Check it out: https://roadmap.sh/projects/blog-post-page/solutions?u=692b40fcbd486ea4603c8bea

In this project, I practiced:

✅ Semantic HTML elements

✅ Article and blog structure

✅ Images with captions

✅ Quotes and citations

✅ Inline and block code snippets

✅ Accessibility-focused markup

Learning semantic HTML is helping me build cleaner, more accessible, and more maintainable web pages.

Every small project is another step toward becoming a better frontend developer. 💻

HTML #WebDevelopment #FrontendDevelopment #SemanticHTML #LearningToCode #freeCodeCamp #CodingJourney

PRICING COMPARISON TABLE

Marius Lancha — Wed, 17 Jun 2026 22:12:40 +0000

🚀 Just completed a simple HTML Pricing Comparison Table project from roadmap.sh check it out: https://lnkd.in/esx5GrVQ
In this project, I practiced:
✅ Semantic HTML
✅ Accessible tables
✅ Table captions and headers
✅ , , and
✅ Proper use of row and column scopes
Small projects like this are helping me strengthen my HTML fundamentals and write more accessible web pages.

HTML #WebDevelopment #FrontendDevelopment #100DaysOfCode #CodingJourney #LearningToCode #freeCodeCamp #SoftwareDevelopment

Age Calculator

Marius Lancha — Mon, 15 Jun 2026 22:50:43 +0000

Built an Age Calculator with HTML, CSS, JavaScript, Luxon, and Flatpickr. 🎉

The app calculates a user's exact age in years, months, and days using a custom datepicker and includes validation for a better user experience.

A great project for practicing JavaScript date handling and DOM manipulation.

check it out🚀:https://roadmap.sh/projects/age-calculator/solutions?u=692b40fcbd486ea4603c8bea

JavaScript #FrontendDevelopment #WebDevelopment #Coding

Accordion

Marius Lancha — Sat, 13 Jun 2026 21:23:04 +0000

🚀 Just built an Accordion FAQ Component using HTML, CSS, and JavaScript!
Practiced:
DOM Manipulation
Event Handling
Interactive UI Development
Accordion Logic (single section open at a time)
check it out: https://lnkd.in/eqJMheNs
Small projects like this continue to sharpen my frontend development skills.

HTML #CSS #JavaScript #FrontendDevelopment #WebDevelopment #Coding

Restricted Textarea

Marius Lancha — Fri, 12 Jun 2026 22:04:32 +0000

🚀 Just completed a Live Character Counter project using HTML, CSS, and JavaScript!

Features:

✅ Real-time character counting

✅ Input validation with a 250-character limit

✅ Dynamic UI feedback when the limit is reached

A great exercise for practicing DOM manipulation, event handling, and user input validation. From roadmap.sh, check it out: https://roadmap.sh/projects/restricted-textarea/solutions?u=692b40fcbd486ea4603c8bea

HTML #CSS #JavaScript #FrontendDevelopment #WebDevelopment #Coding

Cookie Consent

Marius Lancha — Thu, 11 Jun 2026 22:14:52 +0000

Just completed a Cookie Consent Popup project form roadmap.sh using HTML, CSS, and JavaScript!

Check it out: https://lnkd.in/eH3hbz3y

This project helped me practice:

DOM Manipulation

Event Handling

Interactive UI Development

Responsive Design

Users can accept or dismiss the cookie consent popup with simple JavaScript functionality.

Small projects like this are a great way to strengthen frontend development fundamentals. 💻

HTML #CSS #JavaScript #FrontendDevelopment #WebDevelopment #Coding #OpenToWork #LearningByBuilding

tabs UI

Marius Lancha — Wed, 10 Jun 2026 22:38:38 +0000

🎯 Built my first interactive tabs component!

Just completed a tabs UI project with HTML, CSS & JavaScript. Simple but effective - clicking buttons to show/hide content from roadmap.sh.

Learned a lot about DOM manipulation and how frontend pieces work together 🚀Check out the link: https://lnkd.in/e5MzNrve

FrontendDevelopment #JavaScript #Learning #WebDevelopment

Grid Image Gallery

Marius Lancha — Sun, 07 Jun 2026 22:28:39 +0000

Built this responsive image gallery layout using only HTML and CSS Grid form roadmap.sh.
Focused on creating a clean masonry-style design with varying image sizes while maintaining a balanced and responsive layout.
Small project, but a great exercise in mastering CSS Grid and modern UI layouts.

check out the link to my work: https://lnkd.in/esh2H8yA

HTML #CSS #CSSGrid #FrontendDevelopment #WebDevelopment

Testimonial Cards

Marius Lancha — Fri, 05 Jun 2026 00:42:38 +0000

Hi everyone, still on my http://roamap.sh another project awaiting some corrections. Here's the link: https://lnkd.in/dXDJHB7g