MastersAcademy / frontend-course-2019

Репозиторій з курсу «Advanced Front-end» проекту Masters Academy
https://www.facebook.com/cherkasy.masters/
MIT License
4 stars 19 forks source link

Homework markup 6 (Forms) #193

Open smithua opened 4 years ago

smithua commented 4 years ago

Полезные материалы:

Набор стилизованных компонентов с хорошей разметкой, с которых можно начинать свой проект: http://wtfforms.com/

Не используйте эти инпуты, с ними есть проблем в стилизации. И с приходом HTML5, для всех кнопок есть тег <button>

Вместо <input type="number"> лучше использовать <input type="tel"> (number - плохо поддается кастомизации)

У тега <button> дефолтный тип type="submit" - всегда указывайте тип кнопки.

<input type="range"> - хорошо поддается стилизации.

<input type="color"> - лучше использовать какую то библиотеку, мы у себя юзаем spectrum <input type="date"> - слабая поддержка, лучше использовать библиотеку.

Очень крутой цикл статей от Хейдона Пикеринга Рекомендую к прочтению, т.к очень детально все описывается: https://inclusive-components.design/#components Перевод: (гуглить ключевые слова web standards инклюзивные компоненты) https://medium.com/web-standards/tooltips-toggletips-c20691665ac7

WYSIWYG editors: https://www.tiny.cloud/ https://ckeditor.com/ https://summernote.org/