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

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

前往频道在 Telegram

Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке. Личный блог автора - @just_genych По вопросам рекламы или разработки: @g_abashkin

显示更多
8 227
订阅者
-624 小时
-147
-1530
帖子存档
​​🎛11 полезных фичей Chrome DevTools В этой небольшой статье, я хочу поделиться интересными находками, которыми пользуюсь сам. Читать...

Работать и не уставать, достигать цели, но делать это в кайф - реально! Как научиться делать дела и не выгорать? Психолог взр
Работать и не уставать, достигать цели, но делать это в кайф - реально! Как научиться делать дела и не выгорать? Психолог взрослого человека - канал для айтишников, у которых периодически опускаются руки и отключается мозг, ибо переработки и постоянная тревожность не приводят к другим исходам. ▪️ Как научиться отвлекаться от работы и отдыхать? ▪️ Как совместить кучу рабочих задач и время с семьей? ▪️ Как справиться с прокрастинацией? ▪️ Как не растерять запал, даже если начальник и коллеги 💩 и кажется, что ничего не выходит? Подписывайтесь на канал @vadimpetrov_psy и научитесь работать без упахивания, выгорания и ущерба для личной жизни! 👨🏻‍💻 Псс. Заходите в закреп канала - там много полезного, и даже бесплатный мини-курс.

​​😎Как в Figma использовать svg в качестве заливки В этой статье мы рассмотрим способ, как использовать svg картинку в качестве заливки векторного объекта. Читать...

​​🤔UX-мракобесие В этой статье о проблеме UX-мракобесия, которая заключается в упрощенном понимании пользовательского опыта. Читать...

​​👨‍🚀Figma to Frontend: как мы автоматически синхронизируем дизайн и код В этой статье расскажу, как мы синхронизировали треть нашей дизайн-системы за счет автоматической генерации дизайн-токенов и компонентов. Читать...

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

Инструмент, который нужен тестировщику на React.js Изучите его на бесплатном практическом уроке «React Testing Library» от OT
Инструмент, который нужен тестировщику на React.js Изучите его на бесплатном практическом уроке «React Testing Library» от OTUS, где мы: 1. Применим на практике подход к разработке компонентов на React.js через тестирование 2. Освоим написание модульных тестов для компонентов, контроль корректности обработки событий и документирование технического решения 3. Научимся упрощать рефакторинг, сокращать количество ошибок на проде и упрощать командную работу 4. Разберём использование react testing library и jest 5. Получим навык описания тестовых сценариев и автоматизации тестирования Занятие пройдёт 14 февраля в 20:00 мск и будет приурочено к старту курса «React.js Developer». Доступна рассрочка на обучение! Пройдите короткое тестирование прямо сейчас, чтобы занять место на открытом уроке и получить запись: https://otus.pw/nVbQ/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

​​Руководство по проектированию интерфейсов с Drag and Drop В этой статье я хочу поговорить об особенностях проектирования дизайна и юзабилити интерфейсов с Drag and Drop. Читать...

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

​​🧑‍💻Пара HTTP-заголовков, о которых, похоже, не знают разработчики В этой статье мы рассмотрим что такое HTTP-заголовки, какие их типы бывают и зачем они нужны. Читать...

​​👿HTML: плохие стороны В этой статье автор расскажет о некоторых проблемах HTML с точки зрения accessibility и usability, таких как использование атрибута multiple элемента select, недостатки элементов <i> и <datalist>, проблемы с кнопками disabled, а также несогласованность в работе нативного проигрывателя видео. Читать...

​​😎3 правила в веб-дизайне, которые упрощают жизнь разработчикам В этой статье вы узнаете о трех правилах в веб-дизайне, которые могут упростить жизнь разработчикам. Читать...

Запоминайте меньше и достигайте большего с помощью логических свойств Запомните эту новую блочную модель, и вам больше никогда не придется беспокоиться об изменении левых и правых отступов или полей для различных режимов и направлений документа. Настройте стили от физических свойств к логическим, таким как padding-inlinemargin-inlineinset-inline, и теперь всю работу по настройке будет выполнять браузер. button { padding-inline: 2ch; padding-block: 1ch; } article > p { text-align: start; margin-block: 2ch; } .something::before { inset-inline: auto 0; } Поддержка браузерами: 👉 padding-inline: caniuse 👉 margin-block: caniuse 👉 inset-inline: caniuse Как всегда удачи в экспериментах!

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

​​👀HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 5 В этой статье мы покажем, как HTML и CSS могут улучшить или ухудшить верстку. Читать...

​​😬Это ужасно бесит — подборка косяков, постоянно встречающихся от сайта к сайту, от приложения к приложению В этой статье мы рассмотрим некоторые из таких наиболее распространённых косяков. Читать...

🟡Тест по React JS от OTUS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 👉🏻ПРОЙТИ ТЕСТ https://otus.pw/ChYc/ Курс доступен в рассрочку. 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «React.js Developer» Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8K3RSP

​​🎃Как сделать консистентный UX для 40+ продуктов. Уроки, которые я извлекла из перезапуска дизайн-системы В этой статье я хочу поделиться главными уроками, которые извлекла в процессе. Читать...

​​😶Без углов и стресса: Формула успешного дизайна, или как правильно скруглить внутренние углы фигур В данной статье я расскажу, почему они важны и как сделать так, чтобы ваше закругление углов выглядело аккуратно. Читать...

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