NeedIT

Нативная валидация ввода в CSS.

София Валитова рассказывает про HTML-атрибуты на полях ввода и CSS-псевдоклассы, которые позволяют проверять корректность введённых данных.

Подробнее: ссылка

Пишем реклакс игрушку на JS.

Popit для бедных или жонглируем событиями

Особенности работы с событиями для desktop и mobile устройств.

Подробнее: ссылка

25 лет CSS.

Эрик Мейер делится заметками с конференции 1996 года и вспоминает, как всё начиналось.

Подробнее: ссылка

Шпаргалка по JS-методам для работы с DOM

JavaScript предоставляет множество методов для работы с Document Object Model или сокращенно DOM (объектной моделью документа): одни из них являются более полезными, чем другие; одни используются часто, другие почти никогда; одни являются относительно новыми, другие признаны устаревшими.

Подробнее: ссылка

10 забавных расширений VS Code для разработчиков

В сети есть много подборок полезных для программистов расширений VS Code. Мы рассмотрим те из них, которые повысят вашу производительность и эффективность. Они позволяют делать множество вещей – от визуализации данных до изучения JavaScript.

Подробнее: ссылка

Выявление устройств с сенсорными экранами на чистом CSS

У разработчиков, которым нужно выявлять устройства с сенсорными экранами, пользуясь исключительно CSS, появилась, благодаря новым возможностям CSS, надежда на светлое будущее. Речь идёт о черновике стандарта CSS Media Queries Level 4, в котором описаны два новых свойства — hover и pointer.

Подробнее: ссылка

Практическое руководство по TypeScript для разработчиков

TypeScript — это популярный статический типизатор (static type checker) или типизированное надмножество (typed superset) для JavaScript, инструмент, разработанный Microsoft и добавляющий систему типов к гибкости и динамическим возможностям JavaScript.

Подробнее: ссылка

Браузерный 3D FPS шутер на Three.js, Vue и Blender

Подробнее: ссылка

Bootstrap 5: оцениваем 7 главных нововведений

Пройдя через несколько альфа- и бета-версий, наконец-то появился Bootstrap 5, на что у разработчиков ушло несколько месяцев. Новая версия претерпела серьезные изменения, включая отказ от поддержки Internet Explorer (IE) и зависимости jQuery. От IE было решено отказаться, потому что браузер занимает всего 3% рынка и его доля продолжает снижаться.

Подробнее: ссылка

Удобное создание красивых графиков с Chart.js

Chart.js — популярная библиотека JavaScript, которая позволяет очень быстро и удобно создавать различные графики и диаграммы на сайте, используя Canvas.

Подробнее: ссылка

Примеры применения переменных CSS на практике

Подробнее: ссылка

Почему стоит использовать тег <picture> вместо <img>

Использование изображений и анимаций в интерфейсах пользователя стало распространённой практикой в современных веб-приложениях. Хотя эти примеры современного дизайна делают упор на повышение удобства работы с приложениями, если изображения не адаптируются ко всем устройствам, то могут возникать проблемы.

Подробнее: ссылка

Основы управления памятью в JavaScript: как это работает и какие проблемы могут возникнуть

Большинство разработчиков редко задумываются о том, как реализовано управление памятью в JavaScript. Движок обычно делает все за программиста, так что последнему нет смысла размышлять о принципах функционирования механизма управлением памятью.

Подробнее: ссылка

В Microsoft Edge тестируется новый режим производительности с иным принципом работы «спящих» вкладок

Microsoft приступила к тестированию нового режима производительности в браузере Edge. Пока что он доступен только части пользователей новейшей тестовой сборки Edge Canary, тогда как другие могут активировать экспериментальный режим с помощью специального флага.

Подробнее: ссылка

📹 Рекурсия в JavaScript за МИНУТУ!

Ребят, буду рад вашим комментам на Youtube.
Там я читаю их все :)

https://youtu.be/yVy7vHS6BJU

Какие CSS-генераторы можно использовать в 2021 году

CSS генераторы экономят время и сокращают количество ошибок в коде. Они позволяют автоматизировать многие задачи, которые опытным верстальщикам или фронтендерам уже кажутся скучными. В то же время, они могут облегчить работу над задачами, которые сложны для начинающих специалистов.

Схема работы таких генераторов проста: достаточно ввести через простой визуальный интерфейс нужные вам параметры и на выходе получить готовые CSS-стили. Далее полученный код нужно скопировать и добавить в свой проект.

Известный full-stack разработчик Марко Денич предлагает свою подборку лучших CSS-генераторов. Возможно, о каких-то из них вы не знали, и, познакомившись с ними сейчас, начнёте использовать в работе.

Подробнее: ссылка

Пишем фронтенд-компоненты на ванильном JS

В наши дни вокруг фронтенд-фреймворков (React, Angular, Vue) много шумихи. Поразмышляем, какую проблему они решают и для чего могут быть полезны.

Подробнее: ссылка

Как создать временную шкалу с помощью чистого CSS

Подробнее: ссылка

10 малоизвестных возможностей браузера Google Chrome

У многих программных продуктов есть любопытные функции, о которых порой не догадываются даже самые опытные пользователи. «Хром» в данном случае не является исключением и таит в себе немало интересных особенностей. Каких именно — об этом в новом выпуске нашей софтверной рубрики

Подробнее: ссылка