​​Browser Default Styles

Сервис для поиска дефолтных стилей HTML-элементов в разных браузерах. Полезно для кроссбраузерной верстки.

сайт →

• Статьи:
◦ Полный гайд по Flexbox →
◦ Почему веб-дизайнер должен понимать верстку? →
◦ Как стать крутым веб-разработчиком →
◦ «Загугли, идиот»: Как найти ответ на вопрос? →
◦ Почему СНГ-рынок разработки ПО уверенно скатывается в говно? →
◦ Все о «inputmode» для инпутов →
◦ Плагин темной темы для сайтов →

• Познавательно:
◦ Список бесплатных сайтов с иконками →
◦ Топ шрифтов Google Fonts →
◦ О курсорах →
◦ О типах инпутов →
◦ Ускорение анимаций | CSS →
◦ Адаптивное квадратное изображение | CSS →
◦ Бенчмарк длины переменных →
◦ Газетный грид | CSS →
◦ Типографические фичи | CSS →
◦ Возможности консоли браузера →
◦ URL как интерфейс →
◦ О WebSocket →
◦ ​​Оптимизация графики для веба →
◦ О тэге <details> →
◦ ​​Skeleton Screens на прелоаде →
◦ Полезные сниппеты | CSS →
◦ Роадмап для девелоперов →
◦ Управление памятью | JS →
◦ Web workers vs Service workers vs Worklets →
◦ Малоизвестные возможности | JS →
◦ Кастомная оффлайн-страница →
◦ Google Drive как хранилище для веб-приложения →
◦ Модальные окна с помощью <dialog> →
◦ 10 различий между строителями и программистами →
◦ Почему нельзя менять размер текста в a:visited →
◦ Изменение CSS на чистом HTML →
◦ Open-source рич-дата редактор →
◦ Lazy-load в Chrome. Нативно →
◦ ​​Отправка форм | JS →
◦ Написание чистого кода | JS →
◦ Семантика и HTML5 →
◦ Об ахуительном hover-меню →
◦ Autosuggest на HTML →
◦ O Svelte →
◦ Селектор :empty | CSS →
◦ 4 правила интуитивного UX →
◦ Фича браузера для верстки →
◦ CSS Columns →
◦ Как собеседовать работодателя →
◦ ​​Интервью с фронтенд-дэвом порнхаба →
◦ Насколько хорошо вы знаете HTML-тэги →
◦ ​​О кликабельной области | UX →
◦ Удаленка в IT →
◦ ​​Фича с отображением чисел | CSS →
◦ 70 вопросов | JS →

• Баттхерты:
◦ О Bootstrap →
◦ ​​Про макеты в фотошопе →
◦ О сложности веб-разработки →
◦ 8х8 кнопочки слайдера на 4К экране →
◦ О сайте УкрЗализницы →
◦ О сайте DOU.ua →
◦ Заказчики: наши vs забугорные →
◦ О сайте CSS Tricks →
◦ ​​TP-Link или врата ада →

• Тэги:
◦ #жсразум
◦ #баттхерт
◦ #опрос
◦ #викторина

Бандлинг js-кода и производительность: передовые методики

В статье описываются три подхода к бандлингу JavaScript-проектов на примере простого Hello World-приложения, созданного с помощью React. Некоторые из приводимых примеров подразумевают знание читателем основ сборщиков модулей, таких, как Webpack, который является сегодня самым популярным среди подобных инструментов

статья →

Доброе утро 🥴

​​Microsoft выпустила браузер Edge на базе Chromium для Windows и Mac

Его главные отличия — упор на приватность, высокая скорость, встроенный режим Internet Explorer и возможность создания «коллекций».

статья →

Роадмап для дэвов

Вебсайт роадмапов, которые гуляют по Интернетах — сайт →

Кстати говоря, у нас есть чатик, где мы общаемся, помогаем советом и тп. Подключайтесь! 😘

​​Сотни тысяч персональных данных (в т.ч. сканов паспортов) любой желающий мог спарсить с официального сайта ваканций Украины. Для этого надо было всего лишь изменить циферку ID юзера в урле.

Как же веселят дебилы, которые пилят такой софт для государства...

пост в фб →

7 малоизвестных CSS-свойств

azimuth, bleed, caret-color и прочие не часто используемые свойства CSS, которые подойдут для различных ситуаций. статья →

📨 Web Share API: делимся контентом правильно

Написал для вас статью о новомодном браузерном API для шаринга контентом. Вэлком! статья →

20 икон-паков. Больших и лучших. Бесплатных.

статья →

​​10 минималистических сайтов.
Для вдохновления и анализа функционала. статья →

Не будь как Яндекс, юзай user-select для UI-элементов

Извините 🌝