DEV Community

Cover image for A new way to build websites? Feedback is needed for my application themex.
Karsten Biedermann
Karsten Biedermann

Posted on

A new way to build websites? Feedback is needed for my application themex.

Hello everyone! 👋

I'm excited to invite you all to explore my newest project: Themex. As a frontend developer, I have often worked with various CSS frameworks such as Bootstrap and Tailwind. However, I noticed a challenge: revisiting a project after a long time and deciphering the work done can be quite daunting.

This observation led me to develop Themex. My main goal with Themex is to provide a solution that not only prioritizes reproducibility but also ensures clarity and intuitiveness across various website projects. Built with vanilla JavaScript, CSS, and HTML, Themex includes the core web technologies we all care about. The aim is to provide a foundation that can be built in minutes and relevant CSS properties have been included. This is compiled in the browser and then continued later in the IDE.

I believe Themex could be a practical solution. To get an idea of what Themex offers and how it can transform your workflow, visit http://themexproject.com/ 🚀. I'm excited to hear your feedback and look forward to seeing how I can develop further with your insights!

Top comments (27)

Collapse
 
efpage profile image
Eckehard

The themex website looks a bit wierd. No routing, no way to navigate back. No description, no links, even no impressum or disclaimer. On a mobil phone you do not even get a button.

Maybe you should improve the page a bit, that would be a better advertisment for your project.

Collapse
 
karsten_biedermann profile image
Karsten Biedermann

I'm glad you tested Themex and thank you for your feedback 🙏. If things aren't going quite smoothly yet, or if you're missing something, I completely understand. It's still a prototype, and Themex is improving with each version. I appreciate your time and hope you'll check back later.

Collapse
 
kwnaidoo profile image
Kevin Naidoo • Edited

This cool! Looks very clean and promising. Lacking a lot of components but it's a WIP, so it's understandable.

What will be useful is an input with a "datalist" that has this same clean style you have going for the selects. This is useful because it makes API-driven selects easier to implement. Right now it's annoying to have to style an input and options so that the dropdown menu opens, closes, and looks like a select.

Lastly, the accordion and modal can be simplified by using the native HTML elements: dialog, summary, and detail. You then will need fewer "div" tags and classes.

Collapse
 
karsten_biedermann profile image
Karsten Biedermann

I'm glad that you are testing themex, and thank you for your feedback, I truly appreciate it. Native elements for accordion and modal instead of custom HTML are an interesting idea 👍! You mean the native HTML element 'datalist', right? The only problem is that they have partial support in Firefox.

Collapse
 
kwnaidoo profile image
Kevin Naidoo • Edited

Thanks. Yes this is correct "<datalist>", "<summary>" and "<detail>" tags. I believe Firefox will support "<datalist>" fully soon in the next update.

Thread Thread
 
karsten_biedermann profile image
Karsten Biedermann

Great feedback, thank you 🙏. Kevin, my primary objective with Themex is to integrate features as soon as they are ready for development 💪. I've always found it frustrating with other frameworks to wait for the implementation of new native features. For instance, I'm looking forward to utilizing the latest CSS features, such as nesting selectors and container queries. In Themex, I'm already leveraging the new viewport units and the enhanced gap properties.

Thread Thread
 
kwnaidoo profile image
Kevin Naidoo

Sounds amazing! Will be keeping an eye on this and probably use it in a project when it's more feature rich. Thanks.

Collapse
 
karsten_biedermann profile image
Karsten Biedermann • Edited

I published a few minutes ago the next Version of Themex 🚀:

dev.to/karsten_biedermann/a-new-wa...

Collapse
 
codebydean profile image
Dean

Exciting idea, what I would love is to have some sort of general sections and subsections that you can easily navigate.

Also, I am not sure if you have thought of it but Light and Dark themes for the project itself would be a great addition in my opinion.

Still an amazing job!

Collapse
 
karsten_biedermann profile image
Karsten Biedermann

Thank you for your feedback, Dean 🙏! What do you see as sections and subsections? Do you mean within a component? Light and Dark themes are of course good idea (must have) and are now on the agenda 😊.

Collapse
 
codebydean profile image
Dean

What I mean is basically, in the future when you add more components that may fall under the same category (Eg. Typography), you can make Typography a drop-down menu and then add sub-sections inside.

Also, one idea that popped into my mind is you can add the above Foundation, an introduction to your project, a guide on how to use, what languages you can export too etc.

Thread Thread
 
karsten_biedermann profile image
Karsten Biedermann

You make a good point about the category and menu. In any case, a well-organized structure is essential. You are also 100% correct about the introduction and the 'Getting started' guide. This is at the top of my list.

Collapse
 
aroldev profile image
Arol

I'll need to see more in deep but so far I like it!

What I can imagine you'll be working is in more components.

The possibilities of this are huge, for example show a full style-guide or a page demo example. Also a "premium" option to export this as React/Vue/Etc components.

Nice solution. I'll play around a bit

Collapse
 
karsten_biedermann profile image
Karsten Biedermann • Edited

Thanks for your feedback, Arol! Absolutely. It requires many more components. I already have some ideas. Exporting as a React or Vue component is an excellent idea that I love ❤️

Collapse
 
scofieldidehen profile image
Scofield Idehen

I think the documentation is not properly optimized. Do you need help in creating User focused content?

Let me know.

blackbird001@duck.com

Collapse
 
karsten_biedermann profile image
Karsten Biedermann

Absolutely, you're right. It is still far from good documentation. Thank you, Scofield, for your feedback 🙏. Help is always good!

Collapse
 
scofieldidehen profile image
Scofield Idehen

Awesome, Let's chat about it if you are open.

blackbird001@duck.com

Collapse
 
delaney5765 profile image
HopeDelaney

Does Themex provide a range of functionalities for building diverse types of websites?
Are there unique features that set Themex apart from existing website-building tools? Does themex has best theme to redesign my application Geometria Dash APK?

Collapse
 
karsten_biedermann profile image
Karsten Biedermann

The current focus is on websites rather than applications that can be developed using Themex. The rationale behind the ability to change the basic design directly in the browser is to make the initial experience more intuitive, as opposed to navigating through extensive documentation. The foundation of Themex consists of a basic structure, including breakpoints, properties, and color settings. This foundation provides just enough to avoid being obtrusive while simultaneously enriching the start of your project. Should you use Themex now? Absolutely. However, I can't determine whether Themex's offerings at this point are sufficient for your needs 😊.

Collapse
 
devrangie25 profile image
Dev Rangie

Nice, love it. Hopefully, vue or react components are available in this Theme Creator.

Collapse
 
karsten_biedermann profile image
Karsten Biedermann

Glad, that you like themex so far. It's on the roadmap to add support for React and Vue! I'm looking forward to completing the implementation soon. 💪

Collapse
 
devluc profile image
Devluc

Cool project. Looking forward to see it grow

Collapse
 
karsten_biedermann profile image
Karsten Biedermann

Thank you!

Collapse
 
fabianeichinger profile image
Fabian Eichinger

This is really helping me as a beginner! But I need more information, tips, and support, you know? But wow, you've created something I didn't realize I would need.

Collapse
 
karsten_biedermann profile image
Karsten Biedermann

It's so cool that you like themex 🤩 and I'm glad you find the application helpful. What kind of tips would you typically expect? Where do you feel the most information is currently missing in themex? I am aware that there isn't much information available at the moment, but it is growing, step by step.

Collapse
 
rickrickiin profile image
Rickrickiin

The application looks quite interesting.

Collapse
 
karsten_biedermann profile image
Karsten Biedermann

I'm glad you like it!

Some comments may only be visible to logged-in visitors. Sign in to view all comments.