Un generator de cod CSS este un instrument foarte convenabil care poate economisi un dezvoltator web mult timp și, de asemenea, poate proteja împotriva erorilor inutile. În plus, codul tău va deveni mai lizibil. În acest articol, am selectat o serie de generatoare de cod CSS care considerăm că sunt utile.

CSS Faceți clic pe Diagramă

Cheatsheet CSS

Spritebox

Generator de hărți pixeli

CSS curat

CSS Animate

Ei bine, băieți, animație? Aplicați și jucați-vă cu tranzițiile în CSS.

Gradienți UI

AȘTEPTA! Anima

Crearea de pauze personalizate care se repetă între animațiile CSS nu a fost niciodată o sarcină ușoară. Dar cu ajutorul acestei aplicații, complexitatea procedurii este redusă la zero.

Generator CSS3

Set de tip CSS

Vrei să vezi cum arată diferitele fonturi? Accesați Setul de tip CSS. Tot ce trebuie să faceți este să introduceți text și să selectați opțiunile de font.

Bucurați-vă de CSS

Cutii Flexy

Dacă întâmpinați probleme cu flexbox, atunci ar trebui să încercați Flexy Boxes. În această aplicație puteți compara diferite versiuni de flexbox și interpretări de sintaxă.

Un generator de cod CSS este un instrument foarte convenabil care poate economisi un dezvoltator web mult timp și, de asemenea, poate proteja împotriva erorilor inutile. În plus, codul tău va deveni mai lizibil. În acest articol, am selectat o serie de generatoare de cod CSS care considerăm că sunt utile.

CSS Faceți clic pe Diagramă

Cheatsheet CSS

Spritebox

Generator de hărți pixeli

CSS curat

CSS Animate

Ei bine, băieți, animație? Aplicați și jucați-vă cu tranzițiile în CSS.

Gradienți UI

AȘTEPTA! Anima

Crearea de pauze personalizate care se repetă între animațiile CSS nu a fost niciodată o sarcină ușoară. Dar cu ajutorul acestei aplicații, complexitatea procedurii este redusă la zero.

Generator CSS3

Set de tip CSS

Vrei să vezi cum arată diferitele fonturi? Accesați Setul de tip CSS. Tot ce trebuie să faceți este să introduceți text și să selectați opțiunile de font.

Bucurați-vă de CSS

Cutii Flexy

Dacă întâmpinați probleme cu flexbox, atunci ar trebui să încercați Flexy Boxes. În această aplicație puteți compara diferite versiuni de flexbox și interpretări de sintaxă.

A! Folosești generatoare? CSS3 sau HTML5? Dacă nu, atunci poate că merită încercat :) Imaginează-ți doar că poți renunța la descrierea manuală a stilurilor pentru butoane, colțuri în blocuri, umbre, degrade dacă folosește cineva și așa mai departe, de asemenea, HTML5. De ce să scrieți același cod de fiecare dată când creați un nou proiect, când puteți „completa” parametrii din casete, apăsați un buton și obțineți un cod sursă gata făcut și, dacă este necesar, reparați-l!
În acest articol vă voi arăta o selecție de astfel de generatoare. În cea mai mare parte, acestea vor fi generatoare CSS3 și câteva pentru HTML5. Pentru a accesa site-ul web al serviciului - Faceți clic pe numele serviciului!

Generatoare CSS3:

CSS3.me

Unul dintre cele mai bune generatoare. Autorul este Eric Hoffman. Este posibil să schimbați și să setați rotunjirea, umbra, gradientul și transparența - cele mai frecvent utilizate efecte.

Creator CSS3

Există aproape de toate și puțin mai mult. Puteți personaliza fața @font, animația, umbra casetei, umbra textului, rotația textului, transformarea, gradienții, rotunjirea și multe altele.

Generator CSS3

Are aproximativ aceeași funcționalitate ca generatorul anterior. Trebuie să selectați elementul de interes din lista derulantă și să introduceți datele primare.

Webestools Shadow Generator

Generator de umbre. Numai umbrele pot fi ajustate: culoare, offset, estompare, umbră interioară sau exterioară etc.

Generatoare de butoane

Generator de butoane CSS3

Generator de distracție. În dreapta există un buton mare - rezultatul manipulărilor, iar în stânga sunt setări. Puteți manipula umbrele, chenarul, culoarea și așa mai departe. Glisoarele de glisare și plasare sunt grozave pentru persoanele care sunt noi în crearea site-urilor web. Este bine că puteți vedea imediat reacția la acțiunea dvs., de aici puteți înțelege care setare este responsabilă pentru ce.

CSS3-Tricks Button Maker

Acest generator de butoane este puțin mai simplu. Întregul proces de creare a unui buton se bazează pe tragerea glisoarelor. Aici pariul este pe fundal, adică jocul cu culorile butonului.

CSS3 Button.net

Acesta nu este încă un generator de butoane rău. Puteți personaliza fundalul butonului, chenarul, umbra exterioară, umbra interioară, dimensiunea, culoarea textului și umbra textului. Când faci modificări în blocul din dreapta, codul se schimbă imediat.

Generator de imagine de bord și de rază

Frontiera-Raza

Funcționalitate destul de modestă: puteți configura doar rotunjirea colțurilor, dar apoi fiecare colț separat.

Imagine-chenar

Puțin greu de învățat, dar dacă trebuie să creați o chenar pe o imagine, atunci acest instrument este potrivit! Îți selectezi imaginea, folosește glisoarele pentru a selecta dimensiunea chenarului, poți chiar să mărești fundalul pentru fiecare chenar... tot o modalitate de a repeta imaginea. Și codul este generat de jos.

Generator de gradient CSS3

Editorul Gradient Colorzilla

Iată un generator de gradient foarte grozav. Există un număr mare de seturi de culori gata făcute, dar le puteți alege și pe ale dvs. Tipul de gradient este setat: orizontal, vertical etc. Există chiar și suport pentru IE.

generatoare HTML5

HTML5 ★ BOILERPLATE

Cu acest generator obțineți un șablon de șablon care este complet optimizat pentru diferite browsere. Mi-a plăcut foarte mult acest generator, îl voi folosi acum. Pentru a vă familiariza cu toate „trucurile”, vizitați acest proiect, mai ales că totul este în rusă.

Generatorul Shikiryu HTML5 este puțin mai complex decât cel anterior. Ne permite să introducem titlul și descrierea paginii, să conectăm cadrul css, stilurile butoanelor css, bibliotecă, analiză etc.

Initializr este un generator de șabloane HTML5 care vă va ajuta să începeți cu un nou proiect. Initializr creează un șablon curat, personalizabil pentru dvs. Parametrii selectați sunt: ​​framework primar, opțiuni de server (.htaccess, nginx.conf, web.config), conexiune jquery, google analytics, alegere între etc.

Acesta este un generator simplu. Ni se cere să selectăm ce elemente vor fi prezente pe pagină și, de asemenea, să specificăm câteva opțiuni.

Atâta tot, dacă cunoașteți vreun generator bun HTML5 sau CSS3, nu ezitați să scrieți despre ele în comentarii :)

Pentru a fi la curent cu cele mai recente articole și lecții, abonați-vă la

Acest generator simplu de pagini de site vă permite să creați pagini pentru site-ul dvs. ca într-un editor de text obișnuit. Poate genera toate cele mai necesare etichete HTML în corpul unei pagini web. Acest generator de cod html pentru corpul paginilor site-ului web va grăbi crearea paginilor site-ului de mai multe ori.

Câteva note despre utilizarea unui generator de pagini de site

Acest generator de pagini de site este vizual în sensul că generează codul html al paginii astfel încât în ​​browserul în care vă aflați când lucrați cu acest generator, pagina să fie afișată exact așa cum o vedeți în fereastra editorului. Acest editor-generator generează numai coduri de markup, adică numai HTML. Nu este destinat creării de scripturi în limbaje de programare precum JavaScript sau PHP.

Acest editor este destinat webmasterilor începători care abia încep să învețe limbajul de marcare HTML. Dar va fi util și pentru constructorii de site-uri experimentați să creeze rapid pagini mici sau șabloane de pagini. Webmasterii începători vor fi atrași de capacitatea de a compara rapid modificările aduse designului paginii cu modul în care acestea se reflectă în modificarea marcajului html al paginii. Această comparație rapidă vă permite să învățați HTML cât mai rapid și eficient posibil.

Acest editor nu este conceput pentru a lucra cu text foarte mare și un număr mare de imagini „grele”. Dacă doriți să creați o pagină web cu text foarte mare și/sau imagini mari în acest editor, atunci este mai bine să creați mai întâi un șablon de pagină web complet, să copiați codul html rezultat în fișierul paginii web și abia apoi să introduceți text lung acolo și link-uri către imagini. Rețineți că acest editor nu este un editor profesionist și este destinat în primul rând amatorilor și webmasterilor începători. Scopul său principal este de a ajuta începătorii să învețe construirea de site-uri web.

Instructiuni de folosire

Dacă ați folosit vreodată editori de text precum MS Word, atunci nu veți avea dificultăți în a stăpâni acest generator de pagini web. Acest editor poate fi folosit fie pentru a crea corpul unei pagini web de la zero, fie pentru a edita o pagină web existentă pentru a-i face propriile modificări.

Dacă începeți să vă creați pagina de la zero, atunci trebuie să ștergeți textul meu inițial din fereastra editorului și să începeți să introduceți textul, imaginile și să faceți propria dvs. formatare acolo. Când lucrarea este terminată, trebuie să faceți clic pe butonul „Cod” din partea de jos a ecranului editorului și să copiați codul rezultat în fișierul paginii dvs. web. Și salvați acest fișier. Vă rugăm să rețineți că trebuie să copiați codurile primite numai în corpul paginii web, adică doar între etichete Și

. Etichetele în sine corp nu sunt create de editor.

Dacă doriți să editați o pagină web gata făcută, de exemplu, una care nu a fost creată de dvs. sau pe care ați creat-o cu mult timp în urmă, atunci trebuie să faceți clic pe butonul „Cod” din partea de jos a ecranului editorului, eliminați toate codurile mele inițiale din fereastra editorului și copiați codurile acolo din fișierul paginii web. Vă rugăm să rețineți că trebuie doar să copiați codurile din corpul unei pagini web existente, adică doar ceea ce este între etichete Și

. Etichetele în sine corp nu este nevoie să copiați în editor. Apoi trebuie să reveniți la modul de editare vizuală. Pentru a face acest lucru, faceți clic pe butonul „Design” din partea de jos a ferestrei editorului și începeți să faceți modificări la aspectul paginii.

Este clar că puteți edita corpul unei pagini web în acest editor în două moduri. Fie în modul „Design”, editați vizual, fie în modul „Cod”, editați direct în cod. Prin urmare, pentru webmasterii începători, acest editor este foarte util pentru învățare. Puteți face câteva mici modificări unei pagini web în modul vizual și puteți vedea imediat cum s-a schimbat codul trecând la modul de editare a codului. Sau, dimpotrivă, puteți face câteva mici modificări codului paginii web în modul de editare a codului și puteți vedea imediat cum se modifică pagina dvs. web trecând la modul de editare vizuală (sau la modul de vizualizare folosind butonul „Previzualizare”) .

Editare de bază a textului

Bara de meniu de sus conține butoane pentru editarea generală a textului. Au notații standard care sunt acceptate în orice alt editor de text. Prin urmare, să trecem pe scurt peste ele.

Totul funcționează foarte simplu. Fie selectați o parte a textului și faceți clic pe butonul din meniul de sus, astfel încât această parte a textului să fie formatată corespunzător. Sau, dacă nu este selectat nimic, atunci trece la modul butonului corespunzător, adică dacă continuați să introduceți text, textul va fi introdus în modul butonului pe care tocmai l-ați activat.

De asemenea, ca în orice editor de text, există moduri care se aplică numai paragrafului în întregime și moduri care pot fi aplicate unei părți a paragrafului.

O scurtă descriere a tuturor butoanelor din partea de sus a meniului în ordinea în care sunt amplasate:

• Paragraf. Selectează nivelul titlului. Se aplică paragrafului în ansamblu.
• Fonturi.
• Marimea fontului.
• Culoarea fontului.
• Font aldine.
• Font italic.
• Font subliniat.
• Font tăiat.
• Alinia la stânga. Se aplică paragrafului în ansamblu.
• Centrare. Se aplică paragrafului în ansamblu.
• Aliniați dreapta. Se aplică paragrafului în ansamblu.
• Aliniere în două sensuri. Se aplică paragrafului în ansamblu.
• Linie orizontală. Acesta nu este nici un paragraf, nici o parte dintr-un paragraf. Aceasta înseamnă pur și simplu inserarea unei linii orizontale pe toată lățimea.
• Superscript.
• Indice.

Editare html de bază

Bara de meniu din mijloc conține atât butoane pentru editarea tipică a unei pagini web, cât și butoane de serviciu pentru editorii obișnuiți.

Descrierea tuturor butoanelor din partea de sus a meniului, în ordinea locației lor:

• Crearea unui hyperlink. Asigurați-vă că utilizați mouse-ul pentru a selecta textul sau imaginea care, atunci când faceți clic, vă va duce la o altă pagină web. După selecție, faceți clic pe butonul de meniu și deschideți o fereastră în care trebuie să specificați adresa unde va merge tranziția (URL) și condițiile de tranziție (țintă). Puteți seta următoarele condiții:
  • Gol. În mod implicit, o pagină nouă se va deschide în aceeași fereastră.
  • _gol. Noua pagină va apărea într-o nouă fereastră de browser (sau o nouă filă de browser, în funcție de setările specifice ale browserului).
  • _mamă. Noua pagină va fi afișată în fereastra browserului părinte (sau filă). Dacă nu există nicio fereastră părinte (sau filă), atunci acesta este un analog al condiției _self.
  • _de sine. Noua pagină va fi afișată în aceeași fereastră în care se află linkul. Acesta este analog cu modul „Gol”.
  • _top. Dacă pagina site-ului este încadrată (adică împărțită în mai multe ferestre), atunci noua pagină va fi afișată în toată fereastra browserului. În cazul obișnuit, acesta este, de asemenea, un analog al modului _self.
  Vă rugăm să rețineți că trebuie să specificați adresa noii pagini la care duce hyperlinkul în formă completă, cum ar fi „http://site.ru” sau „http://site.ru/page.html”. În caz contrar, atunci când încercați să editați din nou acest hyperlink, acest editor nu va găsi adresa site-ului și implicit va înlocui adresa site-ului meu „http://site” chiar înainte de numele paginii dvs.
• Anulați hyperlinkul. Selectați INTREGUL text al hyperlinkului. Dacă selectați doar o parte a textului unui hyperlink, partea neselectată va rămâne hyperlink. De exemplu, dacă este selectată doar partea centrală a textului hyperlink, atunci se formează două hyperlinkuri cu aceeași adresă pe textele neselectate.
• Inserarea unei imagini. Plasați cursorul în locul unde ar trebui să fie imaginea și apăsați butonul. În fereastra care se deschide, setați calea către imagine (Adresa URL a imaginii), descrierea imaginii (Descrierea imaginii), alinierea imaginii pe pagină (Aliniere), lățimea marginii (Border) și indentarea imaginii din text (sau alte elemente de pe pagină orizontal și vertical (HSpace), VSpace). Puteți seta alinierea imaginii după cum urmează:
  • Gol. Valoarea implicită este alinierea la stânga.
  • De bază. Textul (și alte elemente ale paginii) aflate cu o imagine într-un paragraf vor fi poziționați așa cum au decis creatorii browserului dvs.
  • Top. Textul (și alte elemente ale paginii) care se află în același paragraf cu o imagine vor fi aliniate la partea de sus a imaginii.
  • Mijloc. Textul (și alte elemente ale paginii) situate în același paragraf cu o imagine vor fi aliniate la centrul imaginii.
  • Dottom. Textul (și alte elemente ale paginii) aflate în același paragraf cu o imagine vor fi aliniate la partea de jos a imaginii.
  • TextTop. Textul (și alte elemente ale paginii) care se află în același paragraf cu o imagine vor fi plasate deasupra imaginii. (Nu este acceptat de toate browserele.)
  • Mijloc absolut. (Nu este acceptat de toate browserele.)
  • Fund absolut. (Nu este acceptat de toate browserele.)
  • Stânga. Imaginea va fi plasată în stânga textului (și a altor elemente de pagină) aflate în același paragraf cu imaginea.
  • Dreapta. Imaginea va fi plasată în dreapta textului (și a altor elemente de pagină) aflate în același paragraf cu imaginea.
  Imaginea inserată nu va mai fi editabilă în editorul vizual. Prin urmare, pentru a edita în continuare imaginea, treceți la modul de editare a codului. Pentru a șterge o imagine, faceți clic pe ea cu mouse-ul și apăsați butonul Ștergere (Del) de pe tastatură.
• Anulați formatarea. Anulează formatarea care a fost efectuată folosind butoanele din bara de meniu de sus care se aplică formatării unei părți a unui paragraf. Funcționează exact la fel ca butoanele din meniul de sus, atunci când trebuie să anulați formatarea, adică selectați fragmentul de text dorit și faceți clic pe acest buton. Comoditatea acestui buton este că, cu un singur clic, elimină imediat toate formatările, de toate tipurile, care au fost în fragmentul selectat.
• Crearea și editarea unui tabel. Butonul este folosit pentru a crea un tabel în locația cursorului sau pentru a edita tabelul selectat. Când creați un tabel, trebuie să specificați următorii parametri:
  • Rânduri - numărul de rânduri.
  • Coloane - numărul de coloane.
  • Lățimea - lățimea mesei. Setați fie ca procent din lățimea ecranului, fie în pixeli.
  • Border - lățimea marginilor celulei. Dacă sunt lăsate la 0, marginile celulei nu vor fi vizibile.
  • CellSpacing - distanța în pixeli dintre celulele tabelului.
  • CellPadding - distanța în pixeli de la marginea celulei la textul din interiorul celulei.
  • Aliniere - alinierea tabelului pe pagini:
    • Mod implicit. În mod implicit, așa cum se stabilește de către dezvoltatorii browserului dvs.
    • Stânga. Tabelul este apăsat pe marginea stângă a paginii.
    • Centru. Tabelul este situat în centrul paginii web.
    • Dreapta. Tabelul este apăsat pe marginea dreaptă a paginii.
  Pentru a șterge un tabel, trebuie să selectați chenarul acestuia făcând clic pe margine cu mouse-ul și apăsând butonul Ștergere (Del) de pe tastatură. Pentru a edita un tabel, plasați cursorul oriunde în tabel (sau selectați o parte a tabelului sau întregul tabel) și apăsați din nou butonul de meniu. În acest caz, toți parametrii sunt disponibili pentru editare, cu excepția numărului de rânduri și a numărului de coloane. Următoarele 6 butoane din bara de meniu din mijloc sunt concepute pentru a edita numărul de rânduri și coloane dintr-un tabel deja creat. Când cursorul se află pe tabel, aceste șase butoane sunt disponibile pentru clic.
• Creați o coloană în stânga cursorului. Dacă sunt selectate mai multe coloane, atunci cursorul este considerat a fi pe ultima coloană care a fost selectată.
• Creați o coloană în dreapta cursorului. Dacă sunt selectate mai multe coloane, atunci cursorul este considerat a fi pe ultima coloană care a fost selectată.
• Creați o linie deasupra cursorului. Dacă sunt selectate mai multe linii, atunci cursorul este considerat a fi pe ultima linie care a fost selectată.
• Creați o linie sub cursor. Dacă sunt selectate mai multe linii, atunci cursorul este considerat a fi pe ultima linie care a fost selectată.
• Eliminați o coloană de pe cursor. Dacă sunt selectate mai multe coloane, atunci cursorul este considerat a fi pe ultima coloană care a fost selectată.
• Ștergeți o linie de pe cursor. Dacă sunt selectate mai multe linii, atunci cursorul este considerat a fi pe ultima linie care a fost selectată.
• Creați o listă numerotată. Sau selectați câteva paragrafe și faceți clic pe butonul de meniu. În acest caz, toate aceste paragrafe devin elemente ale unei liste numerotate. Sau plasați cursorul în locul dorit, faceți clic pe acest buton de meniu, iar apoi toate paragrafele pe care le introduceți devin automat elemente ale unei liste numerotate.
• Creați o listă simplă. Selectați câteva paragrafe și faceți clic pe butonul de meniu. În acest caz, toate aceste paragrafe devin elemente ale unei simple liste fără numerotare.
• Îndepărtarea indentării. Cursorul ar trebui să fie pe paragraful ale cărui indentări dorim să le eliminăm. Puteți selecta un paragraf întreg sau doar o parte din el.
• Crearea unei indentări. Cursorul ar trebui să fie pe paragraful pentru care dorim să creăm o indentare din stânga. Puteți selecta un paragraf întreg sau doar o parte din el. Indentația este creată pentru întregul paragraf ca întreg (nu doar primul rând).
• Derulați înapoi toate modificările. Până când faceți clic pe butonul „Cod” sau „Previzualizare”, puteți șterge toate modificările efectuate și puteți reveni la starea în care ați văzut ultima dată codul sau ați vizualizat pagina.
• Restaurează înainte toate modificările eliminate. Dacă ați anulat mai multe modificări decât este necesar, puteți restabili modificările eliminate. De asemenea, dacă după ce ați revenit modificările ați trecut la modul „cod” sau „Previzualizare”, nu veți mai putea restabili modificările.
• Distrugeți selecția în timp ce copiați simultan selecția într-un buzunar Windows. (Ctrl+X)
• Copiați selecția în „buzunarul” Windows. (Ctrl+C)
• Lipiți conținutul „buzunarului” Windows în locul în care se află cursorul. (Ctrl+V)

Editare html suplimentară

A treia linie de meniu conține în principal butoane pentru crearea și editarea formularelor, precum și unele dintre caracteristicile suplimentare obișnuite ale oricărui editor.

Lista butoanelor de pe a treia linie de meniu în ordinea locației lor:

• Creați un formular. În fereastra deschisă, trebuie să introduceți numele formularului, adresa script-ului care va procesa datele acestui formular și metoda de transfer de date (post sau obține).
• Creați o casetă de selectare. În fereastra deschisă, introduceți numele acestui formular de selecție, valoarea acceptată la selectare și indicați dacă caseta de selectare este bifată inițial în acest formular sau nu.
• Creați un buton radio. În fereastra deschisă, introduceți numele acestui formular de selecție, valoarea acceptată atunci când este selectat și indicați dacă acest buton este selectat inițial sau nu. Când creați un meniu din butoanele radio, nu uitați că toate butoanele radio ale aceluiași meniu trebuie să aibă același nume.
• Creați o platformă pentru introducerea textului. În fereastra deschisă, introduceți numele zonei pentru introducerea textului, lățimea zonei în numărul de caractere, numărul de linii ale zonei, locația paragrafelor și a barelor de defilare și textul inițial în acest câmp.
• Creați un buton „Run”. În fereastra care se deschide, scrieți numele butonului și textul care va fi scris pe acest buton.
• Creați un buton „Run” sub forma unei imagini. În fereastra care se deschide, scrieți numele butonului și adresa imaginii care va juca rolul butonului.
• Creați un buton pentru a șterge formularul completat și a returna toate valorile implicite. În fereastra care se deschide, scrieți numele butonului și textul care va fi scris pe acest buton.
• Creați un câmp ascuns. În fereastra care se deschide, scrieți numele câmpului ascuns și valoarea acestuia.
• Creați un câmp de parolă cu asteriscuri. În fereastra care se deschide, scrieți numele câmpului de parolă, lungimea câmpului și numărul maxim de caractere de parolă pe care utilizatorul le poate introduce la introducerea parolei.
• Creați un câmp de text. În fereastra care se deschide, scrieți numele câmpului de text, dimensiunea acestuia în caractere, numărul maxim de caractere pe care utilizatorul le poate introduce și textul inițial din acest câmp.
• Trimiteți pentru tipărire.
• Selectează tot.

O zi buna! Voi explica imediat despre designul postării: într-o zi, după ce am dat peste ea, nu am fost foarte mulțumit de cantitatea imensă de informații și elemente de navigare din generatoarele prezentate și cu atât mai mult de interfața lor cu utilizatorul! Am fost revoltat că instrumentele pentru a lucra stiluri- ei înșiși nu sunt ținuți în limitele posibilităților pe care le reprezintă... cum așa?!

Când ești angajat în creativitate, vrei să ai mijloace și instrumente disponibile pentru a stăpâni și a lucra cu care cheltuiești minim efort și timp. Ca urmare a tuturor acestor lucruri, a venit gândul: selectați cel mai bun unelte și organiza pentru utilizare frecventă (a la un meniu de navigare, cum ar fi: Lansare rapidă).

Sper că pentru mulți oameni acest know-how va fi un bun ajutor în procesul de dezvoltare web.

Generatoare CSS:

• CSS3.me- generator CSS simplu, elegant și în același timp bogat în funcții, cu un domeniu frumos
• CSS3Maker.com- funcționalitate foarte extinsă pentru lucrul cu noile funcții CSS3, compatibilitate între browsere, flexibilitate și un set complet de tot ce aveți nevoie;
• CSS3Generator.com- nimic de prisos, pentru iubitorii de clasici și simplitate, într-un cuvânt „vechea școală”;
• Colorzilla.com- un generator de gradient pentru crearea de imagini frumoase de fundal, cu suport pentru majoritatea browserelor și fără utilizarea imaginilor (CSS pur).

Instrumente WEB:

• Constructor de butoane- un instrument de proiectare a butoanelor, cu ritmul Web 2.0. Printre funcționalități, putem remarca capacitatea de personalizare: căptușeală internă, dimensiunea textului, rotunjimea colțurilor și alegerea culorilor gradient;
• Constructor de forme- un designer de formulare care vă permite să personalizați aspectul atât al formei în ansamblu, cât și al elementelor sale individuale;
• Constructor de pictograme- simțiți-vă ca un artist liber, creând pictograme noi pentru butoanele, meniurile și favicon-urile dvs.;
• Constructor de panglici- pentru a crea panglici elegante folosind CSS pur, utilizați acest instrument cu o gamă largă de setări și opțiuni.

Imagini sub formă de butoane (pictograme) la începutul articolului - se poate face clic!

Dacă aveți sugestii sau cunoașteți instrumente interesante care pot sprijini această idee, vă rugăm să vorbiți. Vă rugăm să nu aruncați gunoaie, vrem doar să adăugăm articole exclusive la asamblare. Mulțumesc.