frontend от ежетты

ИТ-юмор Менеджер: то есть сначала было 3 бага, но когда ты один из них исправил, их стало 4? Я: это очень сильное упрощение, но да...

Привет! Делюсь, что нового узнала за последнее время 🔖 дано число, которое нужно вывести на странице, задача убрать незначащие нули, например 7.890000. Метод parseFloat - мне его хватило, но вот статья с более углубленным подходом 📌 во vue нужно начать элементу разные классы по разным условиям: :class="{   'pl-1': this.$store.state.resize.w >= 860,   'mb-2': this.$store.state.resize.w < 860 }" 📍 bootstrap: нужно менять flex-свойства под разные экраны: flex-md-row, align-items-md-center - могут очень пригодится, чтобы менять поведение flex под разные экраны - более подробно в документации версии 5

📝 Читаю статью о правильном произношении терминов. Полезно, но крайне непривычно 🙈 Скажешь начальнику "эйпиэй", поймут ли тебя? Я помню, как я перезанималась английским и уже на работе на звонок лида ответила: "Hello! Have are you?" 😂

ИТ-юмор На случай, если вам вдруг понадобится объяснить принцип работы VPN одной картинкой

Мемы про ИИ

Привет! Как скрыть часть текста красиво? 1. Есть способ с многоточием: нужно зафиксировать ширину любым способом, а также применить три главных свойства(последние): .text { max-width: <значение>; white-space: nowrap; owerflow: hidden; text-owerflow: ellipsis; } Для Firefox можно использовать text-owerflow: " >>"; или text-owerflow: " (Read More...)" 2. Есть способ с градиентом, используется псевдоэлемент, с градиентным фоном: Одно из простых решений: .text-eclipse { position: relative; } .text-eclipse::after { content: ""; position: absolute; top: 0; white-space: nowrap; owerflow: hidden; text-owerflow: ellipsis; right: 0; width: 45%; /* 1 */ height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* 2 */ } 🔗 другие способы с градиентом

Привет! Как скрыть часть текста красиво? 1. Есть способ с многоточием: нужно зафиксировать ширину любым способом, а также применить три главных свойства: .text { max-width: <значение>; white-space: nowrap; owerflow: hidden; text-owerflow: ellipsis; } Для Firefox можно использовать text-owerflow: " >>"; или text-owerflow: " (Read More...)" 2. Есть способ с градиентом, используется псевдоэлемент, с градиентным фоном: Одно из простых решений: .text-eclipse { position: relative; } .text-eclipse::after { content: ""; position: absolute; top: 0; right: 0; width: 45%; /* 1 */ height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* 2 */ }

ИТ-юмор Текст с картинки: Microsoft рекомендует разработчикам не забывать о разнообразии и не делать ставку на героин

ИТ-юмор Текст с картинки: Когда в вакансии указано дружный рабочий коллектив и уютный просторный офис. На картинке ад с чертями и пытками

Привет! У меня есть pet многостраничного сайта и я его продолжаю: 🎥 новое видео в Youtube ▫️готов адаптив 320+, проект делается mobile first, в этом видео финал по десктопу ▫️тег <picture>, картинки под разные экраны ▫️line-height в процентах ▫️кнопки слайдера в виде единой линии, с общим закруглением края ▫️favicon, generator 📌 а еще рассказываю, что дальше: JS, картинки под retina, lazyloading, hover-ы кнопок, рефакторинг, база данных и верстка других страниц сайта 🔗 репозиторий в github 🔗 макет