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.
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!
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! ππ
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 π
@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 ππ
π₯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! π
@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!
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!
@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 π
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?
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! πͺπ»π
@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 π
"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."
@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!
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!
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.
@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 π
CSS Selectors/Combinators Classifier