КодВеб | Дизайн База

❔ Как сделать облачко комментария? CSS:

.d33 {
width: 150px; 
height: 80px; 
margin-left: 26px;
background: #B5DDD4;
position: relative;
border-radius: 10px;
}
.d33:before {
content: "";
width: 0; 
height: 0;
position: absolute; 
right: 100%; 
top: calc(50% - 12px);
border-top: 12px solid transparent;
border-right: 24px solid #B5DDD4;
border-bottom: 12px solid transparent;
}

@codewebx | #tutorial 🖥 Готовые шаблоны, плагины, темы

Прокачать навыки вёрстки можно в телеграм! В этом канале опытный верстальщик делится структурированными уроками и различными материалами по HTML, CSS, JS, а также советами по заработку на фрилансе. Канал будет полезен: 1. начинающим и опытным верстальщикам 2. программистам 3. веб-дизайнерам Научиться и зарабатывать на верстке: @free_html_lessons

Фантастические новости для всех, кто мечтает овладеть JavaScript и стать настоящим профессионалом в этой области! Если ты когда-то задумывался о том, как начать свой путь в программировании, то сейчас самое время действовать! Если ты уже опытный разработчик, приходи и прокачай свои скилы! Новый бесплатный интенсив от METHED создан специально для того, чтобы дать тебе возможность окунуться в мир JavaScript без лишних затрат времени и денег. Что ждёт тебя на нашем интенсиве?  Узнаешь по ссылке тут 👉🏻 https://tglink.io/b28ce90b694c  Не упускай свой шанс стать экспертом в области JavaScript! Зарегистрируйся на нашем интенсиве прямо сейчас и начни свой путь к новым профессиональным высотам!

👩‍💻 HouseVOP Сайт жилого комплекса. 🟠 Сложность: Легкий 🟠 Адаптивность: Нет Исходники | @codewebx | #figma 🖥 Готовые шаблоны, плагины, темы

👨‍💻Radios With Sliding Focus Кнопки с анимацией выделением и перемещения между кнопками. Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

Свершилось! В Telegram добавили бесплатный @ChatGPT4 Малый пример того, что может данный бот: -Рисовать картины по вашему описанию -Кодить и обучать кодингу -Создать уникальный рецепт по списку продуктов -Рассказать о твоих сильных сторонах -Быть психологом, СММщиком, мотиватором -Заполняет за вас Excel-таблицы, делает презентации в PowerPoint -Писать резюме/рефераты/статьи/песни/рассказы/контент на любые темы И многое другое! Возможности бота ограничены только вашей фантазией. Пользуйтесь и делитесь с друзьями! 👉🏻@ChatGPT4

❔ Как сделать обтекание картинки текстом с двух сторон? Приём заключается в том, что текст помещается в два блока одинаковой ширины с небольшим промежутком посередине. С помощью псевдоэлементов :before и :before в каждый блок добавляется заглушка шириной в половину картинки и высотой, равной высоте картинки. HTML:

<div class="wrap">
  <img src="cat.jpg">
    <div class="left">
      <p>текст</p>
    </div>
    <div class="right">
      <p>текст</p>
    </div>
</div>

CSS:

.wrap {
  width: 60%;
  margin: 80px auto;
  position: relative;
}
img {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -125px;
}
.left {
  float: left;
  width: 49%;
}
.right {
  float: right;
  width: 49%;
}
.left:before, .right:before {
  content: "";
  width: 125px;
  height: 250px;
}
.left:before {
  float: right;
}
.right:before {
  float: left;
}

@codewebx | #tutorial 🖥 Готовые шаблоны, плагины, темы

14 мая в Айтилогии стартует 7-дневный бесплатный интенсив по frontend-разработке, на котором ты с нуля без знаний создашь фронтенд-проект на Angular 🔥 На интенсиве ты: – Сверстаешь лендинг на HTML + CSS – Реализуешь функционал на JavaScript – Используешь фронтенд-фреймворк Angular – Подключишь Backend и загрузишь сайт на хостинг 🎁 Будет общий чат, проверка домашек от экспертов, различные бонусы! А за кодовую фразу, собранную во время интенсива, автор подарит своё резюме Senior-разработчика, с помощью которого устроился на ЗП 3500$ Первые 100 мест бесплатно, потом 6 990 руб. Не упусти👇🏻 Frontend Start Реклама. ИП Чернова О. А., ИНН:771399721044

👩‍💻 Quintela Сайт производственной компании. 🟠 Сложность: Средний 🟠 Адаптивность: Нет Исходники | @codewebx | #figma 🖥 Готовые шаблоны, плагины, темы

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

👨‍💻Mixing oil pastels Смешивание различных цветов в разных пропорциях. Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

Привет! Хочешь научиться хорошо и быстро верстать? Тогда канал «Будни разработчика» для тебя! Подпишись, и узнаешь: ➕ как влиться во фронтенд ➕ как организовать работу ➕ как бустануть карьеру Ждём!

❔ Как сделать стильный градиентный фон? CSS:

div {
background:
linear-gradient(to left bottom, transparent 0.4em, #EE3F40 0.4em, #EE3F40 1.02em, transparent 1.02em) 0 0, 
linear-gradient(to right top, transparent 0.4em, #EE3F40 0.4em, #EE3F40 1.02em, transparent 1.02em) 2em 0, 
linear-gradient(to left bottom, transparent 0.4em, #623D56 0.4em, #623D56 1em, transparent 0.4em) 0 1.02em, 
linear-gradient(to right top, transparent 0.4em, #623D56 0.4em, #623D56 1.02em, transparent 0.4em) 2em 1.02em,
linear-gradient(to right bottom, transparent 0.4em, #EE3F40 0.4em, #EE3F40 1.02em, transparent 1.02em) 0 0, 
linear-gradient(to left top, transparent 0.4em, #EE3F40 0.4em, #EE3F40 1.02em, transparent 1.02em) 2em 0, 
linear-gradient(to right bottom, transparent 0.4em, #623D56 0.4em, #623D56 1.02em, transparent 0.4em) 0 1.02em, 
linear-gradient(to left top, transparent 0.4em, #623D56 0.4em, #623D56 1.02em, transparent 0.4em) 2em 1.02em;
background-size: 4em 4em;
background-color: #F1E9D2;
background-repeat: repeat;
}

@codewebx | #tutorial 🖥 Готовые шаблоны, плагины, темы

⚡️ Парень за минуту нарисовал конвертер валют, а нейросеть FlutterFlow сделала из скетча готовое приложение Поверьте, ChatGPT — «цветочки» по сравнению с сегодняшними разработками. ⁕ Нейросеть Great Leveler с показала эффективность 93,7% в борьбе с раком. ⁕ Новая ИИ SocialBee сможет вести соц. сети, полностью копируя манеры и стиль хозяина страницы. ⁕ HierSpeech+++ умеет быстро клонировать голоса, озвучивая ими любой текст. Прикоснитесь к революционным разработкам уже сейчас. Авторы «Газеты IT и технологий» не просто пишут про новые нейросети, но и дают на них ссылки. Знакомьтесь и пользуйтесь!

👩‍💻 MEDI Сайт профессионального салона красоты. 🟠 Сложность: Легкий 🟠 Адаптивность: Нет Исходники | @codewebx | #figma 🖥 Готовые шаблоны, плагины, темы

⚡️ Нейросети и IT - тема, которая сейчас на слуху у всех. И разобраться в ней важно: ✅ узнать о самых полезных и инструментах в мире нейросетей, информационных технологий и уже сейчас начать использовать это в работе ➡️ понять как создать видео, музыку, картины, рассказы, код с нейросетями 🤖 узнать о технологиях будущего и кого в перспективе заменит ИИ 🌍 Вам поможет авторский канал Юникод, простым языком о самом интересном в мире технологий 🔵 Подписывайся на Юникод

👨‍💻Track Packages Reproduction Шкала готовности заказа или доставки. Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

Ищем людей для тестировании гипотезы по новому продукту для джунов Формат - интервью. Проводит Лиза Галковская -  клинический психолог. Специализируется на бизнес-психологии для ИТ. Подробнее о квалификации и методах работы на канале @BrainDebugging Кого ищем на интервью: 1. Джунов, кому: - сложно вливаться в новый коллектив - хочется больше поддержки и интересных задач, а тебе их не дают и тд.. 2. Мидлов/сеньоров, у кого есть проблемы в работе из-за недостаточных soft skills у джунов: - излишне отвлекают - задают глупые вопросы - тупят 3. Продактов/проджектов, в команде которых страдает эффективность из-за плохой коммуникации с джунами Интервью займет примерно 30 минут, в качестве благодарности будет возможность задать вопросы по выстраиванию коммуникации в команде. Или получить любой другой совет по психологии. Откликнуться @lizagalkovskaya