Справочник для разработчика
Документация по HTML, CSS, JavaScript на русском языке!
На этом ресурсе вы также найдете информацию о Docker, Webpack, Node.js и многом другом.
Еще хочется отметить материалы на тему операционных систем, веб-серверах и о том как устроена сеть. Это очень полезно знать разработчику!
Смотреть справочник.
#инструменты
Документация по HTML, CSS, JavaScript на русском языке!
На этом ресурсе вы также найдете информацию о Docker, Webpack, Node.js и многом другом.
Еще хочется отметить материалы на тему операционных систем, веб-серверах и о том как устроена сеть. Это очень полезно знать разработчику!
Смотреть справочник.
#инструменты
Перерисовка компонента
Постоянная перерисовка компонентов нагружает приложение.
Не все разработчики знают, как предотвратить нежелательную перерисовку.
И оказывается для этого есть немало способов!
5 из них вы найдете в статье.
Читать статью
#react
Постоянная перерисовка компонентов нагружает приложение.
Не все разработчики знают, как предотвратить нежелательную перерисовку.
И оказывается для этого есть немало способов!
5 из них вы найдете в статье.
Читать статью
#react
CMS на Node.js
Список лучших CMS на Node.js с описанием преимуществ и какую функциональность они предоставляют.
Читать статью
#nodejs
Список лучших CMS на Node.js с описанием преимуществ и какую функциональность они предоставляют.
Читать статью
#nodejs
Векторные логотипы
Ресурс на котором собраны логотипы различных мировых брендов в формате SVG.
Там можно найти логотипы и на IT тематику. Например, php, vue, node.js и другие.
Или же иконки популярных соцсетей: facebook, instagram, vkontakte.
Сохраняйте в закладки!
Ссылка на ресурс
#дизайн
Ресурс на котором собраны логотипы различных мировых брендов в формате SVG.
Там можно найти логотипы и на IT тематику. Например, php, vue, node.js и другие.
Или же иконки популярных соцсетей: facebook, instagram, vkontakte.
Сохраняйте в закладки!
Ссылка на ресурс
#дизайн
Скелетные шаблоны
Скелетные шаблоны - что это? Их еще называют заполнителями контента, превью интерфейса.
Скорее всего, вы уже видели их раньше, так как они используются некоторыми крупными компаниями, такими, как YouTube, Facebook и Medium.
Главное назначение этих заполнителей - скрывать еще не подгрузившийся контент.
Более подробное объяснение и примеры, как создать такие шаблоны читайте в статье.
Читать статью
#статьи
Скелетные шаблоны - что это? Их еще называют заполнителями контента, превью интерфейса.
Скорее всего, вы уже видели их раньше, так как они используются некоторыми крупными компаниями, такими, как YouTube, Facebook и Medium.
Главное назначение этих заполнителей - скрывать еще не подгрузившийся контент.
Более подробное объяснение и примеры, как создать такие шаблоны читайте в статье.
Читать статью
#статьи
CSS 2022
Предсказания автора о том, что же стоит ожидать для CSS в 2022 году.
@layer, функции color-mix(), color-contrast(), :has()... Все это вам не знакомо?
Для знакомства советуем почитать данную статью. Там еще много всего интересного!
Читать статью
#css
Предсказания автора о том, что же стоит ожидать для CSS в 2022 году.
@layer, функции color-mix(), color-contrast(), :has()... Все это вам не знакомо?
Для знакомства советуем почитать данную статью. Там еще много всего интересного!
Читать статью
#css
Чистый код
Писать код чисто необходимо, как для себя, так и для своих коллег, чтобы каждый мог разобраться.
В статье представлено несколько техник написания чистого кода.
Читать статью
#js
Писать код чисто необходимо, как для себя, так и для своих коллег, чтобы каждый мог разобраться.
В статье представлено несколько техник написания чистого кода.
Читать статью
#js
survey.js
JavaScript библиотека для создания различных опросов, анкет и тестов, которые легко можно встроить в ваше приложение.
Доступны версии библиотеки для Angular, jQuery, React и Vue.js.
Смотреть
#инструменты
JavaScript библиотека для создания различных опросов, анкет и тестов, которые легко можно встроить в ваше приложение.
Доступны версии библиотеки для Angular, jQuery, React и Vue.js.
Смотреть
#инструменты
Бесконечный скролл во Vue
Если вы пишите на Vue, берите на заметку!
В статье показана простая реализация бесконечного скролла для страницы с помощью npm пакета 'vue-observe-visibility'.
Читать статью
#vue
Если вы пишите на Vue, берите на заметку!
В статье показана простая реализация бесконечного скролла для страницы с помощью npm пакета 'vue-observe-visibility'.
Читать статью
#vue
Node.js и Docker
Статья на тему, как создать Docker контейнер для приложения на Node.js.
Если вы не знаете, что такое Docker, по-простому это что-то вроде виртуальной машины.
Более сложное объяснение:
Docker – это программная платформа для быстрой разработки, тестирования и развертывания приложений. Docker упаковывает ПО или приложение в блоки, которые называются контейнерами. Каждый контейнер включает все необходимое для работы приложения: библиотеки, системные инструменты, код и среду исполнения.
Читать статью
#nodejs
Статья на тему, как создать Docker контейнер для приложения на Node.js.
Если вы не знаете, что такое Docker, по-простому это что-то вроде виртуальной машины.
Более сложное объяснение:
Docker – это программная платформа для быстрой разработки, тестирования и развертывания приложений. Docker упаковывает ПО или приложение в блоки, которые называются контейнерами. Каждый контейнер включает все необходимое для работы приложения: библиотеки, системные инструменты, код и среду исполнения.
Читать статью
#nodejs
Базовые знания
Очень важно изучать базовые основы веб-разработки, поскольку эти знания станут фундаментом для дальнейшего развития.
Автор делится своими мыслями по этому поводу и дает рекомендации. Так же вы найдете в статье ссылки на полезные ресурсы для изучения HTML, CSS и JavaScript.
Читать статью
#статьи
Очень важно изучать базовые основы веб-разработки, поскольку эти знания станут фундаментом для дальнейшего развития.
Автор делится своими мыслями по этому поводу и дает рекомендации. Так же вы найдете в статье ссылки на полезные ресурсы для изучения HTML, CSS и JavaScript.
Читать статью
#статьи
width и height
У данных CSS свойств, помимо числовых значений могут быть еще и такие, как: min-content, max-content и fit-content.
Познакомиться с ними, узнать разницу и как применять на практике, вы можете в данной статье.
Читать статью
#css
У данных CSS свойств, помимо числовых значений могут быть еще и такие, как: min-content, max-content и fit-content.
Познакомиться с ними, узнать разницу и как применять на практике, вы можете в данной статье.
Читать статью
#css
Spread
Spread cинтаксис(...) был представлен в спецификации ES6 и уже прочно вошел в обиход каждого разработчика. Он ценен тем, что позволяет сделать код чистым и понятным.
Если вы еще его не освоили, то это статья для вас! В ней куча примеров и способов применения данного синтаксиса.
Читать статью
#js
Spread cинтаксис(...) был представлен в спецификации ES6 и уже прочно вошел в обиход каждого разработчика. Он ценен тем, что позволяет сделать код чистым и понятным.
Если вы еще его не освоили, то это статья для вас! В ней куча примеров и способов применения данного синтаксиса.
Читать статью
#js
Справочник для разработчика
Нет ничего лучше ресурса, где собрано много полезной информации!
И сегодня хотим поделиться одним из таких. На нем вы найдете примеры готового кода для HTML, CSS, JavaScript и других языков и технологий.
Например, вы сможете найти такую полезную информацию: как с помощью JavaScript обнаружить, что пользователь использует Андроид устройство или как форматировать валюту.
В общем, там масса интересных штук!
Ссылка на ресурс
#инструменты
Нет ничего лучше ресурса, где собрано много полезной информации!
И сегодня хотим поделиться одним из таких. На нем вы найдете примеры готового кода для HTML, CSS, JavaScript и других языков и технологий.
Например, вы сможете найти такую полезную информацию: как с помощью JavaScript обнаружить, что пользователь использует Андроид устройство или как форматировать валюту.
В общем, там масса интересных штук!
Ссылка на ресурс
#инструменты
GraphQL
Пора осваивать новые технологии!
За последнее время GraphQL стал достаточно популярным и многие компании используют его при разработке приложений.
GraphQL - это язык запросов для API и он имеет ряд преимуществ. Например, дает возможность запрашивать именно то, что нужно, и ничего больше. Для этого нужно просто добавить больше свойств в запросы вместо добавления нескольких конечных точек.
В статье показан пример, как делать такие запросы в React приложении и обрабатывать обновления в реальном времени на стороне клиента.
Ссылка на статью
#react
Пора осваивать новые технологии!
За последнее время GraphQL стал достаточно популярным и многие компании используют его при разработке приложений.
GraphQL - это язык запросов для API и он имеет ряд преимуществ. Например, дает возможность запрашивать именно то, что нужно, и ничего больше. Для этого нужно просто добавить больше свойств в запросы вместо добавления нескольких конечных точек.
В статье показан пример, как делать такие запросы в React приложении и обрабатывать обновления в реальном времени на стороне клиента.
Ссылка на статью
#react
Производительность Node.js
Пишите приложения на Node.js?
В статье вы найдете 6 дельных советов, как повысить производительность приложения.
Ссылка на статью
#nodejs
Пишите приложения на Node.js?
В статье вы найдете 6 дельных советов, как повысить производительность приложения.
Ссылка на статью
#nodejs
Шаблоны фона
Генератор кода векторных бесшовных фонов с возможностью настроек цвета, масштаба, толщины линии.
Вы можете выбрать готовый SVG или CSS код, а так же скачать фон в формате SVG.
Ссылка на сайт
#дизайн
Генератор кода векторных бесшовных фонов с возможностью настроек цвета, масштаба, толщины линии.
Вы можете выбрать готовый SVG или CSS код, а так же скачать фон в формате SVG.
Ссылка на сайт
#дизайн
Создание сниппетов
Сниппет или фрагмент кода — это термин программирования, который относится к небольшой части повторно используемого исходного кода, машинного кода или текста.
Сниппеты кода помогают программистам сократить время, необходимое для ввода повторяющейся информации при написании. Они являются функциями большинства текстовых редакторов, редакторов кода.
У нас для вас радостная новость! Вы можете создавать собственные сниппеты под свои нужды и они ускорят вашу работу в несколько раз.
Как их создавать, читайте в статье!
В статье показаны примеры, как делать сниппеты в VS Code, но их также можно создавать и в других редакторах, просто немного другим способом.
Ссылка на статью
#статьи
Сниппет или фрагмент кода — это термин программирования, который относится к небольшой части повторно используемого исходного кода, машинного кода или текста.
Сниппеты кода помогают программистам сократить время, необходимое для ввода повторяющейся информации при написании. Они являются функциями большинства текстовых редакторов, редакторов кода.
У нас для вас радостная новость! Вы можете создавать собственные сниппеты под свои нужды и они ускорят вашу работу в несколько раз.
Как их создавать, читайте в статье!
В статье показаны примеры, как делать сниппеты в VS Code, но их также можно создавать и в других редакторах, просто немного другим способом.
Ссылка на статью
#статьи
Контент псевдоэлемента
У псевдоэлементов ::before и ::after есть свойство content, куда можно записать текст, символ Unicode и даже CSS функцию attr(данная функция возвращает значение атрибута, указанного в элементе).
В статье показан пример, как с помощью JavaScript можно получить значение CSS свойства content.
Ссылка на статью
#js
У псевдоэлементов ::before и ::after есть свойство content, куда можно записать текст, символ Unicode и даже CSS функцию attr(данная функция возвращает значение атрибута, указанного в элементе).
В статье показан пример, как с помощью JavaScript можно получить значение CSS свойства content.
Ссылка на статью
#js