- PVSM.RU - https://www.pvsm.ru -
Клёвая форма кредитной карты с гладкими и приятными микровзаимодействиями. Включает форматирование чисел, проверку и автоматическое определение типа карты. Она построена на Vue.js, а также полностью адаптивная. (Посмотреть можно здесь [1].)
credit-card-form [2]
Чему научитесь:
[3]
Статья переведена при поддержке компании EDISON Software, которая заботится о здоровье программистов и их завтраке [4], а также разрабатывает программное обеспечение на заказ [5].
Гистограмма — это диаграмма или график, который представляет категорийные данные с прямоугольными столбцами с высотами или длинами, пропорциональными значениям, которые они представляют.
Они могут быть нанесены вертикально или горизонтально. Вертикальная гистограмма иногда называется линейной диаграммой.
Чему научитесь:
canvas
и как рисовать элементы с нимЗдесь [6] вы можете найти данные о населении мира. Они отсортированы по годам.
Еще в 2016 году Twitter представил эту удивительную анимацию для своих твитов. По состоянию на 2019 год оно все еще выглядит достойно, так почему бы не создать его самостоятельно?
Чему научитесь:
keyframes
Здесь нет ничего необычного — репозитории GitHub — это просто прославленный список.
Задача состоит в том, чтобы отобразить репозитории и позволить пользователю фильтровать их. Используйте официальный API GitHub [7] для получения репозиториев для каждого пользователя.
GitHub profile page — github.com/indreklasn [8]
Чему научитесь:
Чаты являются популярным способом общения благодаря простоте и удобству использования. Но что на самом деле питает современные чаты? WebSockets!
Чему научитесь:
admin
, а другие в комнате — user
)input
Уникальность этой навигации заключается в том, что контейнер popover трансформируется под содержимое. В этом переходе есть элегантность по сравнению с традиционным поведением открытия и закрытия нового поповера.
Чему научитесь:
Попробуйте сначала сделать это самостоятельно, но если вам нужна помощь, ознакомьтесь с этим пошаговым руководством [11].
Автор: Ришат
Источник [12]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/334970
Ссылки в тексте:
[1] здесь: http://codepen.io/JavaScriptJunkie/pen/YzzNGeR
[2] credit-card-form: https://github.com/muhammederdem/credit-card-form
[3] Image: https://www.edsd.ru/
[4] заботится о здоровье программистов и их завтраке: https://www.edsd.ru/ru/o_kompanii/novosti/zavtrak-programmista
[5] разрабатывает программное обеспечение на заказ: https://www.edsd.ru/ru/proekty/razrabotka_po
[6] Здесь: https://www.worldometers.info/world-population/world-population-by-year/
[7] официальный API GitHub: https://developer.github.com/v3/
[8] github.com/indreklasn: https://github.com/indreklasn
[9] API v4: https://developer.github.com/v4/
[10] Если вы хотите изучить GraphQL, перейдите к одной из моих предыдущих статей: https://medium.com/better-programming/how-to-setup-a-powerful-api-with-graphql-koa-and-mongodb-339cfae832a1
[11] пошаговым руководством: https://lokeshdhakar.com/dev-201-stripe.coms-main-navigation/
[12] Источник: https://habr.com/ru/post/473894/?utm_source=habrahabr&utm_medium=rss&utm_campaign=473894
Нажмите здесь для печати.