Для личинки веб-разработчика

Сборка Webpack 4 для чайников и сочувствующих

Продолжаю пытать себя и окружающих попытками разобраться в настройках Webpack 4. И в процессе нашла совершенно невероятный набор уроков, которые даже мне помогли. Серьезно, абсолютное волшебство. Велкам: https://tocode.ru/curses/nastroika-webpack4/

CSS

Блок со скошенными углами на CSS

Несколько дней назад мы опубликовали скошенный hero-компонент, модификатор простого блока. Его можно использовать для дизайна, основанного исключительно на прямоугольных сечениях. Летс ду ит! Есть видеоурок, где объясняются различные способы реализации скосов у блока (а тут Подробнее…

Для личинки веб-разработчика

Как научиться чему угодно: 10-шаговая система Джона Сонмеза

Умение учиться – так же известное как “мета-обучение” – один из наиболее полезных навыков из всех, что вы можете приобрести. И до сих пор практически никто не знает как это сделать. Почему это так важно? Подробнее…

Для личинки веб-разработчика

Несколько простых правил хорошего кода (15 лет моего опыта)

Привет, ребятки. Я работаю программистом уже более 15 лет и за это время использовал много языков, парадигм, фреймворков и прочих штук. И сегодня хочу поделиться моими правилами написания хорошего кода Оптимизация против читабельности. К черту Подробнее…

Troubles Hunting

SVG изображения в посте WordPress

Ситуация: На сайте с WordPress есть блок внимания: блок <div> с вложенной в него svg иконкой. При сохранении поста блок оставался, а картинка бесследно пропадала. Баг был плавающим, показывался на Windows 10 в браузерах Firefox Подробнее…

CSS

CSS Grid Layout: Простой старт в два шага – хорошее объяснение

Что вы узнаете: Как построить CSS-сетку, поддерживаемую браузерами. Как подключить Grid Layout. Разберетесь в основах строк и столбцов сетки. Познакомитесь с новой дробной единицей (fr). Поработаете со вложенными сетками. ДА! Пора начинать! Если вы, вдруг, Подробнее…

CSS

Полное руководство по Flexbox – учимся на примерах

Какой самый лучший способ понять Flexbox? Изучить основы и написать кучу разных штук. Именно этим мы и займемся. Но сначала стоит кое-что уточнить: Эта статья написана для разработчиков среднего уровня и предполагает, что вы уже Подробнее…

CSS

Распространенные CSS ошибки (и как их избежать)

Это список популярных ошибок в проектировании, масштабировании, производительности или обслуживании, которые я постоянно нахожу при рефакторинге клиентского CSS кода. Что разработчики могут делать не так? Использовать единицы при указании межстрочного интервала Это приводит к тому, Подробнее…

Для личинки веб-разработчика

36 от Вадима Макишвили

Вообще, это видео 2014 года и наткнулась я на него совершенно случайно. И теперь страстно рекомендую, если остались такие же в танке, как я (гугл подсказывает, что этот доклад есть даже на Пикабу, так что, Подробнее…