Sprzedawanie Szablony CSS

Sprzedaż szablonów CSS jako gotowego produktu

Szablon CSS jest sprzedawany jako pakiet stylów: zmienne, klasy komponentów i reguły responsywności, które ktoś inny doda do projektu, którego Ty nigdy nie zobaczysz. Kupujący płacą za godzinę zaoszczędzoną dzięki zmianie trzech zmiennych, a całość jest zgodna z ich marką. Wszystko inne istnieje po to, aby ta obietnica pozostała uczciwa.

Struktura, która przetrwa ponowne użycie

Zacznij od warstwy bazowej. Kolory, odstępy i skala typografii należą do małego zestawu zmiennych na górze, więc reszta arkusza stylów odczytuje je zamiast powtarzać surowe wartości. Klasy komponentów znajdują się powyżej tej warstwy, a warianty na końcu, modyfikując komponenty bez ich zastępowania.

Recenzenci płatnych arkuszy stylów zazwyczaj szukają tych samych rzeczy:

1. Bloku zmiennych na tyle małego, aby można go było przejrzeć na jednym ekranie;
2. Nazw klas komponentów, które odnoszą się do ich istoty, a nie do miejsca, w którym pojawiły się po raz pierwszy;
3. Stanów dla najechania kursorem, skupienia i błędu dla każdego elementu interaktywnego;
4. Reguły responsywne pogrupowane według punktów przerwania zamiast rozproszonych po pliku.

Personalizacja bez przepisywania wszystkiego

Zdecyduj z góry, których części ma dotknąć kupujący, a następnie zaznacz te części w sposób oczywisty. Nazwy mają największy wpływ. Klasa o nazwie „card” dobrze się sprawdza; klasa o nazwie „promo-block-2” nic nie mówi kolejnej osobie i nadal jest kopiowana.

Zakres ma takie samo znaczenie jak nazewnictwo. Reguły globalne, które sięgają do głównego projektu, znajdą coś, co może zepsuć, dlatego należy je oddzielić od reguł komponentów, których faktycznie potrzebuje kupujący.

Wyraźnie oznacz regulowaną powierzchnię, a pytania o wsparcie techniczne w większości znikną:

1. Kolory i odstępy między czcionkami pobierane ze zmiennych, a nie z pojedynczych selektorów;
2. Stos czcionek zdefiniowany raz, z zapasowym rozwiązaniem, które działa w przypadku niepowodzenia ładowania czcionki podstawowej;
3. Warianty komponentów są dodawane za pomocą dodatkowej klasy, pozostawiając regułę bazową nienaruszoną.

Znaki szablonów, których nikt nie chce utrzymywać

Znasz ten typ: po otwarciu czterdzieści selektorów powiązanych z jednym konkretnym układem, z obejściami, które ze sobą kolidują, i ! ważne, porozrzucane wszędzie tam, gdzie kaskada staje się niewygodna. Kupujący nie znajduje sposobu na zmianę koloru przycisku bez uszkodzenia kart, a prośba o zwrot pieniędzy przychodzi wieczorem.

Waga pliku również ma znaczenie. Wysyłaj tylko reguły faktycznie używane w projekcie; opcja Eksportuj minimalny CSS na stronę w Nicepage zapewnia szczuplejszy wynik, dzięki czemu to, co oferujesz, jest bliskie potrzebom kupującego.

Szczery test przed wystawieniem czegokolwiek na sprzedaż: przekaż arkusz stylów komuś, kto go nigdy nie widział, poproś o zmianę koloru i nowy wariant karty i zmierz, ile to zajmie. W niecałe dziesięć minut masz produkt; w godzinę masz element portfolio.