Логово верстальщика

​​🏦Зачем банкам менять интерфейсы, и как это сделать, если вы тоже хотите В этой статье я подробно расскажу о пройденных шагах, сложностях, с которыми мы столкнулись во время реализации, достигнутых результатах и выводах, которые я вынес из этого проекта. Читать...

​​😻Топ-5 фишек UI/UX дизайна платформы контейнеризации В этой статье хочу поделиться топ-5 фишек, созданных для консоли dBrain, чтобы превратить рутинную работу инженера по обслуживанию кластера в творческую. Читать...

Дайте старт вашей карьере с нашим бесплатным курсом по JavaScript! 🎓 Курс включает 39 уроков, 46 упражнений и 129 тестов для закрепления знаний. Вы освоите создание программ с использованием основных конструкций языка, сможете составлять программы из нескольких модулей и научитесь анализировать ошибки в коде с помощью отладочной печати. 💡 Научитесь не только теории, но и применять знания на практике. Поддержка в «Обсуждениях» поможет вам разобраться с темами, которые вызывают трудности. Обучение с самого нуля, с акцентом на практику. Подходит для начинающих программистов! Добро пожаловать в мир JavaScript😉 Реклама. АНПОО "ХЕКСЛЕТ КОЛЛЕДЖ". ИНН 7839056670.

​​CSS text-wrap: balance Начиная с Chrome 114, вы можете использовать сбалансированный перенос текста для заголовков с помощью свойства text-wrap со значением balance. 👉 Уровень поддержки согласно caniuse Для балансировки текста браузер выполняет эффективный бинарный поиск наименьшей ширины, которая не вызывает переноса строки, останавливаясь на одном пикселе CSS (не экранном пикселе). Для дальнейшей оптимизации бинарного поиска браузер начинает с 80% средней ширины строки. 👉 Смотреть демо 👉 Более подробная статья

erid: 2VtzqwFbXGJ Большие зарплаты в IT — миф Ведь получают от 250 к только те, кто умеют вести переговоры с начальством или HR. Остальные сразу соглашаются на оффер, даже если он их не устраивает, потому что стесняются просить больше денег. Достаточно знать хотя бы пару приёмов переговоров — и вы сможете увеличить свой доход на 30%. А помогает с этим — канал Выше вилки. Его авторы — экс-айтишники Яндекса и Касперского, а также HR из кадрового агентства SpiceIT. Они делятся инструкциями, которые легко позволяют нормально пройти собеседование и получить хороший оффер от 250 к. Благодаря этому каналу вы поймёте, как увеличить свой доход на 30%. Подписывайтесь: @above_the_range реклама. рекламодатель ИП Шишков Илья Иванович ИНН: 575206903941

​​🎃Продуктовый дизайн. Инструкция по Agile методологии для новичка В этой статье я хочу рассказать о том, как новичку работать с методикой Agile при создании продуктового дизайна. Читать...

С чего JS-разработчику начать изучение React? С бесплатного практического урока «Typescript и React. Типизация основных строительных блоков приложения» от OTUS. На вебинаре: - углубимся в typescript; - разберёмся с типами для React; - поймем, зачем нужны дженерики и как описывать компоненты React на typescript; - изучим enums, interfaces, functions, classes, keyof, typeof, union an as и многое другое. Занятие пройдёт 29 января в 20:00 мск и будет приурочено к старту курса «React.js Developer». Программа доступна в рассрочку! Пройдите короткое тестирование прямо сейчас, чтобы принять участие в открытом уроке и получить запись: https://clck.ru/382m8h Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8KKWCE

​​😍Принципы хорошего дизайна интерфейсов. И причем здесь программисты? В этой статье я хочу описать ключевые принципы, на которые советую обратить внимание начинающим дизайнерам. Читать...

Канал с полезными инструментами для верстальщика найден! Навыки верстальщика - канал в котором ты найдешь: ▫️Макеты в формате фигма для верстки ▫️Полезные фичи по CSS & HTML ▫️Готовые решения по верстке 👉 Мы ждем тебя в нашем дружном комьюнити!

​​😉Подбор цветов для палитры визуализации данных В этой статье расскажу как подбирать цвета для палитры визуализации данных в профессиональных интерфейсах. Читать...

​​👾Скрытые возможности элемента <input> В этой статье я опишу не только различные типы <input>, но и сопутствующие атрибуты, о которых вы могли не знать, и которые делают этот элемент более удобным и применимым в различных ситуациях. Читать...

Новый год — старт для ваших новых карьерных возможностей 🎄 6 февраля приглашаем на Зимнюю ярмарку вакансий, которая пройдёт офлайн и онлайн. Это классная возможность стать частью IT-сообщества Яндекса и познакомиться с теми, кто создаёт сервисы с многомиллионной аудиторией. Что вас ждёт 🔸 Вакансии для стажёров Узнаете о новых вакансиях и задачах, а также сможете лично пообщаться с командами и подать заявку туда, где понравится больше всего. 🔸 Полезные лекции Узнаете о технологиях и кейсах из практики от экспертов Яндекса. Лекции пройдут по основным направлениям стажировки: бэкенд, фронтенд, мобильная разработка, аналитика и машинное обучение. 🔸 Нетворкинг со стажёрами Яндекса Узнаете, как они проходили отбор, как готовились и чем планируют заниматься дальше. Сейчас в Яндексе одновременно стажируются более 600 человек — им есть что рассказать. Как попасть на Зимнюю ярмарку вакансий Чтобы попасть на ярмарку, нужно пройти предварительный отбор — решить задачи на Яндекс Контесте до 31 января включительно. Мы проверим решения, оценим анкеты и позовём лучших на день стажёра в Москве. Приглашения придут до 2 февраля включительно. 🍭 Закрытое шоу Тех, кто решит все задачи из Контеста, мы пригласим на вечернее закрытое шоу «Всё в плюсе». Это соревнование между различными бизнес-группами Яндекса, в которых примут участие и стажёры, и топовые разработчики. Знакомство с различными сервисами, нетворкинг с действующими стажёрами, вечеринка с кавер-группой и диджеем — это то, что ждёт вас на шоу. Узнать подробности и подать заявку — https://yandex.ru/yaintern/intern-day.

​​🫥Прокачиваем вёрстку ARIA-атрибутами. Атрибут aria-hidden В этой статье рассказывается об атрибуте aria-hidden, который позволяет скрыть элементы от пользователей скринридеров и улучшить доступность интерфейса. Читать...

​​🚀Оптимизируйте длинные задачи В данной статье рассказывается о том, как оптимизировать работу задач JavaScript для улучшения производительности веб-приложений. Читать...

​​🎃Скажи что-нибудь на разрабском, Figma В этой статье автор расскажет, помогут ли новые фишки Figma наладить общение. Читать...

Свежая фича CSS - @scope Всем привет! Относительно недавно в css появилась такая интересная штуковина как @scope. В целом штука в перспективе интересная и думаю вам полезно будет о ней знать, но на данный момент лучше ее не использовать по причине слабой поддержки в браузерах И так о чем это: Думаю все мы понимаем как работает синтаксис ниже .element a { width: 100px; } .element .big_block { height: 200px; } Теперь для того что бы задать стили элементам внутри .element не нужно каждый раз прописывать вложенность. Мы можем сделать так: @scope(.element) { a {width: 200px;} .big_block {height: 100px;} } Вот такая вот довольно полезная в будущем штука. Если хотите узнать больше подробностей то вот ссылка на MDN

​​🚀Создание плагина для Фигмы: дизайнеры захотели — разработчик подсуетился В статье рассказываю, как написать плагин, и что это проще, чем звучит на первый взгляд. Читать...

​​👍Все про this в JavaScript В этой статье мы узнаем все о this в JavaScript и научимся его определять, а также разберемся с мифической "потерей контекста", и рассмотрим как API среды влияет на this. Читать...

Материалы из этого канала дают на платных курсах Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое 👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!

​​🦾Пишем 2D игру на JavaScript и Canvas. Часть 2. Графика В этой статье мы создаем браузерную игру с использованием чистого JavaScript и элемента Canvas. Читать...