LayoutIt: "desenezi" cu Bootstrap


Cu ceva vreme în urmă, Twitter Bootstrap a ajuns la versiunea 3. Între puţinele instrumente online care s-au aliniat noii versiuni este Layout It, un excelent mod de a porni un design cu Bootstrap. De fapt merge şi cu 2, dacă aţi rămas fani ai versiunii anterioare. Dacă însă vreţi să fiţi la zi, daţi click pe Start Now with Bootstrap 3! Veţi scuti câteva minute, chiar zeci de minute, în care aţi scrie linie cu linie partea HTML şi JavaScript necesară diferitelor componente.

imagine

După cum se poate vedea în captura următoare, avem un editor vizual în care tragem cu mouse-ul componentele dorite pentru a crea designul dorit. Unele componente au şi opţiuni suplimentare, precum în cazul butoanelor. De reţinut că aceasta este doar o etapă de „pictare”. Cei care au folosit Bootstrap se vor simţi acasă… pentru ceilalţi probabil va fi necesar un timp de acomodare. Dacă vreţi să vedeţi ce aţi „pictat”, daţi click pe butonul Preview. Când totul e ok, puteţi descărca proiectul sub forma unei arhive ce conţine toate cele necesare. Desigur, de aici începe munca Dvs. În primul rând la capitolul CSS, pentru a pune fundaluri, pentru a spaţia elemente, pentru a personaliza suplimentar „scheletul” dat. Dar oricum este mai uşor decât să scrii tu tot…

imagine

Există şi un clip care prezintă în acţiune instrumentul tocmai descris.


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (2 evaluări, media: 5,00 din 5)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *