Etchwpkits, sektioner på halva tiden.
Min egen produkt: ett bibliotek med färdiga sektioner för Etch i WordPress. Byt namn på alla klasser i ett steg och infoga direkt.
Bakgrunden
Varför byggde jag det?
Att bygga kundsajter i Etch går snabbt, men varje ny sajt börjar med samma sektioner: hero, priser, FAQ. Och varje gång ska alla klasser döpas om efter kundens namngivning.
Målgruppen
Vem är det för?
Byråer och frilansare som bygger kundsajter i Etch med Automatic.css och vill slippa börja från noll varje gång.
Från bibliotek till färdig sida.
Biblioteket på etchwpkits.com och pluginet för WordPress fungerar lika bra i mobilen som vid skrivbordet.
Utmaningen
Vad var svårast?
Det svåraste i bygget. Till exempel att döpa om alla klasser, modifierare och ARIA-referenser i ett steg utan att något går sönder.
Lösningen
Hur fungerar det?
Ett bibliotek på etchwpkits.com och ett eget plugin för WordPress. Tre saker gör jobbet:
- Välj bland 101 färdiga sektioner, byggda med BEM och Automatic.css.
- Döp om alla klasser till kundens namngivning i ett steg.
- Infoga sektionen direkt i Etch med ett klick från pluginets panel.
Etchwpkits byggstenar.
Färger
- Natt#0B0C10Hero och kod
- Blå#2563EBKnappar och länkar
- Grafit#27272BMörka kort
- Dimma#F6F7F9Ljusa ytor
- Text#545454Brödtext
Typsnitt
Satoshi
Fet vikt och tätt radavstånd i rubrikerna, samma typsnitt i hela produkten.
Logotyp
Ett enkelt E av tre streck bredvid namnet.
Knappar
Rundade knappar: blå för huvudvalet, mörk med kant för det andra.
Var står det idag?
Biblioteket är gratis under betan, så användarna kan testa allt i sina egna projekt innan det kostar något. Pluginet uppdateras löpande och finns i version 1.4.5. Vad du har lärt dig av att bygga en egen produkt.
- Next.js
- Stripe
- WordPress-plugin
- Etch
- Automatic.css
- BEM
Byune
Ett eget Shopify-tema byggt från grunden för ett svenskt parfymvarumärke, med en kassa anpassad för mobilen.
Byune
Shopify · 6 veckor