Яндекс.ПрактикумКак и зачем создавать собственный шаблонизатор для DOM
Фронтенд-разработчик в Miro рассказал, что такое шаблонизация, и показал один из возможных подходов к динамическому формированию разметки.
КонтурИнструменты разработчика для проектировщика. Про HTML и CSS
Инструменты разработчика в разных браузерах немного отличаются внешним видом и фнукционалом. В примерах статьи используется Crome.
XSS- и CSRF-атаки — разбираем уязвимости
Рассказываем об уязвимостях #frontend-приложений XSS и CSRF, разбираем дефолтную политику браузера и пути её обхода или настройки
Приведённые в статье советы и рекомендации должны помочь вам грамотно использовать стилизованные компоненты React.
10 шпаргалок для веб-разработчика
В этих шпаргалках собраны подсказки по HTML, CSS, JavaScript, PHP, Django, Spring Boot и всему, что нужно знать веб-разработчику.
Веб-разработка для начинающих: бесплатный видеокурс, который поможет оценить свои силы
Видеокурс для начинающих, который поможет понять, подходит ли вам веб-разработка, и покажет, с чего начать обучение.
Как перенести игру на HTML5: подводные камни, ошибки, нюансы
Всё больше разработчиков социальных игр переносят свои проекты с Flash на HTML5. Однако это не такой простой процесс, как кажется. Какие подводные камни могут всплыть при портировании? Какие ошибки рискует…
Простой HTML-тег, который делает переносы правильными и красивыми
Используйте его, если нужно поместить длинное слово внутри ограниченного блока или красиво перенести строки кода.
Порядок выполнения скриптов в HTML. Тег script и атрибуты async, defer, module, nomodule и src
Рассмотрим как атрибуты тега script влияют на порядок выполнения скриптов JavaScript, а также в каких ситуациях стоит их использовать.
Хотел кликнуть, но не смог: как правильно настроить размер области клика
Рассматриваем несколько распространённых проблем с UX и показываем, с какой из них столкнулись сами и как её решали.
Обучение веб-разработке на практике: пишем слайдер на JavaScript
Обучение веб-разработке даётся проще, если к теории подключена практика. Предлагаем попрактиковаться на слайдере без использования сторонних библиотек.
Что нужно знать, чтобы стать веб-разработчиком: интерактивная карта со ссылками на ресурсы для изучения
Roadmap для веб-разработчика: пригодится, чтобы организовать своё обучение или просто посмотреть полезные ресурсы. Круто оформлено. Кликабельно.
Подборка книг для начинающего веб-разработчика
В перечне книг вы найдёте материалы по JavaScript, Node.js, React.js, CSS, HTML, паттернах проектирования и адаптивному веб-дизайну.
Развёрнутое руководство по Sass/SCSS
Современный CSS — мощь, а в комбинации с препроцессорами — вообще боевая машина для оформления контента на страницах. В статье приведено развёрнутое руководство по Sass/SCSS с примерами. После прочтения узнаете,…
Создаём простую игру на Vanilla JS
В этой статье мы напишем простую игру с помощью HTML, CSS и чистого JavaScript — никаких фреймворков, только хардкор.
5 способов выровнять HTML-элемент горизонтально и вертикально
Устали искать способ вертикально и горизонтально выровнять HTML-элемент? В этой статье мы собрали целых 5 способов сделать это!
Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 4
Продолжение серии обучающих статей по работе с Anime.js. В финальной части будут описаны различные обратные вызовы (callback-функции), используемые для выполнения функций в зависимости от прогресса анимации.
Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 3
Продолжение серии статей обучающих статей по работе с Anime.js. В этой статье речь пойдёт о том, как научиться устанавливать значения свойств, используя обычные числа, значения на основе функций и ключевые кадры. Также вы научитесь регулировать воспроизведение и последовательность анимаций.
Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 2
Продолжение серии обучающих статей по работе с Anime.js. В этой части вы узнаете, как использовать Anime.js для правильного тайминга анимации разных элементов, используя определённые параметры.
Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 1
С помощью Anime.js можно анимировать свойства CSS, SVG-изображения или атрибуты DOM-дерева на веб-странице. Позволяет контролировать все аспекты анимации.
Курс «HTML5 для начинающих»
Русскоязычный курс, посвященный языку разметки HTML5 для тех, кто хочет стать программистом. Цель данного курса — знакомство пользователя с HTML, организация рабочего пространства, описание основных понятий о форматировании текста и…
Какие метатеги использовать в вебе в 2017 году
Браузеры интерпретируют метатеги, чтобы правильно отобразить сайт, а поисковики используют их при выборке информации о странице. Стандарты взаимодействия развиваются, и теги — вместе с ними. Разбираем актуальное по теме.
Как работают псевдоклассы в CSS. Подробное объяснение с примерами и диаграммами
Наверняка каждый, кто работал с CSS, не раз впадал в отчаяние. Например, когда пытался отцентрировать дочерний элемент по отношению к родительскому, что является весьма нетривиальной задачей. В этой статье мы…
Курс «Основы веб-разработки»
Курс по веб-разработке, в котором рассматриваются базовые принципы работы веб-сайтов, а также основы написания веб-приложений с помощью фреймворка Django.
Почему вам пригодятся знания HTML и CSS, даже если вы думаете, что это не так
Сегодня интернет пронизывает все области нашей жизни — в интернете мы общаемся, наша домашняя техника образует интернет вещей, через него же работают наши приложения, в нем мы ищем информацию. Однако основу интернета по-прежнему составляют веб-сайты…
В чём преимущества изучения HTML с наставником?
Если вы решили стать веб-разработчиком, то начнёте с изучения HTML и CSS. Но как именно? Вооружиться учебниками и гуглом, придумать учебный план и планку качества, а ответы ждать на форуме…
10 популярных фронтенд-элементов, для реализации которых не нужен JavaScript
JavaScript — это отличный язык, и вам однозначно стоит использовать его в своих проектах, но не нужно забывать, что большое количество функциональных элементов можно реализовать и без этой зависимости. Мы…
Подборка видео по оптимизации HTML/JavaScript
Для каждого разработчика далеко не последнюю роль играет повышение производительности сайтов и веб-приложений. Как раз для решения этой задачи будет полезна подборка ниже. В ней собраны лучшие кейсы и стратегии…
Подборка полезных инструментов и библиотек для веб-разработчиков
Здесь вы найдете подборку инструментов для работы с HTML, CSS и JavaScript, которые упрощают выполнение рутинных задач и дают свободу творчеству.
Пишем свою игру в жанре Roguelike
Рассказывает Ido Yehieli Игры в жанре roguelike, такие как Dungeons of Dredmor, Spelunky, The Binding of Isaac и FTL, в последнее время стали очень популярны, а различные комбинации элементов этого жанра теперь добавляют многим играм…
Local Web Storage — интересная и эффективная фича HTML5, призванная заменить cookies
Наверняка вы уже сумели заметить: HTML5 стал весьма популярен. Создаются великолепные игры с использованием холстов (canvas), медиа-контент, ориентирующийся на различные устройства. Веб-разработка проделала немалый путь от iFrames 1990-х. В этой статье поделимся…
Современный CSS мощнее, чем вам кажется: 12 примеров, в которых вам не нужен JavaScript
В наши дни CSS развивается очень быстрыми темпами и может полностью заменить традиционные способы реализации многих классических веб-фишек, для которых обычно использовался JavaScript. Приводим примеры некоторых из них. Раскрывающийся спойлер…
12
