Twórca stron internetowych React.
To
Quarkly.
Wizualny interfejs, adaptacyjne ustawienia projektowania, edytor kodu, komponenty React, wszystkie możliwości CSS. Używaj gotowych komponentów React lub twórz własne. Nieograniczone możliwości personalizacji, narzędzia bez kodu klasycznego edytora.
Utwórz projekt
Ciekawe funkcje dla programistów React.js.
Tworzenie niestandardowych komponentów React w edytorze kodu
Możesz tworzyć niestandardowe komponenty React w edytorze kodu Quarkly, a następnie dodawać je do strony.
Przewodnik dla programistów
Przydatne informacje o tworzeniu komponentów Quarkly, budowaniu aplikacji i nie tylko.
Gorący import modułów NPM
Nigdy nie było łatwiej importować moduły do swojego komponentu z NPM.
Eksport do Create React App
Jeden krok, aby zakończyć swój projekt lub hostować go na własnym serwerze: wyeksportuj go do archiwum z projektem create-react-app.
Eksport do projektu Gatsby
Eksportuj swoje projekty do Gatsby — jednego z najbardziej znanych frameworków do generowania statycznych stron internetowych.
Wysyłanie commitów do swojego repozytorium GitHub
Chcesz stworzyć repozytorium GitHub dla swojego projektu i zatwierdzać tam zmiany? To bułka z masłem!
Publikacja na Netlify
Kiedy twoja strona jest gotowa, opublikuj ją na Netlify. Będzie miała techniczny domen, na przykład: https://inspiring-beaver-d128ed.netlify.app.
Nowoczesny wbudowany edytor kodu
W edytorze Quarkly możesz monitorować wszystkie obiekty, które są obecne na stronie.
Debugger
Nasza konsola debugowania pomoże ci śledzić błędy w kodzie komponentu i stron.
Wskazówki dotyczące kodu
Jeśli masz wątpliwości, jak napisać właściwość, zacznij pisać, a edytor automatycznie uzupełni to, co piszesz.
Synchronizowane strony i edytor kodu
Wszystkie zmiany, które wprowadzasz na stronach, są pokazywane w kodzie i na odwrót.
Pełna kontrola nad projektem.
Funkcje
Teraz twoja strona zostanie zauważona! Użyj naszych unikalnych animacji, chwytliwych układów i transformacji.
Podstawowe składniki
Podstawowe komponenty, które są podobne do tagów HTML, takie jak Tekst, Obraz, Box i inne.
Tworzenie komponentów na stronie
Wybierz element lub grupę elementów na stronie lub na panelu Warstwy i zamień je w komponent. Dodaj kopie komponentów na stronę, a one odziedziczą wszystkie właściwości.
Wyświetlanie niestandardowych właściwości na panelu
Każda właściwość należąca do niestandardowego komponentu może być pokazana na prawym panelu.
Motywy
Za pomocą motywów możesz stworzyć spójny projekt dla swojej strony.
Dostosowywanie projektu za pomocą punktów przerwania
Twoja strona jest w pełni responsywna na urządzeniach mobilnych, dzięki różnym rozwiązaniom projektowym dla elementów na punktach przerwania.
Dodawanie i edycja punktów przerwania
W motywie projektu możesz chcieć dodać niestandardowe punkty przerwania lub edytować istniejące.
Drag'n'Drop
Rozmieść elementy na stronie, jak chcesz, upuść je na żądanym obszarze lub umieść je w innych elementach.
Wybór wielokrotny
Możesz wybrać wiele elementów, aby ustawić ich style, przeciągnąć i upuść je w inne miejsce, usunąć itp.
Edytor tekstu
Możesz przekształcić część tekstu w kursywę lub pogrubienie, uczynić go linkiem lub przekształcić w span i używać dowolnego stylu.
Głęboki wybór
Możesz poruszać się w górę i w dół hierarchii elementów, używając podwójnego kliknięcia. Jeśli chcesz zanurzyć się w hierarchii, na Windowsie przytrzymaj klawisz Ctrl, a na MacOS klawisz Cmd.
Wsparcie dla Flexbox i Grid
Tutaj, w Quarkly, jesteśmy zwolennikami nowoczesnych podejść do kodowania frontendu.
Konfigurowanie stylów pseudoklas hover/active/focus, etc.
Aby zmienić wygląd elementu, na przykład sposób, w jaki reaguje na najechanie myszką, włącz "hover" i zastosuj żądane właściwości.
Połączenie z Google Fonts
Spraw, aby twoja strona wyglądała bardziej żywo, używając czcionek z biblioteki z ponad 990 rodzinami czcionek.
Obrazy Unsplash
Unsplash to jedno z najmodniejszych darmowych archiwów obrazów. Przeglądaj jego kolekcję i wybieraj obrazy bezpośrednio z interfejsu Quarkly.
Panel właściwości
Tutaj znajdziesz skategoryzowane właściwości stylu i funkcjonalne.
Układ
W tej sekcji znajdziesz właściwości wyświetlania elementów.
Typografia
W tej sekcji możesz zmieniać style tekstu za pomocą specjalnych właściwości
Wcięcia
Otwórz te ustawienia, aby skonfigurować marginesy i paddingi.
Tło
W tej sekcji znajdziesz właściwości tła elementów.
Ramki
Tutaj możesz skonfigurować ramki i zaokrąglenie ramek.
Pozycja
Ta kategoria pomaga ci skonfigurować ustawienia pozycji elementu i ustawień z-index.
Tryb mieszania
Ta właściwość daje dodatkowe możliwości projektowania.
Cień pudełka
Ta właściwość pomaga ci wybrać cień elementu.
Przejście
Ta właściwość sprawia, że element płynnie przechodzi z jednego stanu do innego.
Transformacja
Za pomocą tej właściwości możesz przekształcić element, na przykład obrócić go lub powiększyć.
Filtr
Ta właściwość pomoże ci zastosować szeroki zakres ef
Wspaniałe możliwości biznesowe.
Pracujcie razem jako zespół
Skorzystaj z narzędzia do współpracy Quarkly: pracuj nad projektem razem ze swoimi kolegami z zespołu, wystarczy wysłać im zaproszenie.
Treść
Korzystaj z gotowych bloków: wyskakujące okna, mapy, filmy i wiele więcej!
Znajomy przepływ pracy
Nie będziesz miał żadnych problemów z poznaniem sposobu działania tutaj. Krzywa uczenia się w Quarkly jest naprawdę łagodna.
Gotowe bloki tematyczne
Możesz korzystać z komponentów o tematycznej zawartości. Pracuj z nimi tak, jak z regularnymi komponentami.
Katalog z komponentami
Zawiera ponad 40 komponentów, a katalog nigdy nie przestaje rosnąć.
Semanticzne tagi
Wszystkie komponenty mogą działać jako tag. Wystarczy wybrać potrzebną wartość właściwości "as".
Schema.org
Możesz ustawić pożądane atrybuty dla elementów w edytorze kodu.
Image ALT
To jest oddzielna właściwość elementu "Obraz".
Favicons
Ta funkcja pomaga zainstalować unikalne ikony dla wszystkich urządzeń i indywidualny kolor tła kafelka dla Windows 10.
Open graph i meta tagi
Użyj tych ustawień do poprawnego wyświetlania swojej strony na portalach społecznościowych i w wyszukiwarkach.
Przyjazny URL
Czyste adresy URL pomogą ci poprawić SEO swojej strony.
Robots.txt i sitemap.xml
Te pliki są tworzone automatycznie. Ale możesz je edytować, jak uważasz, że pasują w przyszłości.
Używaj za darmo.
Oferujemy Ci Quarkly za darmo tak długo, jak możemy, a potem oferujemy najniższą cenę wśród naszych konkurentów.
Utwórz projekt