🔥 Лучшее на канале за последнюю неделю
1) DropCSS - быстрый, качественный и крошечный очиститель неиспользуемого CSS.
2) DashLite - мощный шаблон панели администратора, специально созданный для разработчиков и программистов.
3) Cool Text - красивая реализация текста с помощью keyframes.
4) Text-decoration styling - шпаргалка по стилизации линий различной формы и расположением на CSS.
5) FarbVélo — онлайн инструмент для генерации гармоничных цветовых палитр.
Всем успешной разработки!
#Лучшее
1) DropCSS - быстрый, качественный и крошечный очиститель неиспользуемого CSS.
2) DashLite - мощный шаблон панели администратора, специально созданный для разработчиков и программистов.
3) Cool Text - красивая реализация текста с помощью keyframes.
4) Text-decoration styling - шпаргалка по стилизации линий различной формы и расположением на CSS.
5) FarbVélo — онлайн инструмент для генерации гармоничных цветовых палитр.
Всем успешной разработки!
#Лучшее
CAN I INCLUDE - этот проект предоставляет функциональные возможности для проверки того, может ли один тег быть включен в другой. На основе информации из HTML Spec WHATWG.
#инструменты #html
#инструменты #html
This media is not supported in your browser
VIEW IN TELEGRAM
Card Hover Interactions - реализация постов со скрытием контента и плавным появлением его при наведении. Забираем в коллекцию!
#codepen
#codepen
Vue-good-table - Простая в использовании, чистая и мощная таблица данных для VueJS с такими важными функциями, как сортировка, фильтрация столбцов, разбиение на страницы и многое другое.
#vue
#vue
Как сравнивать объекты в Javascript.
Сравнивать примитивные значения в JavaScript просто. Просто используйте любой из доступных операторов равенства, например, строгое равенство:
Однако объекты сравнивать сложнее, поскольку они представляют собой структурированные данные. В этом посте вы узнаете, как правильно сравнивать объекты в JavaScript.
#статьи #javascript
Сравнивать примитивные значения в JavaScript просто. Просто используйте любой из доступных операторов равенства, например, строгое равенство:
'a' === 'c'; // => false
1 === 1; // => true
Однако объекты сравнивать сложнее, поскольку они представляют собой структурированные данные. В этом посте вы узнаете, как правильно сравнивать объекты в JavaScript.
#статьи #javascript
Siteliner — инструмент для seo-анализа сайта. Поиск дублирующегося контента, неработающих ссылок и многое другое.
#инструменты
#инструменты
Temper - одна из наименее навязчивых библиотек, которые вы можете использовать для управления состоянием приложения на React. Идеальное решение для приложений с огромными состояниями и очень частыми обновлениями.
#react
#react
AdonisJS - платформа Node.js в первую очередь ориентирована на эргономику, стабильность и скорость разработчика. Начните создавать эффективные, надежные и масштабируемые серверные приложения.
Основные особенности:
- Хорошо продуманная и надежная SQL ORM. Он поставляется с конструктором запросов, миграциями и моделями Active Record.
- Один из самых продвинутых HTTP-маршрутизаторов с такими функциями, как: группы маршрутов, поддомены, сопоставление шаблонов и эффективные маршруты.
- Средство проверки формы, которое предоставляет информацию о типе вместе с проверками времени выполнения. Нет необходимости поддерживать отдельные интерфейсы для тела HTTP-запроса.
- Встроенный модуль проверки работоспособности, который можно использовать с оркестраторами, такими как Kubernetes.
- Особое внимание уделяется веб-безопасности. Мы защищаем веб-сайты от многих распространенных веб-атак.
#node
Основные особенности:
- Хорошо продуманная и надежная SQL ORM. Он поставляется с конструктором запросов, миграциями и моделями Active Record.
- Один из самых продвинутых HTTP-маршрутизаторов с такими функциями, как: группы маршрутов, поддомены, сопоставление шаблонов и эффективные маршруты.
- Средство проверки формы, которое предоставляет информацию о типе вместе с проверками времени выполнения. Нет необходимости поддерживать отдельные интерфейсы для тела HTTP-запроса.
- Встроенный модуль проверки работоспособности, который можно использовать с оркестраторами, такими как Kubernetes.
- Особое внимание уделяется веб-безопасности. Мы защищаем веб-сайты от многих распространенных веб-атак.
#node
This media is not supported in your browser
VIEW IN TELEGRAM
"Хватит делать велосипед!" - говорили они)
Реализация велосипеда на SVG с применением анимации.
#codepen
Реализация велосипеда на SVG с применением анимации.
#codepen
JAMstack — это подход к разработке веб-сайтов и веб-приложений, ориентированных на высокую производительность, на упрощение масштабирования, на хороший уровень безопасности, на удобство работы программистов.
Термин «JAMstack» включает в себя сокращённые наименования следующих технологий:
JavaScript — код, который выполняется на клиенте, представленный библиотеками (вроде React), фреймворками (наподобие Vue), или программами, написанными на чистом JavaScript.
API — то, что происходит на сервере, абстрагировано, доступ к нему осуществляется из JavaScript-кода по HTTPS.
Markup — разметка, представленная шаблонами, используемыми для создания страниц во время подготовки проекта к работе.
#статьи
Термин «JAMstack» включает в себя сокращённые наименования следующих технологий:
JavaScript — код, который выполняется на клиенте, представленный библиотеками (вроде React), фреймворками (наподобие Vue), или программами, написанными на чистом JavaScript.
API — то, что происходит на сервере, абстрагировано, доступ к нему осуществляется из JavaScript-кода по HTTPS.
Markup — разметка, представленная шаблонами, используемыми для создания страниц во время подготовки проекта к работе.
#статьи
Gridsome - это генератор статических сайтов на базе Vue для создания сайтов с поддержкой CDN для любой автономной CMS, локальных файлов или API.
Основные особенности:
- Легкая локальная разработка.
- Генерирует статические PWA.
- Повышает производительность каждой страницы с помощью шаблона PRPL.
- Использование Jamstack разработки.
- Простое и безопасное развертывание.
- Дружелюбен к SEO.
#vue
Основные особенности:
- Легкая локальная разработка.
- Генерирует статические PWA.
- Повышает производительность каждой страницы с помощью шаблона PRPL.
- Использование Jamstack разработки.
- Простое и безопасное развертывание.
- Дружелюбен к SEO.
#vue
ApexCharts - это современная библиотека диаграмм, которая помогает разработчикам создавать красивые и интерактивные визуализации для веб-страниц.
Это проект с открытым исходным кодом, лицензированный MIT, и его можно бесплатно использовать в коммерческих приложениях.
#javascript
Это проект с открытым исходным кодом, лицензированный MIT, и его можно бесплатно использовать в коммерческих приложениях.
#javascript
Какая технология позволяет взаимодествовать и обмениваться данными между серверной и клиентской частями?
Anonymous Quiz
10%
WebGL
77%
RESTful API
3%
HTML/CSS
2%
Canvas
8%
Web Workers
🔥 Лучшее на канале за последнюю неделю
1) Card Hover Interactions - реализация постов со скрытием контента и плавным появлением его при наведении.
2) Siteliner — инструмент для seo-анализа сайта.
3) ApexCharts - это современная библиотека диаграмм, которая помогает разработчикам создавать красивые и интерактивные визуализации для веб-страниц.
4) Vue-good-table - простая в использовании, чистая и мощная таблица данных для VueJS.
5) Как сравнивать объекты в Javascript.
Всем успешной разработки!
#Лучшее
1) Card Hover Interactions - реализация постов со скрытием контента и плавным появлением его при наведении.
2) Siteliner — инструмент для seo-анализа сайта.
3) ApexCharts - это современная библиотека диаграмм, которая помогает разработчикам создавать красивые и интерактивные визуализации для веб-страниц.
4) Vue-good-table - простая в использовании, чистая и мощная таблица данных для VueJS.
5) Как сравнивать объекты в Javascript.
Всем успешной разработки!
#Лучшее
Spline - инструмент для создания и работы с трехмерными веб-интерфейсами. Создавайте и повторяйте быстро с готовыми к работе результатами.
Используйте текст, создавайте простые геометрические фигуры, редактируйте материалы, импортируйте 3D-модели и многое другое. Контролируйте результат своей дизайнерской работы.
#инструменты
Используйте текст, создавайте простые геометрические фигуры, редактируйте материалы, импортируйте 3D-модели и многое другое. Контролируйте результат своей дизайнерской работы.
#инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
Magnetic button animation - по истине магические кнопки при наведении. Забираем в коллекцию!
#codepen
#codepen
Tabler Icons - набор иконок.
Набор из более чем 1250 бесплатных высококачественных иконок SVG с лицензией MIT, которые вы можете использовать в своих веб-проектах. Каждая иконка рассчитана на сетку 24x24px и 2px толщина линий. Так же в комплекте есть иконки в png расширении и шрифтовой набор.
#иконки
Набор из более чем 1250 бесплатных высококачественных иконок SVG с лицензией MIT, которые вы можете использовать в своих веб-проектах. Каждая иконка рассчитана на сетку 24x24px и 2px толщина линий. Так же в комплекте есть иконки в png расширении и шрифтовой набор.
#иконки
TinaCMS — это минималистичный набор инструментов для визуального редактирования вашего сайта или мобильного интерфейса, созданного с помощью библиотеки React (или, например, с помощью популярных JavaScript конструкторов: Next.js, Gatsby и т.п.). TinaCMS обеспечивает контекстное и интуитивно понятное редактирование без ущерба для качества кода, поэтому идеально подходит для применения в небольших командах и для индивидуальной разработки.
#CMS
#CMS
CSS-функции min(), max() и clamp()
Поддержка CSS-функций сравнения
#статьи
Поддержка CSS-функций сравнения
min()
, max()
и clamp()
появилась в Firefox 8 апреля 2020 года. Это означает, что данные функции теперь поддерживаются во всех основных браузерах. Эти CSS-функции расширяют наши возможности по созданию динамических макетов и по проектированию более гибких, чем раньше, компонентов.#статьи
Nightwatch.js - это интегрированное, простое в использовании решение для сквозного тестирования веб-приложений и веб-сайтов, написанное на Node.js. Он использует W3C WebDriver API для управления браузерами, для выполнения команд и утверждений для элементов DOM.
#node
#node