p/divize
Learn, Write, Master: HTML/CSS Through Real UI Challenges
Arbaoui Mehdi

Divize β€” Learn, write, master HTML/CSS through real UI challenges

Featured
42
β€’
Learn to write readable and concise HTML/CSS while solving real-world UI challenges while competing with other developers around the globe.
Replies
Best
Arbaoui Mehdi
Hello, Hunters πŸ‘‹ This is Mehdi, Co-Founder of Divize. πŸ”Έ Divize serves as an interactive learning platform for designers and developers, guiding them in crafting semantic, readable, and concise HTML/CSS for real-world user interfaces. πŸ”Έ This tool allows you to write the HTML/CSS code of a list of user interfaces incrementally from scratch, following good practices and guidelines. An in-app dashboard helps you monitor your progress, and time-bound challenges ensure you stay focused and productive. πŸ”Έ You can measure your progress against other users via our Leaderboard, providing a tangible display of your improvement. Divize aims to elevate you to a professional front-end developer level by: 1️⃣ Guiding you in converting User Interfaces into readable and semantic HTML 2️⃣ Teaching how to analyze and create an HTML structure that adapts to a concrete context 3️⃣ Demonstrating how to name HTML elements following a consistent convention 4️⃣ Instructing you to write modular, reusable, and efficient HTML/CSS for various UIs patterns like product listings, pricing items, breadcrumbs, navigations, paginations, etc. 5️⃣ Ensuring you write semantic/accessible code 6️⃣ Explaining different CSS properties and their implementations 7️⃣ Assisting you in building real-world user interfaces 8️⃣ Showing how to present UI content in diverse ways which can become a good UX exercise. βœ… Divize editor features and challenges are designed to enhance your professional UI coding skills. Our primary focus is to teach you efficient HTML/CSS structuring, establish consistent class naming conventions, and create concise, reusable CSS. We aim to improve the design-to-code conversion experience, making it our ultimate objective.
Naveed Rehman
sounds like a cool idea. but isn't it the time when we should learn no code tools? congratulations on the launch.
Arbaoui Mehdi
Thank you @naveed_rehman, still, No-code tools are not a fit for all contexts. While they undoubtedly simplify the development process in some use cases and make it accessible to non-technical individuals, they often lack the customizability and flexibility that coding from scratch provides. Though Complex applications that require unique features, advanced integrations, or highly optimized performance might not be achievable with no-code tools, and as businesses scale, they may outgrow these tools and face limitations in customization, scalability, and efficiency. Thank you for your feedback!
Yassin Rais
πŸ’Ž Pixel perfection
Hey there! I just wanted to drop a friendly recommendation for Divize! it's an awesome platform for improving your HTML/CSS coding skills! I personally love how it guides users to write semantic, readable, and concise code for real-world user interfaces. Whether you're just starting out or you're a seasoned developer like myself, I think you'll find the tool to be a fun and valuable learning experience. Keep up the good work, Divize team! πŸ‘πŸ‘
Arbaoui Mehdi
@yassinrais Thank you, Yassine, for your comprehensive feedback. Your detailed insights align perfectly with the core objective of our tool.
Eihab Khan
I've been having fun doing the challenges, lovely UI, and a great way to improve and learn CSS through a gamified experience. Great product @arbaoui_mehdi πŸ‘
Arbaoui Mehdi
@eihab Really grateful to hear your feedback which aligns with our primary goal to make the process of learning and building more engaging, while closely mirroring the real-world task of converting UI designs into HTML/CSS. Thank you brother πŸ‘πŸ‘
Ayoub MOSLIH
πŸ’‘ Bright idea
πŸ”₯This new tool is truly impressive! It enables advanced analysis of the front end and helps bring the UI design and front end as close to pixel perfect as possible. With this feature, it's now possible to ensure that every visual detail is accounted for and that the user experience is optimized. Kudos to the team that developed this exceptional tool! πŸ‘
Arbaoui Mehdi
@paco84 Your feedback, especially coming from a UX/UI design perspective, is greatly appreciated. It underscores our tool's aim of providing an intuitive solution for advanced front-end analysis and pixel-perfect implementation. It's encouraging to know that our efforts to bridge the gap between UI design and front-end development in a technical, precise, and user-optimized way are being recognized. Thank you for your expert validation of our work!
Yudax
I just gave it a shot, and it's honestly an awesome tool for learning semantic HTML/CSS! I'd totally recommend it to anyone looking to up their front-end game. It's definitely the tool to help you grow as a frontend developer, instant buy! Kudos to Mehdi and Mad, you guys did a fantastic job!
Arbaoui Mehdi
@yudax We are grateful to know you found the tool useful, which aligns with our original intent to provide a better learning/coding HTML & CSS experience. We are continually striving to address a broad spectrum of real-world challenges by providing diverse UIs scenarios. Thank you for your acknowledgment and support. KEEP IT UP BRO πŸš€
Anastasiia Veselova
The latest launch of Divize caught my attention as the most attractive feature of this product is its ability to democratize data science and make it accessible to everyone. Hhow do you envision your product empowering non-technical teams to make data-driven decisions and collaborate with data scientists effectively?
Dadda Abde lghafour
Wow, Divize team, you're doing an incredible job! Your platform sounds like an amazing resource for designers and developers looking to improve their skills and create more accessible, efficient, and user-friendly interfaces. Keep up the fantastic work, and know that your efforts are making a real difference in the tech industry! πŸ’ͺπŸ’»πŸš€
Arbaoui Mehdi
@dadda_abde_lghafour We truly appreciate your thoughtful words. During our beta phase, we tested the tool across multiple fields, including designers as you mentioned. The feedback we collected was instrumental in improving the product. Your comprehensive feedback and support mean a lot to us. Thank you brother πŸ™
Ardhra CR
πŸ’Ž Pixel perfection
"Divize's hands-on approach to learning HTML/CSS through real UI challenges provides an engaging and effective way for beginners to gain practical experience and master these essential web development skills."
Arbaoui Mehdi
@ardhra_cr Indeed, our objective was from the beginning to design a tool that closely mimics the daily tasks of a frontend developer, particularly in regards to converting UIs to HTML/CSS. We appreciate your feedback confirming that we're on the right track. Thank you.
Dzianis Yatsenka
Hey! Good luck! Tell me please how skilled should be developer to use Divize?
Arbaoui Mehdi
@dzianis_yatsenka Hey! We've categorized our challenges into three levels - Easy, Medium, and Advanced. This allows beginners with basic HTML/CSS knowledge to start comfortably with the Easy challenges. Each student is guided through the process, first focusing on HTML, then shifting to CSS. To further assist, we've incorporated the MDN documentation for easy reference of HTML tags or CSS property implementations. Additionally, we've implemented a responsive feedback system for each coding instruction. This enables students to ask specific questions about an instruction for further clarification. Our primary goal was to create an intuitive tool, and to ensure its effectiveness, we initially tested it with individuals of varying skill levels and specialties. So far, the feedback has been positive, with users successfully completing challenges even with just a basic understanding of HTML/CSS. We've also introduced a comprehensive guide to help users understand how each feature of our tool can enhance their learning experience. We've put in significant effort to ensure our users are well-informed and able to make the most of our platform: The Documentation: https://divize.io/doc The Guide: https://divize.io/account/guide/... Thank you for your feedback!
Mustapha Ajermou
Looks good, good luck Mehdi!
Arbaoui Mehdi
@mustapha_ajermou1 Glad you liked it, Thank you Mustapha πŸ™
Congratulations on your launch. Good lucks 🌟
Arbaoui Mehdi
@mehmettalhasisman Thank you, Appreciate it πŸ™
Youssouf El azizi
Congrats on the launch πŸŽ‰, amazing work team πŸ‘πŸ‘πŸ‘
Arbaoui Mehdi
@youssouf_elazizi Thank you brother for the support, Glad you liked the product πŸ™
ayoub anbara
I had the chance to test the tool before the official launch, and I know the high skills of the staff behind Divize and I would say that Divize is one of the best tools to learn HTML and CSS. I hope to add JS in the future.
Arbaoui Mehdi
@ayoub_anbara Being among the initial users to try our platform, your feedback and support have been of immense value to us. We sincerely appreciate your contributions and can't thank you enough πŸ™
Anas EL ARDI
This website is just insane ! Keep up the good work <3
Arbaoui Mehdi
@earthyyy Thank you Anas, Glad you liked it πŸ™
mohamed mezouari
keep going <333333333
Arbaoui Mehdi
@mohamed_mezouari Certainly, Thank you bro πŸ™
Hendrix WS
Congratulations on your launch. great app <3
Arbaoui Mehdi
Glad you liked the tool, Thank you @hendrix_ws
yassine benmansour
Congrats on the launch
Serdar Murat Şen
Congratulations on the launch.Good luck!