| A | B | C | D | E | F | G | |
|---|---|---|---|---|---|---|---|
1 | Митап | Тема | Докладчик(и) | Описание | Дата проведения | Площадка | |
2 | 1 | Несколько фишек CSS, о которых вы могли не знать | Людмила Мжачих | CSS — мощный и выразительный инструмент, позволяющий создавать впечатляющие вещи. Однако начинающему верстальщику принципы работы некоторых свойств могут показаться чернокнижной магией. Я покажу примеры, как можно приручить уже известные свойства и эффективно использовать их. Также мы познакомимся с незаслуженно обделенными вниманием фишками CSS. Эти знания существенно облегчат жизнь начинающему разработчику и помогут в полной мере использовать возможности верстки для решения своих повседневных задач. | 2 марта 2017 | Яндекс | |
3 | 1 | CSS-методологии от О до Б | Алексей Охрименко | Что отличает сильного верстальщика от обычного? Знание новых технологий, опыт работы, сильные мышцы? Нет, главное отличие — это способность воспользоваться правильной CSS-методологией. Давайте разберёмся, что такое CSS-методология, поделим аудиторию на два лагеря, рассмотрим несколько самых популярных методологий, разделим их на три главных типа и научимся правильно скрещивать. | |||
4 | 1 | Векторная графика в вебе | Арсений Попов | Сanvas vs SVG. Примеры использования, сравнительные таблицы библиотек, роудмапов. Выбор стека технологий на примере реального кейса. | |||
5 | 2 | Недокументированные приемы CSS | Дмитрий Григоров | В современном CSS мы часто ищем обходные пути вокруг трудноуловимых ошибок в браузере. Но трудность заключается в том, чтобы научиться творчески применять данные нам возможности CSS. В своем докладе я расскажу о некоторых недокументированных полезных приемах CSS, позволяющих создавать гибкие и легкие решения для широкого круга задач, которые будут удобны в сопровождении и, насколько это возможно, совместимы с существующими стандартами. | 6 апреля 2017 | Рамблер | |
6 | 2 | Пора начинать фыркать – Grid Layout уже здесь | Сергей Попов | Про Grid Layout сказано уже много. Большое количество статей, примеров, инструментов. Однако только сейчас мы можем начинать свободно пользоваться этой спецификацией. Пора заканчивать читать справочники и начинать использовать Гриды в реальном мире. | |||
7 | 2 | Следим за CSS | Дарья Пушкарская | Допускать ошибки – это нормально, если вы смертный. Но мы же с вами супергерои, и мы не имеем право на ошибку. Поэтому, нам на помощь приходят линтеры. Сегодня рассмотрим линтеры для CSS: какие они были вчера, что происходит с ними сегодня, какие тенденции наблюдаются и что же ожидать от них в будущем? Давайте разберемся. | |||
8 | 3 | Топ-15 ваших ошибок CSS | Елена Семёнова | В вёрстке good practice достигается путем многократного переписывания собственного кода. Но мы это время сократим. Вдохновившись чужим печальным опытом, мы пройдемся по 15 вашим ошибкам в CSS. Вы узнаете, что лежит в основе правильных подходов, методы диагностики bad practice, а также способы переписывания некорректного CSS. Вы получите 15 реальных примеров кода до и после оптимизации. Погнали! | 18 мая 2017 | Тинькоф | |
9 | 3 | Atomic CSS в дикой природе | Савва Михалевский | Мы поговорим о проблемах канонических методологий разработки CSS. Обсудим, какие альтернативы нам предлагает Atomic CSS и рассмотрим примеры его использования в реальном проекте. | |||
10 | 3 | FONTend Optimization | Андрей Смирнов | К сожалению, до сих пор не придуман идеальный способ подключения кастомных шрифтов. В связи с этим огромное количество времени тратится на поиск best practices. Из доклада вы узнаете, с какими форматами шрифтов можно попрощаться, как бороться с прозрачностью и морганием текста, нужно ли удалять лишние глифы из шрифта и переводить его в base64. | |||
11 | 4 | Обратная сторона UI Kit. О проблеме кастомизации UI в платформе или как стать цербером на пути к нерациональной красоте | Максим Панов | Как правило, возникает проблема, когда заказчики, вмешиваясь в ту область, в которой они не имеют компетентного опыта, порождают проблемы с разметкой. Вы узнаете способ, с помощью которого можно не только относительно безопасно создавать скины для платформы, в которую были привнесены новые виджеты и фундаментальные изменения BS3 разметки, но и предоставить заказчику выбор: Вам шашечки или ехать? | 7 сентября 2017 | Odin | |
12 | 4 | CSS и HTML — это язык программирования | Алексей Охрименко | Вот все говорят о том, что нужно писать CSS in JS, HTML in JS. На самом деле нужно делать ровно наоборот☺ HTML и CSS — это мощный язык программирования, который позволят нам делать очень крутые вещи. Из этого доклада вы узнаете про Машину Тьюринга и про Полноту по Тьюрингу. Поймете, какие приложения можно написать, используя только HTML и CSS. | |||
13 | 4 | Пишем игры без JavaScript | Леонид Лебедев | Что делать, когда очень хочется написать игру, но знаешь только HTML и CSS? Попробуем с вами создать увлекательные игры, не применяя JavaScript. | |||
14 | 5 | WebP: что это и как нам это использовать | Игорь Лесневский | Наши страницы становятся все тяжелее. А если учитывать современные тренды, то ситуация в дальнейшем будет ухудшаться. Самое время начать думать не только о красоте, но и об оптимизации. Не последнюю роль здесь играет контент, а точнее — изображения, которые мы отдаем на клиент. Поговорим о том, какие преимущества дает нам формат изображений WebP, как обстоят дела с поддержкой, и как нам использовать WebP максимально эффективно уже сегодня. | 31 октября 2017 | Tutu | |
15 | 5 | Адаптивный SVG | Артём Нечунаев | В современных интерфейсах элементы становятся графически сложными: появляются нетривиальные формы, заливки, анимации. Всё это нужно учитывать в разработке под мобильные и десктопные устройства. Уже долгое время существуют подходы к созданию адаптивной вёрстки, но они не всегда применимы к SVG. На примере вёрстки кнопки со стрелкой я расскажу о том, как можно сделать SVG адаптивным. | |||
16 | 5 | Верстальщик: Наследие | Сергей Попов | Каждый день мы приходим на работу и выполняем задачи, которые развивают бизнес или продукты. Но мы редко задаёмся вопросом, что мы можем передать друг другу как разработчики. Open Source продукты? А что если вы захотели оставить после себя спецификации, которыми будут пользоваться миллионы разработчиков по всему миру? Давайте разберёмся, куда идти и что нужно знать, чтобы готовить свои черновики спецификаций. | |||
17 | 6 | Трудности перевода: процессы дизайн-разработка | Саша Ермоленко | Построение здоровых и долгосрочных отношений дизайна и разработки на примере работы над дизайн-системой Рамблера. | 7 декабря 2017 | Яндекс | |
18 | 6 | 10 простых правил дизайна для фронтенда | Миша Розов | Правила выбора отступов. Использование большого количества шрифтов. При разработке дизайна нужно обращать внимание на мелочи, заметные только дизайнеру. Мы поговорим о правилах, придерживаясь которых, вы будете создавать действительно хороший дизайн для фронтенда. | |||
19 | 6 | Яндекс.Красота – дизайн для миллионов | Антон Виноградов | - | |||
20 | 7 | Рендеринг шрифтов в веб | Андрей Яманов | Рассказ о том, почему добиться одинакового отображения текста на разных платформах до сих пор остаётся сложной задачей, можно ли её решить и причем тут дизайнеры. | 6 марта 2018 | Рамблер | |
21 | 7 | Производительность верстки | Алексей Охрименко | Доклад о выборе инструментов верстки, таких как Flexbox, Float, Grid, Table, InlineBlock. Поговорим о том, что и когда выбирать, как происходит Rendering элементов и о проблемах производительности, связанных с этим. | |||
22 | 7 | В мире компонентов. СSSinJS | Александр Шаталов | Из доклада вы узнаете, чем JavaScript может помочь CSS, и как СSSinJS помогает при разработке компонентов. Рассмотрим все плюсы и минусы, а также всегда ли данный подход оправдан. | |||
23 | 8 | Через тернии к АТМ | Дима Короле | В августе 2018 года Тинькофф Банк запустил собственную сеть банкоматов. Одна из задач, стоявших перед командой — разработка оригинального, понятного и удобного для клиентов интерфейса. Рассказ о том, как важно выбирать технологии исходя из условий, с какими проблемами мы столкнулись, как их можно было бы избежать, и что из этого всего вышло. | 15 мая 2018 | Тинькоф | |
24 | 8 | Дизайн-система Mail.Ru Paradigm | Юрий Ветров | Несколько лет портальная дизайн-команда Mail.Ru Group занимается обновлением и унификацией продуктов. У нас сформировалась дизайн-система, на которой работают медиа-проекты, мобильный веб и частично productivity-сервисы (постепенно подключаются и другие продукты), сформировался стиль пиктограмм и иллюстраций, стандартизируются промо-письма и промо-сайты. Конечно, ещё не во всех сервисах всё хорошо, а где-то первый редизайн не решил всех проблем, но огромный рывок за прошедшие годы трудно не заметить. Чтобы ускорить процесс обновления и сделать нашу работу публичной, мы открыли наружу часть нашей дизайн-системы Paradigm. Я расскажу о её новой архитектуре, которую мы анонсируем этой весной. | |||
25 | 8 | Использование CSS Grid Layout с поддержкой IE | Евгений Петухов | Расскажу о различиях старой и новой спецификации. О том, как эту разницу решает autoprefixer. Прокажу реальные примеры, которые можно использовать уже сейчас в продакшене. Подведу итоги с лучшими практиками. | |||
26 | 8 | Типизация в CSS — способ усложнить себе жизнь? | Людмила Мжачих | Что такое объектная модель CSS? Почему она создает нам проблемы? Какие из этих проблем призвана решить новая CSS Typed Object Model и какие преимущества она дает разработчикам? Давайте разбираться вместе. | |||
27 | 9 | Компоненты для быстрой разработки | Алекс Редер | Я расскажу о единой базе компонентов. О том, для чего она нужна и как мы к ней пришли. Как устроен процесс разработки компонентов. Как поддерживается система единых компонентов. | 2 октября 2018 | ДомКлик | |
28 | 9 | Жизнь после cssnext | Евгений Петухов | Cssnexnt теперь запрещён, что делать? На замену пришёл postcss-preset-env. В чём же отличие и преймущество? Одним словом в cssdb. Разложу всё по полочкам о Babel в мире CSS. | |||
29 | 9 | Про HTML | Серёжа Попов | В последнее время все так сильно увлеклись новыми спецификациями CSS, что, кажется, разучились писать чистый HTML. А ведь в HTML всего несколько величин, которые можно померить — валидность, дерево заголовков, семантичность и доступность. Вот всё, что нужно, чтобы создавать качественные и оптимизированные сайты. | |||
30 | 10 | Дизайн-система Tinkoff.ru | Никита Прилепский | Рассказ о процессе создания и внедрения дизайн-системы. Как мы жили без системы, какие ошибки совершили при ее создании, чего удалось достичь и что будем делать в будущем. | 4 декабря 2018 | Тинькоф | |
31 | 10 | Производительность анимаций. Как не застрять в кадрах | Дмитрий Долженко | Трудно представить хороший современный сайт без анимации. Часто приходится поломать голову над реализацией той или иной идеи дизайнера. Как добиться желаемого результа и не выбиться из сил? Какой подход выбрать? Чистый CSS, изменение стилей через JS, или пора задействовать Canvas? Что будет работать быстрее? Где посмотреть производительность? Я постараюсь ответить на все эти вопросы и наглядно продемонстрировать преимущества разных подходов. | |||
32 | 10 | Видимо-невидимо. Охотимся на визуальные регрессии | Людмила Мжачих | Что может быть не так с версткой? Да все, что угодно! Ведь верстка -это не так просто, как кажется: она может не соответсвовать макету, кодстайлу, криво работать в разных браузерах… А еще она может ломаться в неожиданных местах. Ломать верстку легко, а тестировать сложно. А тем временем, всего одно CSS-правило может поломать страницу. Почему может поломаться верстка, которую мы не трогали и что с этим делать? | |||
33 | 10 | Стилизация переиспользуемых UI компонентов | Олег Лыкасов | Одним из ключевых свойств универсальных и переиспользуемых компонентов является кастомизируемость их стилей. Порой добавление пары дополнительных CSS-свойств оказывается обманчиво простой задачей. Как добиться гибкости и не потерять консистентность дизайна сайта? Какое практическое применение могут иметь принципы SOLID и KISS для вашей верстки? В своем докладе я постараюсь дать ответы на эти и другие интересные вопросы. | |||
34 | 11 | Как приручить токены | Виктория Дубровская Георгий Бузин | Рассказ об опыте использования Design Tokens и о том, как поднять тему разработки дизайн-системы на новый уровень, когда хайп уже прошёл. Как развивается frontend и design community, к чему стремятся и как видят процесс взаимодействия между собой. | 25 марта 2019 | Райфайзенбанк | |
35 | 11 | Давайте не будем ждать? | Алексей Попков | Лоадеры повсюду. Если вы не видите лоадера, значит вы еще ничего не сделали на сайте. Поговорим же о том, когда его использовать действительно уместно и как не заставлять пользователей постоянно ждать. | |||
36 | 11 | Тестирование фронтенда для разработчиков | Александра Шинкевич | Мало кто из разработчиков любит править баги. Увы, без них не обходится ни один проект, но их количество можно и нужно сводить к минимуму. Я расскажу очевидные вещи о тестировании фронтенда самими разработчиками. И какие инструменты для этого использовать. Коснусь темы здорового перфекционизма в работе. Покажу чек-листы для самопроверки. И расскрою тайну того, как убедить дизайнера в неправоте, показав только один файл в коде. | |||
37 | 11 | MacOS Driven Development | Никита Дубко | Я пишу код в уютной для меня MacOS уже 6 лет. Чёткие картинки, насыщенные цвета на Retina-экране, удобные инструменты, среди которых Sketch — разрабатывать так приятно! Парадокс в том, что люди, которые пользуются продуктами, для которых я пишу код, в большинстве своём пользуются Windows. Поэтому баги, специфичные для Windows, очень легко могут пройти мимо разработчика. Чёрт с ними, с багами — крестик у попапа ведь должен быть слева! Или всё же справа? | |||
38 | 12 | Великие художники воруют | Алексей Охрименко | Современный CSS/HTML очень сложен. Grid, SubGrid, Flexbox, CSS Regions… — все это требует навыков, опыта и терпения. Что делать, если в твоем арсенале пока нет ничего из вышеперечисленного или если "нужно как вот этот вот, но только вчера". Можно ли как-то воспользоваться чужим трудом? Не делать то, что уже сделанно? Да, это возможно. В этом докладе я научу вас тому, чему вас больше нигде не научат - воровать верстку☺ | 14 мая 2019 | #tceh | |
39 | 12 | Рабочая эффективность: как я пытался обуздать свой день | Игорь Лесневский | Я убежден, что успешный разработчик — это не только тот, кто многое знает и умеет, а также тот, кто умеет грамотно и оптимально организовать свой рабочий процесс. У меня накопилось много подобного опыта за то время, пока я занимаюсь разработкой, и я считаю, что этот опыт может быть кому-то полезен. Я расскажу о том, как я планирую и контролирую свои рабочие задачи, какую роль в этом играет тайм-менеджмент, а также поделюсь воркхаками из личного опыта. | |||
40 | 12 | Про SVG простым и понятным языком | Никита Борисов | При создании интерфейсов мы используем различные виды отображения графики, например, для иконок в приложении. Сегодня я расскажу, как в этом помогает SVG: про аспекты использования данной технологии, преимуществах в сравнении с JPEG или PNG, а также о том, с какими проблемами можно столкнуться. | |||
41 | 13 | «Почему именно я?», или Junior Frontend-разработчик глазами окружающих | Ирина Фролова | Все разработчики когда-то искали ответ на вопрос: “что же должен знать начинающий разработчик?”. И вот, став разработчиком, я решила найти ответы в своем окружении. Изучив мнение HR’ов, старших разработчиков и менеджеров, я сравнила это с картиной, описанной в сети. Самыми полезными наблюдениями и выводами я поделюсь с вами. | 18 июня 2019 | Рамблер | |
42 | 13 | Старт дизайн-системы в небольшом продукте / стартапе | Алиса Смелкова | В Vectorly мы задумались о дизайн-системе практически при старте продукта, но не знали, с чего стоит начать, да и стоит ли вообще. Примеры, которые мы видели в открытом доступе — это дизайн-системы больших компаний, поэтому переложить их опыт на стартап нам было сложно. На примере нашего продукта хотим рассказать, зачем нужна дизайн-система стартапу, как приступить, двигаться дальше и сколько для этого нужно людей. | |||
43 | 13 | Скрываем фокус правильно | Александр Плесовчких | Дизайнеры очень не любят стили фокуса по умолчанию. Но просто ставить outline: none не выход. В этом докладе разберёмся, что за зверь этот фокус, когда его действительно нужно прятать, и как это делать, чтобы не страдала доступность. | |||
44 | 13 | Как понять, что пора уволиться? | Анастасия Калашникова | «Каждое воскресенье я с ужасом понимаю, что завтра на работу». Знакомо? Кажется, у каждого из нас была подобная ситуация. Но далеко не каждый в этот момент задумывался, что, возможно, дело не в нем. «Меня окружают хорошие специалисты, просто я не умею общаться» — когда в команде нет диалога или вовсе конфликт. И бесконечный поиск решения, ситуации заходит в тупик. Про это и многое другое поговорим на встрече. Сделаем небольшой чек-лист и подумаем — а что если пора уволиться? | |||
45 | 14 | Зачем учить учиться и учиться учить? | Алексей Попков | Поговорим о том, какие навыки и как вы можете развивать через обучение других, когда это вам необходимо и почему. Взглянем на процесс обучения фронтенду со стороны студента типичного курса. | 25 июля 2019 | Озон | |
46 | 14 | Жизненный цикл презентации и основные принципы её создания | Мария Кутузова | Ответим на вопрос – почему структура и дизайн слайдов неотделимы друг от друга. Презентация как продукт. Что делать если ты не дизайнер, а слайды нужны? На встрече рассмотрим многие волнующие вопросы: "С чего начать?", "Как оценить ресурсы?", "Какие вопросы задать организаторам площадки и избежать сюрпризов?", "Какие основные шаги нужно пройти для подготовки структуры презентации?". Ответим на вопрос когда и зачем нужны слайды, а так же рассмотрим разные виды презентаций и чем они отличаются. Визуализация в презентации. | |||
47 | 14 | CSS: время прощаться… | Андрей Яманов | Сказ о том, как перестать писать CSS и начать жить разрабатывать интерфейсы. Доклад с элементами лайв-кодинга и чёрной магии. | |||
48 | 15 | Расширение возможностей CSS с Houdini | Маша Стогова | CSS спецификация содержит огромное количество фич, но не смотря на это иногда попадаются задачи, для решения которых стандартных возможностей недостаточно или они неэффективны. Рассмотрим разные подходы их решения и остановимся подробнее на самом новом из них — Houdini. | 29 октября 2019 | Циан | |
49 | 15 | SPA на чистом CSS | Иван Бабков | В наше время даже самый простой сайт подгружает сотни килобайт javascript кода. Мы используем JS, чтобы переходить по ссылкам, собирать бандл, рисовать изображения и для много другого. Но есть задачи, которые требуют простого и быстрого решения. Например создание сайта с несколькими страницами и возможностью перехода между ними. Меня зовут Иван Бабков и я расскажу вам как используя исключительно CSS (и HTML) создать одностраничное приложение. | |||
50 | 15 | Система именования переменных в css | Мария Нагорных | Переменные в css. Зачем они нужны, их плюсы и минусы, а главное как и зачем их правильно именовать Расставим точки над «i», поговорим о теоретических и практических подходах к именованию переменных в css, рассмотрим много примеров. | |||
51 | 16 | Рецепт востребованного верстальщика: дизайн + код | Анна Блок | Часто встречаю убеждение о том, что верстальщик не обязан разбираться в веб-дизайне, графических программах и проявлять излишнее творчество. Моя задача — доказать обратное. Расскажу с примерами, как выжимать из графических программ все необходимое, про излишние коммуникациями со специалистами, когда работаешь в команде, как учиться веб-дизайну, параллельно работая верстальщиком и почему хороший верстальщик гораздо важнее и ценнее хорошего веб-дизайнера. | 3 декабря 2019 | Касперский | |
52 | 16 | Разработка универсальных библиотек компонентов для платформы по созданию сайтов | Игорь Лесневский | Многие компании, которые занимаются проектной разработкой, рано или поздно сталкиваются с необходимостью создания общих баз frontend-компонентов, которые можно многократно использовать на разных проектах. Это не только экономит время, но и позволяет разрабатывать проекты с меньшим количеством багов. В своем докладе я бы хотел рассказать о том, как наша компания внедрила у себя этот подход, с какими трудностями мы при этом столкнулись и каких принципов мы придерживались. | |||
53 | 16 | В погоне за перфомансом | Крохмаль Даниил | Пользователь заходит на ваш сайт с мобильного устройства в трамвайчике. Открыв сайт, пользователь терпеливо ждет, когда сможет взаимодействовать с вашим сайтом. Еще ждет. И еще ждет. И тут его остановка. А сайт все еще грузится. Почему так происходит? Все просто, с каждым годом размер наших бандлов растет, как и число активных пользователей на мобильных устройствах. Все это, когда — нибудь да заставит вас задуматься о перфомансе вашего сайта, желательно до падения конверсии и появления новых седых волос. Я бы хотел вместе с вами обсудить то, как сделать пользователей ваших сайтов чуть счастливее. Расскажу, как мы решали наши вопросы с перфомансом и что нам дало это по итогу. Конечно, без рокет сайнса (но это не точно). | |||
54 | 16 | BRAND х UI | Никита Морозов Николай Коробов | Как бренд и живет в интерфейсе сайта? Об этом нам рассажут Никита и Николай. | |||
55 | 17 | Как понять дизайнера и больше погрузиться в продукт? | Ксения Майорова | Расскажу о том, как смотреть на дизайн чтобы задавать правильные вопросы, найти общий язык с дизайнером и командой продукта. | 6 февраля 2020 | Align Technology | |
56 | 17 | Особенности CSS в веб-компонентах | Артём Гусев | Многие считают, что изоляция в Shadow DOM является как его плюсом, так и минусом. Тем более, когда дело доходит до стилей. В своем докладе расскажу о том, какие возможности предоставляет нам современный CSS для работы с WebComponents и Shadow DOM в целом, и что из всего этого я успел применить в работе. | |||
57 | 17 | Custom properties: переменные или свойства? | Мария Нагорных | После бума препроцессоров css с их переменными, все ждали появления нативных css переменных. И они появились. А потом, во время доработки черновиков спек, стали свойствами. В своем докладе я хочу разобраться что же они такое? И в том числе, можем ли мы их использовать уже сегодня? | |||
58 | online | Магия цвета | Андрей Яманов | В докладе мы разберём, какой путь проделывает цвет от битов в видеопамяти до нашего сознания, через какие трансформации он проходит на этом пути и почему это важно знать не только дизайнерам, но разработчикам интерфейсов. Также мы узнаем, как управлять цветом и сделать его своим помощником при проектировании интерфейсов. После теоретической части доклада мы рассмотрим различные инструменты по работе с цветом и на примере разберём как применять полученные знания в проектах | 21 декабря 2021 | Youtube | |
59 | 18 | Там, где заканчивается макет и начинается верстка | Шкульник Дмитрий | Конфликт между дизайнерами и фронтендерами присутствовал всегда. Одни лишь усугубляют ситуацию, а другие находят способы получить выгоду из разрешения конфликтов. Посмотрим, что с этим можно сделать и как перейти из первого состояния во второе | 22 сентября 2022 | MTS AI | |
60 | 18 | CSS, который вы ~забыли~ заслужили | Оловянников Илья | Фронтенд разработчики все реже верстают проекты «с нуля» и начинают забывать многие встроенные фичи такого родного языка. Время напомнить, что CSS — сила! | |||
61 | 18 | Значения в CSS: от декларации до отображения | Валитова София | Расскажу, что происходит с вашим кодом после того, как браузер его загрузил и распарсил, почему каскад есть даже если вы вообще не написали стилей и почему специфичность — это только часть каскада | |||
62 | 19 | CSS-анимации в корпоративных проектах | Троицкий Роман | На примере реальных проектов поговорим о мощности CSS-анимаций и вариантах обхода неанимируемых свойств, а также рассмотрим примеры использования библиотек css-анимаций. | 20 декабря 2022 | Скиллбокс | |
63 | 19 | Неизведанный LengthLand | Коршиков Павел | Много ли вам известно о CSS < length /> величинах? Вместе погрузимся в детали, узнаем больше об известном, и, наконец-то, поймём то, что раньше казалось просто правилом: «работает — не трогай». | |||
64 | 19 | Какие навыки действительно нужны фронтендеру для начала работы? | Соломка Сергей | Мы все очень любим учиться. Есть даже такой синдром — вечного студента. Но как найти тот баланс, чтобы не учиться слишком долго, но и не выходить на работу слишком рано? Я расскажу о своём опыте обучения и моменте, когда начал брать первые заказы. А также о том, какие отличия увидел между учебой и работой, и как этот опыт помогает мне качаться дальше | |||
65 | 19+ | Неизведанный LengthLand (расширенная версия): cтань Length Lord'ом своих макетов | Коршиков Павел | Много ли вам известно о CSS < length /> величинах? Вместе погрузимся в детали, узнаем больше об известном, и, наконец-то, поймём то, что раньше казалось просто правилом: «работает — не трогай». Как и землевладельцы, хозяева площади - приходите к нам на событие и станьте хозяином/повелителем своих макетов; измеряй, дели и управляй площадью как захочешь! | 26 января 2023 | Youtube | |
66 | 20 | Tailwind-css: Поздравляю, у вас стартап! Или нет? | Александр Водолазских | Tailwind уже ни для кого не является чем-то неизвестным, однако вокруг него все еще не утихают холивары. Кто-то скажет, что он подходит в лучшем случае для прототипов, но так ли это на самом деле? | 22 марта 2023 | СберМаркет Tech | |
67 | 20 | Эксперименты - просто о сложном | Алина Ваниева | Как понять какие изменения на вашем сервисе стоит оставить, а какие лучше спрятать и никому не показывать? Как взорвать интерфейс и не распугать пользователей? Зеленая или красная кнопка, Нео? Верхнеуровнево, не закапываясь в детали, попробуем ответить на самые важные вопросы - что такое эксперименты, какие они бывают, есть ли особенности реализации и самое главное - что они нам могут дать. | |||
68 | 20 | Как подружить дизайнера c фронтенд-разработчиком | Алексей Авдеев | Со времени, когда жизнь разделила веб-мастеров на дизайнеров и верстальщиков, прошло много времени. В первое время мы совсем не понимали друг друга, но современные инструменты уменьшили дистанцию между нами и продолжают это делать. Мы начали использовать похожие технологии, одинаковые термины, а иногда и вовсе обходиться друг без друга. Поговорим о том, как стать ещё ближе и научиться говорить на одном языке | |||
69 | 22 | SVG анимация | Антон Чередниченко | SVG - это не только иконка для вашего приложения, но и мощный инструмент, способный добавить захватывающие анимации, которые поражают воображение. В нашем докладе мы разберем различные методы анимирования SVG графики и поделимся с вами рекомендациями о выборе наиболее подходящего способа. Кроме того, вы узнаете о нескольких интересных приемах, которые добавят оригинальности вашим проектам. Присоединяйтесь к нам и откройте перед собой мир потрясающих SVG анимаций! | 6 июля 2023 | Лекторий Скиллбокс | |
70 | 22 | Как выжить junior разработчику в 2023 году: взгляд с двух сторон | Александр Ермолов | С позиции джуниор разработчика рассмотрим, как оправдать ожидания работодателя и закрепиться в компании, как расти и строить карьеру, а с точки зрения руководителя - как поддержать и развить начинающего специалиста. | |||
71 | 22 | Новые единицы измерения в CSS заставят плакать. Или нет? | Анна Блок | Делать сайты адаптивными можно не только опираясь на viewport, но и на размер родительского контейнера. Эту возможность предоставляет новый подход в верстке - CSS Container. В докладе я подробно расскажу, как пользоваться новыми единицами измерения (cqw, cqh, cqi, cqb, cqmax, cqmin), правилом @container и продемонстрирую, как это упрощает создание адаптивного дизайна. | |||
72 | 22 | IndieWeb, или Ваш контент принадлежит вам | Никита Дубко | Представьте, что у вас есть страничка в новом сервисе для микроблогов от компании Troodle. Вы собрали несколько тысяч подписчиков, постоянно наполняете микроблог контентом. И вот в какой-то момент Troodle решает закрыть сервис без сохранения ваших записей, потому что переориентация бизнеса. Знали ли вы, что есть целый ряд спецификаций, который делает ваш контент по-настоящему вашим? В докладе покажу, что входит в инициативу IndieWeb и как реализовать его идеи на своём сайте. | |||
73 | 21 | CSS-раскладки — что такое и как их готовить | Лев Солнцев | Изначально CSS предназначался для оформления документов и приходилось ухищряться для создания более сложных интерфейсов сайтов. Теперь же у нас есть аж два мощных средства для раскладки элементов. Рассмотрим что они могут, как ими пользоваться и какие имеют особенности. | 28 сентября 2023 | MTS AI | |
74 | 21 | 5 стадий принятия аналитики | Дарья Корчуганова | Что делать, когда команду штормит и разработчики с аналитиками враждуют как Монтекки и Капулетти, когда никто уже не помнит откуда начался этот конфликт и кто был его зачинщиком? Поделюсь своим опытом как сделать первые шаги к сплоченной команде, в которой слышат друг друга. | |||
75 | 21 | Зачем компании развивают IT-бренд? | Ионна Авагян | Зачем компании развивают IT-бренд? Как мы это делаем в Cloud.ru? Почему разработчику важно дружить с DevRel-ом? Как DevRel помогает разработчику стать супер-звездой с помощью выступлений? Как много вопросов и как мало ответов. Что ж, давайте разбираться. | |||
76 | 23 | Синергия дизайнера и разработчика: как эффективно работать вместе | Сережникова Наталья | Можно ли вдохновить разработчика классным дизайном? Посмотрим на взаимодействие глазами дизайнера, как же найти эти точки соприкосновения и общаться на одном языке. | 14 декабря 2023 | Авито | |
77 | 23 | Фигурки в css | Александр Литвин | Многие простые векторные изображения можно повторить с помощью нативного CSS при должной сноровке. Сравнительный анализ разных походов. | |||
78 | 23 | Браузерные инструменты на страже перформанса | Алексей Иванов | В докладе мы обсудим методы анализа и оптимизации производительности веб-приложений с использованием инструментов разработчика в браузере Chrome. Сначала поговорим о возможностях Lighthouse и его ограничений. Затем перейдем к более продвинутым функциям DevTools, таким как вкладки "Memory" и "Performance". Расскажем в чем разница, чем они полезны и какие проблемы помогут найти | |||
79 | 23 | Frontend, что я понял за 2 года или 55 заповедей разработчика | Александр Ермолов | С технической точки зрения поговорим о чистоте кода, как верстать, какие есть инструменты. С командной — о взаимодействии: как общаться, чтоб не душнить, статус по срокам, о сообщениях. И конечно личный рост: чаты, обучение начинающих и подобное. | |||
80 | 24 | Как настроить код, который правит сам себя? | Владимир Морозов | Бывает начинаем работу в новом проекте, а в нем код, как-будто разные люди писали. Работать с таким кодом становится сложнее. На ревью много времени тратиться на то, чтобы выяснить сортировку свойств, надо ли в конце ставить запятую и пробел, или не надо. Потом, когда получил апрувы, и захотел посмотреть историю git, в нем одни fix. В своём докладе я расскажу как настроить код в проекте так, чтобы код не разъезжался. Плюсы использования линтеров в проекте и зачем они нужны. | 15 февраля 2024 | MTS AI | |
81 | 24 | Легаси технология, о которой полезно знать | Анастасия Ярош | Расскажу на примере "Stylus" кратко о препроцессорах, и как с ними жить. Надо ли от них отказываться. | |||
82 | 24 | Вспоминаем про Houdini | Антон Непша | Несколько лет назад миру представили Houdini — набор новых API для расширения возможностей CSS. Сегодня работа над Houdini всё ещё не прекращается, но давайте всё же посмотрим, на что он способен, что обещают нам спецификации и можно ли пользоваться Houdini уже сегодня. | |||
83 | 24 | Storybook как средство тестирования | Алексей Николаев | В разных командах видел историю, когда разворачивают сторибук, а через какое то время перестают им пользоваться и забрасывают. Поговорим о том, как сделать так, чтобы он приносил пользу всей команде и использовался бы не только в качестве UI-кита, но и как инструмент для тестирования. | |||
84 | 24 | От кода до пикселей: Как браузер рендерит веб страницу | Олег Соловьев | Давайте заглянем внутрь современного браузера и узнаем, какой путь проходит написанный нами код до того, как превратиться в готовую веб-страницу. Мы рассмотрим многие интересные аспекты, начиная от обзора браузерных процессов при загрузке страницы, заканчивая ролью композитора и растеризатора в отрисовке пикселей на экране. | |||
85 | 25 | CSS-анимации с точки зрения браузера | Расторгуева Анна | Расскажу какие процессы запускает браузер при отрисовке страницы, что происходит при анимации. Сколько стоит анимация тех или иных свойств. Покажу демку и как дебажить эти процессы | 22 апреля | Sber Agile Home | |
86 | 25 | Библиотека стилей, или как не скачать слона | Егор Левченко | Когда вы пишете стили для вашего сайта, вы отталкиваетесь от своих представлений о коде. Если вы работаете в команде, у вас есть правила и стайл-гайды. Если — в большой компании, дизайн-система. Если — над поддержкой большого количества сайтов, в команде и с дизайн-системой, которая зависит не от вас… | |||
87 | 25 | Не бросайте джунов в яму! Мы не Спарта! | Сергей Шалыгин | Рассмотрим создание кастомных стилей для React-компонентов, сравним с популярными библиотеками | |||
88 | 25 | Войти в ИТ как по маслу | Лиза Галковская | Курсы говорят, что в ИТ высокие зарплаты. Компании пишут, что не хватает ИТ-специалистов. Но если ты только входишь в ИТ — реальность может оказаться не такой радужной. Как выстраивать отношения в новом коллективе, чтобы избежать дедовщины и абьюза? Расскажу про типовые ошибки, которыми ты сам себе можешь вырыть яму. И дам прикладные инструменты, как их избежать | |||
89 | 26 | Редактор CSS на CSS | Никита Дубко | Давайте попробуем собрать компонент для CSS-демок. Чтобы можно было редактировать CSS, а стили сразу применялись на экране и при этом не влияли на элементы за пределами демки. И чтобы можно было менять размер редактора кода. Да ещё и с поддержкой тёмной темы — это сейчас модно. А чтобы задача было интересной, запретим себе использовать JavaScript. Готовы? | Яндекс Экстрополис | ||
90 | 26 | Способы реализации от простых до управляемых timeline анимаций | Владислав Худяков | Все мы так или иначе пересекаемся с задачами по анимации элементов и целых секций. Легко если это базовое поведение по наведению или циклы. Другое дело — когда нужный результат анимации зависит от ряда параметров, времени, прогресса нескольких элементов и все это меняется динамически. Рассмотрим варианты анимаций, реализацию тайм-лайнов при помощи GSAP. Посмотрим на его плюсы и минусы, а так же альтернативы. Главное поймем — для каких анимаций достаточно CSS, а когда пора идти за библиотекой. | |||
91 | 26 | Миксуй палитру как настоящий художник | Анна Ширяева | Говорят, все новое — хорошо забытое старое. Раньше мы брали кисть, смешивали краски и рисовали на холсте. Сейчас наше творчество льется через клавиатуру и стили. Приглашаю вас в путешествие по миру color-mix() и других цветовых функций CSS. Научимся видеть логику в палитрах и поддерживать свои приложения в цветовой гармонии | |||
92 | 27 | Coming soon!) | red_mad_robot | ||||
93 | |||||||
94 | |||||||
95 | |||||||
96 | |||||||
97 | |||||||
98 | |||||||
99 | |||||||
100 |