Gjeneratori html krijimi i elementeve në internet. Gjenerimi HTML: ndihmës më të mirë dhe HTML të pastër. Gjeneratorë, shërbime CSS online

Një gjenerues i kodit CSS është një mjet shumë i dobishëm që mund t'i kursejë një zhvilluesi të uebit shumë kohë, si dhe të mbrojë kundër dëmtimit. Përveç kësaj, kodi juaj do të bëhet më i lexueshëm. Në këtë artikull, ne kemi zgjedhur ata që ne i konsiderojmë si gjeneratorë të kodit CSS me cilësi të ulët.

CSS Kliko Grafikun

Fletë mashtrimi CSS

Spritebox

Gjeneratori i hartës Pixel

Pastroni CSS

CSS Animate

Epo, djema, animacion? Vickory dhe luaj me tranzicionet para CSS.

Gradientet e UI

PRIT! Gjallëroj

Krijimi i pauzave të personalizuara midis animacioneve CSS nuk ishte kurrë i lehtë. Megjithatë, me ndihmën e këtij programi, kompleksiteti i procedurës reduktohet në zero.

Gjenerator CSS3

Lloji CSS Set

A keni dashur ndonjëherë të mahniteni se si duken të ndryshme shkronjat? Shkoni te CSS Lloji Set. E tëra çfarë ju duhet të bëni është të futni tekstin dhe të zgjidhni opsionet e fontit.

Shijoni CSS

Kuti fleksibël

Nëse nuk mund të përdorni flexbox, atëherë duhet të provoni Flexy Boxes. Në këtë shtojcë mund të kontrolloni versionet e ndryshme të flexbox dhe interpretimin e sintaksës.

a! Dhe ju përdorni gjeneratorë CSS3 ose ndryshe HTML5? Gjithsesi, mund ta provoni patjetër 🙂 Thjesht kuptoni se mund të largoheni nga përshkrimi manual i stileve për butonat, blloqet, hijet, gradientët, çfarëdo që ju pëlqen, e kështu me radhë, si vetë HTML5. Është më mirë të shkruani të njëjtin kod sa herë që krijoni një projekt të ri, nëse mund të "plotësoni" parametrat, më në fund shtypni butonin dhe zgjidhni kodin e përfunduar të daljes, dhe nëse është e nevojshme, rregulloni atë!
Në këtë artikull do t'ju tregoj një përzgjedhje të gjeneratorëve të tillë. Është e rëndësishme të keni gjeneratorë CSS3 dhe një çift për HTML5. Për të shkuar në faqen e internetit të shërbimit - Shtypni emrin e shërbimit!

Gjeneratorët CSS3:

CSS3.me

Një nga gjeneratorët më të mirë. Autori: Eric Hoffman. Aftësia për të ndryshuar dhe vendosur rrumbullakim, hije, gradient dhe qartësi janë efektet që abuzohen më shpesh.

Krijuesi CSS3

Është praktikisht gjithçka dhe vetëm pak. Mund të rregulloni fytyrën @font, animacionin, hijen e bllokut, hijen e tekstit, mbështjelljen e tekstit, transformimin, gradientët, rrumbullakimin dhe shumë më tepër.

Gjenerator CSS3

Ka përafërsisht të njëjtin funksionalitet si gjeneratori i përparmë. Duhet të zgjidhni nga lista, të klikoni artikullin dhe të futni të dhënat fillestare.

Webestools Shadow Generator

Gjenerator i hijeve. Për të rregulluar hijen: ngjyrën, zbritjen, shpërndarjen, hijen e brendshme dhe të jashtme, etj.

Gjeneratorët e butonave

Gjeneratori i butonave CSS3

Gjenerator bakri. Në të djathtë ka një buton të madh - rezultat i manipulimit dhe rregullimit të keq. Ju mund të manipuloni hijet, kufijtë, ngjyrat, etj. Shtrëngimi i rripave është i shkëlqyeshëm për njerëzit që janë të rinj në sit. Është mirë që mund të shihni menjëherë reagimin ndaj veprimit tuaj, nga i cili mund të kuptoni se për çfarë shërben trajnimi.

CSS3-Tricks Button Maker

Ky gjenerator i butonave është pak i thjeshtë. I gjithë procesi i krijimit të një butoni zgjimi në butonat e shtrënguar. Këtu basti është të punoni mbi afidet, pastaj të luani me shanset e butonit.

Butoni CSS3.net

Axis është gjithashtu një gjenerues i mirë i butonave. Mund të rregulloni sfondin e butonit, kufirin, hijen e jashtme, hijen e brendshme, madhësinë, ngjyrën e tekstit dhe hijen e tekstit. Kur bëhen ndryshime në bllokun e djathtë, kodi ndryshohet menjëherë.

Gjeneratori i imazhit të kufirit dhe rrezes

Kufi-Rrezja

Shtoni funksionalitet modest: mund të rregulloni skajet e rrumbullakosura, atëherë lëkura do të zbutet.

Kufi-imazh

Pjesët e vogla të palosjes në të zotëruar, nëse është e nevojshme të punohet si kufi (kufir) i imazhit, atëherë ky mjet është i duhuri! Zgjidhni imazhin tuaj, zgjidhni madhësinë e kordonit hap pas hapi, mund të rrisni sfondin për kordonin e lëkurës... kjo është gjithashtu një metodë e përsëritjes së imazhit. Dhe kodi është krijuar më poshtë.

Gjenerator i gradientit CSS3

Redaktori i gradientit Colorzilla

Boshti i gjeneratorit klasik të gradientit. Ka një numër të madh grupesh ngjyrash të gatshme, ose mund t'i zgjidhni vetë. Përcaktohet lloji i gradientit: horizontal, vertikal, etj. Këtu është një këshillë për IE.

Gjeneratorë HTML5

HTML5 ★ BOILER PLAKA

Për gjeneratorë shtesë, do të merrni një shabllon që është plotësisht i optimizuar për shfletues të ndryshëm. Unë tashmë jam bekuar me këtë gjenerator dhe tani po e përdor. Për t'u njohur me të gjitha "truket", shikoni këtë projekt, veçanërisht pasi gjithçka është ruse.

Gjeneratori HTML5 Shikiryu është pak më i palosur se pjesa e përparme. Na lejon të fusim një titull dhe përshkrim të faqes, të lidhim kornizën CSS, stilet e butonave CSS, bibliotekën, analitikën, etj.

Initializr është një gjenerues i shablloneve HTML5 që do t'ju ndihmojë të printoni një projekt të ri. Initializr krijon një shabllon bosh për ju që ta personalizoni. Opsionet që zgjidhni janë: kuadri primar, opsionet e serverit (.htaccess, nginx.conf, web.config), lidhjet jquery, google analytics, zgjedhje midis etj.

Gjenerator i drithërave. Ne duhet të zgjedhim se cilat elementë do të jenë të pranishëm në faqe, si dhe të tregojmë disa opsione.

Kjo është e gjitha, nëse dini gjeneratorë të mirë HTML5 ose CSS3, mos hezitoni të shkruani rreth tyre në komente :)

Për të qëndruar të përditësuar me artikujt dhe mësimet më të fundit, abonohuni në

Kur punoni në një projekt, nëse ju nevojitet vetëm pak ndihmë nga një zhvillues ueb, duhet të shqetësoheni për detyrat rutinë. Puna me tabelat CSS kërkon shumë përpjekje dhe kohë, dhe me ardhjen e standardeve dhe funksioneve të reja, puna me shkrimin e kodit ka ardhur me aftësi unike. Për fat të mirë, në pafundësinë e rrjetit global ka mendje të ndritura, të cilët, pasi morën me shpejtësi iniciativën, pa asnjë mendim të dytë, morën dhe krijuan një sërë mjetesh të dobishme në internet që do ta bëjnë jetën më të lehtë për zhvilluesit dhe dizajnerët e uebit.

Sot, pak njerëz janë të vetëdijshëm për një lloj gjeneruesi në internet, qofshin ato shtesa shumë të drejtpërdrejta për gjenerimin e kodit, butonat me kornizë me një efekt gradient linear, blloqe me qoshe dhe hije të rrumbullakosura, ose për qëllimin e kombinacionit ( koleksione të mjete) që përfshijnë aftësinë për të përpunuar pothuajse të gjitha funksionet CSS3. Gjëja më e mirë për të punuar me shtesa të tilla të bazuara në ueb është që ju mund të shkarkoni menjëherë rezultatet e punës suaj direkt në shfletues dhe menjëherë të shkarkoni kodin e përfunduar me të gjitha funksionet dhe parametrat që ju nevojiten.

Ne do të flasim për shtesa të tilla të dobishme në ueb sot dhe le të hedhim një vështrim më të afërt në disa nga kodet tuaja CSS3 që nuk do të jenë të dobishme në gamën e mjeteve të ndonjë zhvilluesi të uebit ose projektuesi të uebsajtit.

Sipas mendimit tim, është një nga gjeneruesit më të mëdhenj të kodit CSS3 në internet, i cili përfshin një grup të ri mjetesh për të punuar me funksionet CSS3. Mund të eksperimentoni lehtësisht, në kohë reale, me parametrat e kontrolleve CSS3, të cilat do të japin rezultatet më të mira.

Për përpunimin dhe gjenerimin e kodit, janë në dispozicion mjete të tilla të mrekullueshme, të tilla si:

• Rrezja kufitare- stil ndërblloqe me prerje të rrumbullakosura
• Gradientët— zgjidhni një stil dhe rregulloni parametrat e funksionit të mbushjes së gradientit të elementeve anësore
• Transformimet CSS- transformoni objektin sipas dëshirës, ​​rrotulloni, shtrydhni pas shkallës së koordinatave
• Animacionet CSS-Shtoni një efekt animacioni në elementët e faqes së internetit
• Tranzicionet CSS— ndryshoni autoritetet e CSS pa probleme dhe brenda një dite
• RGBA— zgjidhni dhe ndryshoni paletën e ngjyrave, si dhe nivelin e dukshmërisë së elementeve të faqes së internetit
• Hije e tekstit- efekt për tekstin
• Hije kutie- Shtoni hije elementeve
• Rrotullimi i tekstit- Rrotulloni tekstin drejtpërdrejt
• @FontFace- një numër kombinimesh të thjeshta për të punuar me fontet në internet

Butonat e ndryshëm janë të rëndësishëm, butona të ndryshëm janë të nevojshëm! Vetëm nga këto mjete, me ndihmën e mjeteve të tilla, mund të dalloni lehtësisht stilin e një elementi kaq të rëndësishëm të një faqeje, siç është një buton i thjeshtë. Një gamë e gjerë parametrash të fuqisë CSS3, duke parë rezultatet në kohë reale, ju lejon të krijoni një stil të personalizuar për butonat në faqen tuaj.

Në kohën e duhur, pasi pashë dhe testova masakrat, hasa në një mjet të dobishëm, i cili zbuloi botën, një borgjez të mrekullueshëm. Shoku bëri një punë të shkëlqyer dhe krijoi një të thjeshtë me një gamë të gjerë mjetesh online për krijimin e butonave. Ideja më tërhoqi dhe besova se nuk ishte mirë që vëllezërit tanë t'i vareshin kërpudhave të tyre, duke përveshur mëngët, duke ripunuar fundjavën dhe duke krijuar një version më inteligjent të këtij instrumenti të mrekullueshëm edhe për rusët ny koristuvach. si shtimi i një funksioni për gjenerimin e një kodi gradient linear për sfondin e butonit. Rezultatet do të jenë humoristike, të ndjeshme dhe të thjeshta.

Një titull teksti për një faqe me një efekt të pazakontë 3D tërheq gjithmonë vëmendjen. Për të krijuar një mrekulli të tillë, pa u munduar të përdorni skedarë të dhënash shtesë, imazhe dhe javascript, ky gjenerator i mrekullueshëm në internet do t'ju ndihmojë Tekst 3D CSS.

Mbështetje e garantuar për të gjithë shfletuesit aktualë: Firefox, krom, Safari, Opera dhe nga kohët e fundit IE10! Në procesin e manipulimit të parametrave, gjithmonë do të shihni rezultatin përfundimtar të punës suaj. Seti i shkronjave është i vogël, përditësohet çdo orë, përveç faktit që alfabeti cirilik përfaqësohet saktë, në mënyrë që duke shtypur tekstin në rusisht, nuk do të merrni shumë gaforre, siç e shihni në aplikacionet e tjera të internetit të ky lloj.

Një grup tjetër mjetesh për modifikimin e parametrave CSS3 në internet, i cili përfshin përpunimin dhe gjenerimin e kodit për autoritetet tekst-hije(hije në tekst), gradient linear dhe radial, transformoj(Llojet e ndryshme të transformimit të elementit). Gama e gjerë e opsioneve të personalizimit për stilimin e elementeve të uebit të bllokut të pamjeve në paketën e veglave Vetitë e kutisë.

Siç sugjeron emri, është një gjenerator tjetër për krijimin e butonave duke përdorur wiki CSS3. Praktikisht të gjitha funksionet e nevojshme për robotin mbështeten. Duke manipuluar parametrat dhe duke shtuar pak imagjinatë, mund të arrini rezultate të mahnitshme.

Përveç punës në ueb për të punuar me CSS, është shumë më mirë, madje edhe më mirë, nëse keni në dorë një grup të ri mjetesh. - Një shërbim për të cilin mund të thoni "Të gjitha në një". Kjo faqe ka mbledhur sa më shumë informacion që të jetë e mundur për t'ju ndihmuar të mësoni CSS dhe të përmirësoni aftësitë tuaja të dizajnit të uebit. Këtu do të gjeni një gamë të tërë burimesh të qarta për të punuar me CSS. Tutoriale (mësime) të këndshme dhe aplikacione bazë të punës me CSS. Ai sulmon një grup gjeneratorësh në internet që konsumojnë pothuajse të gjithë gamën e fuqive CSS.

- Ne kontrollojmë shpejt se çfarë fuqie mbështet CSS3 shfletuesin që po përdorni.

Boshti, ndoshta, dhe kjo është e gjitha për sot. Lista, natyrisht, nuk është shteruese, thjesht nuk është e mundur që një person të analizojë të gjithë gamën e shtesave të dobishme në internet që mund të zvogëlojnë ndjeshëm kohën e kaluar kur punoni me CSS. Shpresoj që këto mjete të internetit pa kosto do të rrisin patjetër rritjen e punës suaj. Ju mund të merrni lehtësisht akses në këto zgjidhje të gatshme, duke përshpejtuar kështu procesin e zhvillimit të faqeve të internetit. Epo, jam lodhur duke ju dërguar komente dhe mendime. Suksese dhe gjithe te mirat!

Me respekt Andri

Ashtu si fillimet, ashtu dhe dizajnerët e plotësuar të faqosjes nuk mund të mos vërejnë se në të njëjtën kohë me mundësitë e reja në CSS3 teknologjive, njohurive të kodi css, duke u rritur mjaft i madh. Vetëm mos mendo se jam kundër zhvillimit dhe progresit të zhvillimit të ueb-it dhe ankohem për ata që, duke thënë këtë, duhet të shkruajnë më shumë kod.

Aspak! Aje para se të shfaqej CSS3 Shumë fjalime, për shembull, si qoshet e rrumbullakosura, gradientët, hijet, mund të punoheshin pa shikuar grafikën. U deshën më shumë se një orë, dhe faqja u bë e rëndësishme dhe u bë shumë tërheqëse. Në ditët e sotme, këto probleme janë zhdukur në të kaluarën dhe shfletuesi modern i internetit ka një arsenal edhe më të madh për zhvillimin e faqeve.

Le të themi vetëm se një zhvillues i avancuar do t'i kuptojë shpejt të gjitha risitë, por një fillestar do të duhet të kalojë më shumë se një orë duke kuptuar dhe shkruar kodin që është "rritur".

Unë do të shpenzoj një kohë të arsyeshme si një dizajner me përvojë dhe si fillestar. Se Raja duhet të vikorizojë të gjithë në krye gjeneratorë CSS kodi. Koristuvatisya gjeneratorë CSS Kodi është shumë i thjeshtë, janë specifikuar disa parametra të kërkuar. Në fund të demonstrimit, mund të shkarkoni të gjitha ndryshimet që kërkohen dhe kur të grumbulloni rezultatin e mbetur, klikoni butonin "gjeneroni", kopjoni dhe ngjisni nga CSS skedari i stileve.

Në këtë mënyrë, ne kursejmë një orë për të shkruar kodin, duke zvogëluar rrezikun e fajit dhe të mbetur - ne mund të heqim kodin e vlefshëm dhe të ndërshfletuesit menjëherë nga të gjitha prefikset.

Gjeneruesit e kodit CSSє shërbime online pa kosto (të paguara nuk janë të dukshme). Pas shumë testeve, zgjodha disa prej tyre, për mendimin tim, ato më të forta dhe kafe që mund t'i shikojmë tani.

1.CSS3 Shesh lojërash

Të gjithë zhvilluesit e uebit janë vazhdimisht në kërkim të mënyrave për të kursyer kohë dhe për të rritur produktivitetin e tyre. Mjetet që ndihmojnë me punën shfaqen rregullisht: sot, për shembull, një projektues ose një stilist nuk është aspak i detyruar të punojë në një vend të palëvizshëm, dhe ka shumë që mund të fitohen duke përdorur programe të specializuara m për telefonat inteligjentë. Disa nga këto mjete janë pa kosto, duke përfshirë gjeneruesit e kodeve CSS. Me ndihmën e një gjeneratori mund të fitoni edhe më shumë para. E tëra çfarë ju duhet të bëni është të dini se çfarë duhet të bëni dhe më pas të gjeni mjetin e duhur. FreelanceToday sjell në vëmendjen tuaj 10 gjeneratorë të kodit CSS pa kosto

CSS nuk ka një mënyrë të lehtë për të ngadalësuar animacionin përpara se cikli të fillojë përsëri. Është e mundur të bllokohet krijimi, por vetëm të bllokohet fillimi i animacionit, pastaj kur animohet. Mjeti PRIT! Animate ju lejon të hapni shpejt kohën e tharjes dhe ta futni atë midis cikleve. Efekti është i drejtpërdrejtë: animacioni ciklik zgjat një orë, dhe më pas ka një pauzë, fundi i së cilës vendoset nga vetë shpërndarësi. Pas përfundimit të pauzës, animacioni fillon përsëri. Një mjet shumë i dobishëm, me ndihmën e të cilit mund ta përdorni për të krijuar efekte animacioni të padukshëm pa bllokuar krijimin. E tëra çfarë ju duhet të bëni është të zgjidhni animacionin e kërkuar, të vendosni një pauzë dhe gjeneratori do të gjenerojë automatikisht kodin CSS.

Mjeti i gjeneratorit CSS3 nuk bën asgjë të parëndësishme - ai krijon fragmente kodi që nevojiten në punë. Me ndihmën e një gjeneratori shtesë, mund të krijoni 13 efekte që nevojiten më shpesh, duke përfshirë gradientët, hijet e tekstit, skicat, etj. Gjithçka që zhvilluesi duhet të bëjë është të zgjedhë efektin e dëshiruar, të rregullojë parametrat dhe të gjenerojë kodin. Me ndihmën e CSS Generator, zhvilluesi mund të kursejë shumë kohë - dhe ju gjithashtu keni në dorë një mjet që ju ndihmon të përfundoni më shumë detyra të përditshme.

Krijimi i gradientëve në CSS është i rëndësishëm, veçanërisht për zhvilluesit e uebit. Dhe, për fat të mirë, është shfaqur një mjet shumë i thjeshtë ColorZilla Gradients, i cili është redaktori vizual i fundit, në të cilin mund të krijoni gradientin e kërkuar dhe të gjeneroni kodin CSS në vetëm një sekondë. Mjeti është absolutisht pa kosto dhe funksionon afërsisht njësoj si një mjet standard Photoshop. Nuk ka asgjë të komplikuar, thjesht duhet të zgjidhni një ngjyrë të ngjashme dhe të krijoni një gradient duke lëvizur hapat. Ju mund të krijoni gradientë horizontale, vertikale, diagonale dhe radiale. Megjithatë, ka disa disavantazhe: kodi nuk mund të gjenerohet në versionet më të vjetra të shfletuesve më të njohur.

Ndonjëherë mund t'ju duhet të mahniteni se sa i dukshëm është një font tjetër kur vendoset një rregull i ri. Ju mund ta merrni këtë duke përdorur mjetin CSS Type Set. Gjeneratori funksionon kështu: së pari duhet të futni tekstin ose fjalët e kërkuara dhe të ndryshoni cilësimet, për shembull, të ndryshoni madhësinë e shkronjave, ngjyrën e tekstit, pozicionin midis shkronjave, imazhit dhe shumë më tepër. Të gjitha ndryshimet përditësohen në kohë reale: detajet do të shfaqen menjëherë pasi teksti shfaqet në faqen e internetit. E vetmja pengesë e këtij gjeneruesi të ngjyrave është përzgjedhja e vogël e shkronjave. Do të ishte edhe më mirë nëse krijuesit e mjetit do të shtonin shkronja nga koleksioni i Google Fonts. Ndërkohë zgjidhni fontet më të kërkuara: Arial, Verdana, Tahoma, Times New Roman etj.

Mjeti Enjoy CSS është një mjet i plotë për çdo zhvillues të uebit. Ai është njëkohësisht një redaktues vizual dhe një gjenerues kodesh, që do të thotë se me ndihmën e tij mund të krijoni elementë të ndryshëm të dizajnit, të tilla si butona, fusha hyrëse, blloqe dhe drejtpërdrejt të gjeneroni kodin CSS. Enjoy CSS ju lejon të krijoni pothuajse gjithçka që një zhvilluesi mund të ketë nevojë në punën e tij të përditshme, duke përfshirë tranzicionet dhe transformimet. Mund të kontrolloni se si duken fontet e Adobe, pasi ato mund të kenë efekte të ndryshme teksti. Avantazhi më i madh i këtij gjeneratori është disponueshmëria e një galerie CSS, e cila ju lejon të vendosni fragmente kodi falas dhe të përgatitni shabllone për elementët më të kërkuar të dizajnit.

Flexbox nuk përpiqet të zgjidhë problemin që lind kur mbështetet në paraqitjet CSS. Një projektues layout duhet të përballet me një numër të madh problemesh gjatë krijimit të një faqe interneti. Flexbox ju lejon të kontrolloni shtrirjen, renditjen dhe madhësinë e të gjithë elementëve përgjatë akseve të shumta, së bashku me detaje të tjera. Kur të gjitha blloqet bëhen humike, elementët mund të shtrihen dhe shtrydhen sipas rregullave të dhëna. Flexbox është një specifikim i ri dhe ende nuk ka shumë faqe në internet të krijuara duke përdorur atë. Ale patjetër do të punojë për Flexbox - vërtet do ta fal robotin. Gjeneratori Flexy Boxes ju lejon të nxirrni shpejt kodin e kërkuar CSS duke futur parametrat e elementit në një meny të veçantë.

Mjeti CSSmatic është një multi-gjenerues, i cili ndahet në disa. Me këtë ju mund të gjeneroni lehtësisht kodin për gradient, teksturë, rreze rrumbullakimi dhe hije. Një mjet shumë i dobishëm për punën e përditshme. Epo, gjeneratori i dobët përmban një URL të pasur, kështu që mund të shënoni, për shembull, vetëm gjeneratorin e gradientit dhe më pas të përdorni vetëm këtë mjet nëse nuk ju nevojitet asgjë tjetër. Një gjenerator shumë i thjeshtë, për më tepër, ka një funksionalitet për krijimin e zhurmës, i cili ju lejon të hiqni shpejt kodin CSS të teksteve të ndryshme të sfondit.

Sot, shumë zhvillues po përpiqen të përfaqësojnë imazhe duke përdorur kodin base64, për shembull, kështu që është e lehtë të ruash imazhe të tjera që nuk mund të vendosen në një sprite. Kjo metodë kursen shumë kërkesa në serverin në internet dhe ju lejon të ruani një ose disa skedarë që duhet të shkarkohen. Imazhi që rikodohet në gjenerator i lejon shfletuesit të hartojë imazhin pa hyrje shtesë në server. Mjeti Base64 CSS ju lejon të nxirrni kodin e kërkuar në sekonda. E tëra çfarë ju duhet të bëni është të zgjidhni imazhin e kërkuar dhe gjeneratori do të rikodojë automatikisht imazhin. Ndoshta ky mjet nuk do të përfitojë nga përdoruesi, por kjo metodë do të rrisë produktivitetin e faqes nga ana e përdoruesit dhe do të rrisë dukshmërinë e tij për sistemet e zërit.

Duke përdorur gjeneratorin Patternify, mund të krijoni kodin CSS për imazhet e sfondit. Ky mjet është absolutisht pa kosto dhe ju lejon të krijoni struktura të plota. Sigurisht, mundësia e një shërbimi shkëmbimi, duke qenë se krijon një strukturë pikselësh, do t'i shtohet zhurmës në gjeneratorët e tjerë. Koha nuk është më pak, mjeti është madje kafe, dhe Patternfly krijon automatikisht një URL të imazhit dhe gjeneron një kod base64 që mund të futet në një skedar CSS.

Mjeti CSS Button Generator mbyll listën e gjeneruesve pa kosto të kodit CSS. Siç sugjeron emri, ju lejon të shikoni kodin CSS të butonave të ndryshëm. Përdoruesi mund të zgjedhë një buton të gatshëm, të cilin mund ta gjeni në galeri, i cili do të shfaqet gradualisht, ose të krijojë redaktorin tuaj vizual. Ka kaq shumë për të personalizuar, saqë duke specifikuar parametrat e kërkuar, mund të gjeneroni kod për pothuajse çdo buton. Kodi i krijimit do të shkojë menjëherë në clipboard, pas së cilës mund ta përdorni në robot.