Δημιουργία responsive landing page σε editor και μετατροπή σε html κώδικα.

[bananasplit]

ξέρει κάποιος (ή χρησιμοποιεί) κάποιον visual editor, (responsive καλύτερα), που να σχεδιάσεις μια landing και να σου δώσει πρόσβαση στον κώδικα html και css; είναι για custom site, που δεν υποστηρίζει editors κλπ. φυσιολογικά, θα το έκανα με το δύσκολο τρόπο,  δηλαδή from scratch, με κώδικα. αλλά, για να πω την αλήθεια, βαριέμαι τραγικά. με έχει πιάσει και η ζέστη.. αν λοιπόν κάποιος έχει έστω και την παραμικρή ιδέα, πείτε μου!

[konet]

Κακά τα ψέματα, δεν υπάρχει αυτό που ζητάς.

Υπάρχει το Figma με το οποίο βγάζεις απίστευτα καλαίσθητα αποτελέσματα από πλευράς UI. Χωρίς υπερβολές, άλλο επίπεδο συγκριτικά με ό,τι έχεις συναντήσει σε UI στην Ελλάδα!

Όμως, το να κάνεις το output του Figma μετατροπή σε κώδικα... Καλή τύχη!!! Υπάρχουν εργαλεία αλλά σου βγάζουν ένα πολύ πολύ χαμηλού επιπέδου αποτέλεσμα που θα πρέπει να δαπανήσεις πάρα πολύ χρόνο για να το συμμαζέψεις και να διορθώσεις. Πρακτικά, δεν αξίζει και για αυτό δεν έχει προχωρήσει σαν ιδέα.

Το θετικό είναι ότι το δουλεύουν! Σε 2-3 χρόνια θα μπορούσε να είναι έτοιμη ως λύση. Σήμερα όμως όχι.

Επεξ/σία 9 Ιουλίου 2024 από konet

[geomagas]

1. Στήσε τοπικά το αγαπημένο σου CMS (προτείνω WordPress+Elementor+ένα theme που σου αρέσει)

2. φτιάξε τη σελίδα σου στον editor

3. στον browser με τη σελίδα στον frontend: View Source ή [F12] ή Save as... (<-- recomended)

4. έχεις όλον τον κώδικα που χρειάζεσαι.

Θα χρειαστεί προφανώς να κάνεις πολύ φιλτράρισμα/συμμάζεμα, αλλά έχεις custom visual editor.