Strony premium
Twój kod,bez rezygnacji z edytora.
Strona premium to ta, o której projekt ktoś się kłócił, typografia nie jest domyślna, a przewijanie robi coś zamierzonego. Większość kreatorów każe wybierać między tym a klientem, który sam zmieni nagłówek. castomUI nie każe, bo każdy komponent to kod, który piszesz Ty, a każdy blok to formularz, który wypełnia klient.
Rzemiosło mieszka w komponentach.
Komponent to HTML, CSS i JavaScript w edytorze kodu plus struktura danych w JSON i dane domyślne. Struktura danych decyduje o tym, jak wygląda formularz ustawień bloku — jakie ma pola, które z nich są obrazami, a które menu. Piszesz znaczniki raz, opisujesz dane, a osoba edytująca treść nigdy nie widzi kodu.
AI może naszkicować komponent na podstawie opisu, z CSS, JS, fontami szablonu i blokami Twojego projektu jako kontekstem, więc szkic zaczyna się w Twoim stylu, a nie w generycznym. Gotowy projekt komponentu można ustawić jako tylko do odczytu albo zablokować przed klonowaniem, żeby taki pozostał.
Fonty, bazowy CSS i ruch.
Szablon ustawia font główny i dodatkowy z wbudowanej listy, a biblioteka mediów przyjmuje Twoje pliki TTF, OTF, WOFF i WOFF2, gdy fontu marki na tej liście nie ma. Bazowy CSS jest w ustawieniach projektu, w pełnoekranowym edytorze kodu, i AI może go naszkicować z opisanego przez Ciebie wyglądu.
Zaawansowana animacja to JavaScript, a JavaScript trafia tam, gdzie go potrzebujesz: do komponentu, do sekcji head albo body szablonu lub do dodatkowego kodu projektu. Nie ma panelu animacji z dwunastoma presetami. Jest edytor kodu.
- 1Komponenty14 własnych, tylko do odczytu, klonowanie zablokowane.
- 2SzablonFont marki z biblioteki, skrypt przewijania w BODY.
- 3Kod wynikowyZminifikowany, zaciemniony, prefetch po najechaniu, service worker.
- !Notatka przy bloku hero„Easing za wolny na telefonie” — odpowiedź: poprawione, zobacz podgląd.
- 4GitHubCały projekt wypchnięty do repozytorium studia.
- 5DomenaOpublikowane po zamknięciu ostatniej notatki.
Pisane ręcznieEdytowalne przez klienta
Zrobione ręcznie,
edytowane przez każdego, komu ufasz.
Wydanie
Kod wynikowy,
pod którym się podpiszesz.
Przełączniki kodu wynikowego
Minifikacja kodu, zaciemnianie źródła, prefetch podstron po najechaniu, service worker — dla całego projektu albo dla konkretnego publikatora. Więcej w publikowaniu.
GitHub i własne cele
Wypchnij stronę albo cały projekt do repozytorium lub wdróż go przez nazwany własny publikator z osobnym kodem tajnym i własnymi przełącznikami.
Przegląd w notatkach
Notatkę przypina się do dowolnego elementu i otwiera nią jego okno; odpowiedzi układają się pod nią w wątek. Przegląd odbywa się tam, gdzie jest problem. Więcej we współpracy.
Który plan
Pojedynczy programista potrzebuje planu PRO za 300 € miesięcznie — dla GitHuba, własnych publikatorów i zaawansowanych przełączników kodu wynikowego. Studio, w którym projektanci, programiści i klient przeglądają stronę razem, pasuje do planu Team za 500 € za stanowisko: dochodzą role, zaproszenia, wspólne notatki i czat oraz udostępnianie ekranu. Porównaj plany.
Pytania
Czy mogę używać własnych bibliotek JavaScript?
Tak. Załaduj je w szablonie albo w dodatkowym kodzie i używaj w komponentach jak każdego innego skryptu.
Czy klient nie zepsuje projektu, edytując treść?
Klient edytuje pola zdefiniowane w Twojej strukturze danych, nie znaczniki. Ustaw komponenty jako tylko do odczytu i nadaj klientowi rolę Editor albo Viewer.
Czy zaciemnianie kodu to zabezpieczenie?
Utrudnia skopiowanie źródła, ale go nie uniemożliwia. Traktuj je jak straszak, nie jak zamek.
Obserwacja zawodowa: animację, którą wszyscy zatwierdzili na spotkaniu, tydzień później wspólnik klienta nazwie „trochę przesadzoną”. Czas trwania trzymaj w zmiennej.
Teraz Twoja strona.
Zacznij ją dziś.
Otwórz edytor, opisz stronę i opublikuj pierwszą wersję pod adresem cstmui.com.
Otwórz castomUI Zobacz cennik