Balsamiq
Moqups
Invision
Axure
Proto.io
Zeplin
ProtoPie
Fluid UI
Dcoder
AirCodum
Spck Editor
VS Code
CodinGame
Udemy
Miro
TrebEdit – Mobile HTML Editor
BalsamiqI mean I like VScode better but it was a good place to practice code but not as many options and as good as VScode but if you have to do a quick online project for some reason then this is okay.
Based on our record, Balsamiq seems to be a lot more popular than Dcoder. While we know about 33 links to Balsamiq, we've tracked only 2 mentions of Dcoder. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Balsamiq is famously, deliberately low-fidelity. Everything looks like a napkin drawing, which is the point, because nobody argues about font choices when the mockup is gray boxes. - Source: dev.to / 4 months ago
Usually my own way of working is to use Balsamiq[0] to have a visual prototype to test out flows, Figma|Sketch for the UI specs, then to just code it. Kinda the same when drawing where you just doodle until you have a few workable ideas, iterate of these to judge colors and other things, and then commit to one for the final result. [0]: https://balsamiq.com/. - Source: Hacker News / over 1 year ago
You can still produce something useful even if you’re not a professional designer. For example, you can use a rapid wireframing tool like Balsamiq (my favorite) or Excalidraw. With such tools, you can sketch an idea quickly without spending time on minor visual details. Or, use a whiteboard or good old pencil and paper. Any sketch is better than nothing. - Source: dev.to / about 2 years ago
A few apps that are a joy to use: https://ia.net/writer for writing. https://usecontrast.com/ for checking contrast. https://sipapp.io/ for picking colors. https://nova.app/ for editing code. https://cleanshot.com/ for screenshots. https://getpixelsnap.com/ for measuring elements on screen. https://netnewswire.com/ for reading things via RSS. https://panic.com/transmit/ for file transfers. https://usefathom.com/... - Source: Hacker News / over 2 years ago
I think the best practical approach for designing UIs is to download (and buy) Balsamic[0] and use that to design UIs. Cut through the nonsense of colours and pixels in the first instance and just lay things out logically and simply. [0] https://balsamiq.com. - Source: Hacker News / over 2 years ago
I cant say exactly how you would do it for mobile but I can advise that you would need to make a specail programming keyboard that goes with your app. The default qwerty keyboard that comes standard with smartphones aren't the best for coding because the symbols aren't on the main screen. Check out dcoder. Source: about 5 years ago
I used to code on http://dcoder.tech/ You can easily code online, on a web browser, or on IOS/Android there is and app, it supports language as: C (and C++ C#), Java, JavaScript, Pyton2/3, Ruby, Kotlin, Assembely, others... Source: over 5 years ago
Moqups - The most stunning HTML5 app for creating resolution-independent SVG mockups, wireframes & interactive prototypes for your next project
AirCodum - Control VS Code from your smartphone. Transfer files, use voice commands, and access your development environment remotely with AI support.
Invision - Prototyping and collaboration for design teams
Spck Editor - A full-fledged, embeddable, online editor for private, offline web projects.
Axure - The most powerful way to plan, prototype and hand off to developers, all without code. Download a free trial and see why professionals choose Axure RP 9.
VS Code - Build and debug modern web and cloud applications, by Microsoft