UI/UX советы
Несколько дельных советов, как улучшить дизайн сайта. Они достаточно простые, но могут значительно улучшить внешний вид и сделать сайт более удобным для пользователя.
Очень полезно ознакомиться и попробовать применить в своих личных проектах.
#дизайн
Несколько дельных советов, как улучшить дизайн сайта. Они достаточно простые, но могут значительно улучшить внешний вид и сделать сайт более удобным для пользователя.
Очень полезно ознакомиться и попробовать применить в своих личных проектах.
#дизайн
:root
Вы когда-то слышали о псевдоклассе :root или использовали его в работе?
Возможно, вы найдете ему применение в своих проектах!
О том, для чего он нужен и в чем его польза подробно в статье.
#css
Вы когда-то слышали о псевдоклассе :root или использовали его в работе?
Возможно, вы найдете ему применение в своих проектах!
О том, для чего он нужен и в чем его польза подробно в статье.
#css
map
В статье представлен небольшой обзор метода map и 6 примеров его использования, которые пригодятся на практике.
#js
В статье представлен небольшой обзор метода map и 6 примеров его использования, которые пригодятся на практике.
#js
atropos js
Это JavaScript библиотека для создания параллакс эффекта по наведению на элемент. Параллакс работает как для событий мыши, так и для сенсорных экранов.
От создателей Swiper.
#инструменты
Это JavaScript библиотека для создания параллакс эффекта по наведению на элемент. Параллакс работает как для событий мыши, так и для сенсорных экранов.
От создателей Swiper.
#инструменты
React App на GitHub Pages
Создали React приложение, но не получается опубликовать его на GitHub Pages?
Сохраняйте в закладки инструкцию!
#react
Создали React приложение, но не получается опубликовать его на GitHub Pages?
Сохраняйте в закладки инструкцию!
#react
OwlLabs
Яркий дизайн лэндинга для устройства Owl Labs в формате Figma.
Уровень сложности: простой
Ссылка: https://www.figma.com/file/PFvW6PZlbfBAanaS8uYzOY/Owl-Labs?node-id=2%3A8
#дизайн
Яркий дизайн лэндинга для устройства Owl Labs в формате Figma.
Уровень сложности: простой
Ссылка: https://www.figma.com/file/PFvW6PZlbfBAanaS8uYzOY/Owl-Labs?node-id=2%3A8
#дизайн
console.log
До сих пор отлаживаете сайт с помощью console.log?
Пора вставать на ступень выше и отлаживать через консоль разработчика.
В статье вы найдете практический пример, на котором сможете поучиться дебаггингу в Chrome Developer Tools.
#статьи
До сих пор отлаживаете сайт с помощью console.log?
Пора вставать на ступень выше и отлаживать через консоль разработчика.
В статье вы найдете практический пример, на котором сможете поучиться дебаггингу в Chrome Developer Tools.
#статьи
Отзывчивость сайта
З приема для отзывчивого сайта, сокращающих использование медиа запросов.
Всего несколько шагов и ваш сайт будет хорошо выглядеть на всех разрешениях экранов!
#css
З приема для отзывчивого сайта, сокращающих использование медиа запросов.
Всего несколько шагов и ваш сайт будет хорошо выглядеть на всех разрешениях экранов!
#css
Работа с массивами
12 полезных приемов работы с массивами:
1. Конвертирование массива в объект
2. Объединение массивов
и многие другие, вы найдете в статье.
#javascript
12 полезных приемов работы с массивами:
1. Конвертирование массива в объект
2. Объединение массивов
и многие другие, вы найдете в статье.
#javascript
30 seconds of code
Потрясающий сайт на котором собраны снипеты JavaScript, CSS, React Hooks и другие.
Очень ценный ресурс для начинающего разработчика!
#инструменты
Потрясающий сайт на котором собраны снипеты JavaScript, CSS, React Hooks и другие.
Очень ценный ресурс для начинающего разработчика!
#инструменты
Redux Middleware и WebSockets
WebSocket — это протокол связи, предназначенный для обмена сообщениями между браузером и веб-сервером в режиме реального времени.
В статье объясняется, что такое Middleware и как использовать с ним веб сокеты.
Очень много примеров и полезного кода!
#react
WebSocket — это протокол связи, предназначенный для обмена сообщениями между браузером и веб-сервером в режиме реального времени.
В статье объясняется, что такое Middleware и как использовать с ним веб сокеты.
Очень много примеров и полезного кода!
#react
Обучение Node.js
Ссылка на серию статей, обучающих кодить на Node.js.
Для изучения вам понадобятся базовые знания JavaScript.
#nodejs
Ссылка на серию статей, обучающих кодить на Node.js.
Для изучения вам понадобятся базовые знания JavaScript.
#nodejs
Видео сток
Хотите немного оживить сайт?
Вот вам ресурс с бесплатными фоновыми видео.
Все видео разделены по категориям на разную тематику, что супер удобно при поиске.
Очень круто, что есть такие ресурсы!
И мы делимся с вами ими! -)
#дизайн
Хотите немного оживить сайт?
Вот вам ресурс с бесплатными фоновыми видео.
Все видео разделены по категориям на разную тематику, что супер удобно при поиске.
Очень круто, что есть такие ресурсы!
И мы делимся с вами ими! -)
#дизайн
BEM
Вы еще до сих пор не разобрались c BEM? Или может не полюбили эту методологию?
Дайте ей еще один шанс!
Немножко поясним для тех, кто не в курсе, что это за три буквы.
BEM(Block Element Modifier) - это компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки для удобства дальнейшего переиспользования.
В общем, знать ее полезно, а в некоторых случаях даже нужно. Например, для трудоустройства.
Очень понятное объяснение данной методологии в статье! С картинками и примерами -)
#статьи
Вы еще до сих пор не разобрались c BEM? Или может не полюбили эту методологию?
Дайте ей еще один шанс!
Немножко поясним для тех, кто не в курсе, что это за три буквы.
BEM(Block Element Modifier) - это компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки для удобства дальнейшего переиспользования.
В общем, знать ее полезно, а в некоторых случаях даже нужно. Например, для трудоустройства.
Очень понятное объяснение данной методологии в статье! С картинками и примерами -)
#статьи
Grid
Бесплатный курс по CSS Grid.
25 уроков общей длительностью 4 часа и вы овладеете необходимыми знаниями!
Курс доступен после подписке по e-mail.
#css
Бесплатный курс по CSS Grid.
25 уроков общей длительностью 4 часа и вы овладеете необходимыми знаниями!
Курс доступен после подписке по e-mail.
#css
Callback
Простое и забавное объяснение с иллюстрациями callback функций.
Если не до конца разобрались в этой теме, то рекомендуем почитать эту статью!
#js
Простое и забавное объяснение с иллюстрациями callback функций.
Если не до конца разобрались в этой теме, то рекомендуем почитать эту статью!
#js
noUiSlider
JavaScript-библиотека для создания слайдера диапазона с поддержкой для сенсорных экранов.
Слайдер адаптирован под разные расширения экрана и протестирован на кроссбраузерность.
А еще, эта библиотека мало весит!
#инструменты
JavaScript-библиотека для создания слайдера диапазона с поддержкой для сенсорных экранов.
Слайдер адаптирован под разные расширения экрана и протестирован на кроссбраузерность.
А еще, эта библиотека мало весит!
#инструменты