Сервіс створення веб-елементів - livetools.

Відео: Огляд сервісу по генерації кнопок, форм, стрічок, іконок

Всім привіт! Сьогодні я хочу розповісти вам про один дуже цікавий сервіс, який дозволяє легко зробити кнопки, форми та інше.

Знайти даний сервіс ви можете за посиланням:

Відео: Set Up Live Tools Properly on Your Haas Lathe - Haas Automation Tip of the Day

https://livetools.uiparade.com/index.html

Внизу ви побачите 4 кнопки.

Button Builder

Натиснувши на кнопку button builder ви перейдете в конструктор кнопок.

Тут ви можете створити будь-яку кнопку, яку захочете. Додати їй відступи, тіні, розмір і багато чого іншого. Також, ви можете задати свої стилі для кнопки в звичайному стані, при наведенні і при натисканні на кнопку. Все залежить лише від вашої фантазії, дерзайте.

Form builder

Натиснувши на цю кнопку ви потрапите в конструктор форм.

Тут ви можете створити ту форму, яку хочете. Додати стилі як до самого блоку з формою, так і до полів, кнопок, підписам. Ви можете задати написи, які будуть показуватися в полях і зникати при кліці по ним. А коли все готово, внизу натисніть на кнопки Generate HTML і Generate CSS, Щоб отримати html і css код відповідно. Тепер залишається лише радіти новій формі.

Icon builder

Надзвичайно корисна функція. Тут ви можете намалювати будь-яку іконку для кнопок або меню, але найкорисніша функція - ви можете створити свій favicon. Він буде потрібного розміру, і після ви запросто зможете додати його собі на сайт.

Відео: Z-MaT FL300 with Saw Blade on Live Tools

Ribbon builder

Клікнувши по цій кнопці, ви перейдете в конструктор стрічок. Тут ви можете задати довжину самої стрічки або її кінців, задати колір напису, тіні, градієнт заднього фону, а потім також отримати готовий html і css код. Дуже корисно при створенні, наприклад, стрічок, що позначають якісь знижки на товари або показують, що товар новий.