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 responsywne, które ktoś inny wdroży w projekcie, którego nigdy nie zobaczysz. Klienci płacą za godzinę zaoszczędzoną dzięki temu, że zmiana trzech zmiennych dopasowuje całość do ich marki. Wszystko inne służy wyłącznie temu, aby dotrzymać tej obietnicy.

Struktura, która sprawdza się przy wielokrotnym użyciu

Zacznij od warstwy podstawowej. Kolory, stopnie odstępów i skala typografii powinny znaleźć się w niewielkim zestawie zmiennych na samej górze, aby reszta arkusza stylów odwoływała się do nich zamiast powielać surowe wartości. Klasy komponentów znajdują się powyżej tej warstwy, a warianty trafiają na koniec, modyfikując komponenty bez ich zastępowania.

Osoby weryfikujące płatny arkusz stylów zwracają zazwyczaj uwagę na te same elementy:

1. Blok zmiennych na tyle zwarty, że można go przejrzeć na jednym ekranie;
2. Klasy komponentów nazwane według tego, czym są, a nie miejsca, w którym pojawiły się po raz pierwszy;
3. Stany najechania kursorem, fokusu i błędu dla każdego elementu interaktywnego;
4. Reguły responsywne pogrupowane według punktów przerwania, a nie rozproszone po całym pliku.

Personalizacja bez przepisywania wszystkiego

Zdecyduj z wyprzedzeniem, których elementów ma dotykać kupujący, a następnie zadbaj o to, by były one oczywiste. Nazwy odgrywają tu kluczową rolę. Klasa o nazwie card jest uniwersalna; klasa o nazwie promo-block-2 nic nie mówi kolejnej osobie, a mimo to zostaje skopiowana.

Zakres reguł ma takie samo znaczenie jak nazewnictwo. Reguły globalne ingerujące w nadrzędny projekt z dużym prawdopodobieństwem coś zepsują, dlatego należy oddzielić je od reguł komponentów, których kupujący rzeczywiście potrzebuje.

Wyraźnie oznacz obszar podlegający modyfikacji, a większość pytań o pomoc techniczną zniknie:

1. Kolory marki i odstępy pobierane ze zmiennych, nigdy z pojedynczych selektorów;
2. Zestaw fontów zdefiniowany raz, z bezpieczną czcionką zapasową na wypadek błędu ładowania kroju głównego;
3. Warianty komponentów dodawane za pomocą dodatkowej klasy, co pozostawia regułę bazową nienaruszoną.

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

Znasz ten typ: po otwarciu pliku widzisz czterdzieści selektorów powiązanych na sztywno z jednym konkretnym układem, wzajemnie zwalczające się nadpisania oraz !important wstawiane wszędzie tam, gdzie kaskada okazała się kłopotliwa. Kupujący nie ma możliwości zmiany koloru przycisku bez uszkodzenia kart, a prośba o zwrot pieniędzy pojawia się jeszcze tego samego wieczoru.

Waga pliku również ma znaczenie. Dostarczaj wyłącznie te reguły, z których projekt faktycznie korzysta; opcja Eksportuj minimalny CSS na stronę w Nicepage generuje lżejszy kod wynikowy, dopasowując dostarczany materiał dokładnie do potrzeb kupującego.

Rzetelny test przed wystawieniem czegokolwiek na sprzedaż: przekaż arkusz stylów osobie, która nigdy go nie widziała, poproś o zmianę koloru oraz dodanie nowego wariantu karty i zmierz czas. Jeśli zajmie to poniżej dziesięciu minut, masz gotowy produkt; jeśli godzinę – masz jedynie pozycję do portfolio.