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

Нейросети и IT — будущее, которое уже наступило. Если не хочешь быть слоупоком, то нужно не отставать от новостей. 📰 Для того, чтобы вы точно не проспали будущее, автор канала GPTTG | Новости | ChatGPT публикуют информацию про новые нейросети, it разработки и технологические прорывы, не забывая о развлекательном контенте. Так же, у ребят есть собственный GPT бот в телеграмм, и для подписчиков канала есть бесплатный доступ к нему 🤫 Подпишись, чтобы быть в курсе всех новостей будущего!👍

👨‍💻 Emoji Keyboard Стильная клавиатура с эмоджи Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

Углубите знания в веб-разработке, получите практичные инсайты и создавайте новые крутые проекты. Регистрируйтесь на бесплатный мини-курс: https://epic.st/ek1ME?erid=2VtzqwCLpjo Вы научитесь: — Создавать веб-страницы, используя язык разметки HTML и технологию CSS — Реализовывать серверную часть (backend) веб-приложений на языке PHP — Работать с базой данных MySQL при помощи языка запросов SQL — Создавать приложения на языке программирования JavaScript — Размещать сайты в интернете 📌Спикер — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java- и веб-разработки, руководит командами разработки в разных проектах. 🎁Подарки: — Сертификат на скидку 10 000 рублей на любой курс — Доступ к изучению английского языка на год — 5 полезных подборок материала — Персональная карьерная консультация Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

❔ Как оформить изображение с уголками? HTML:

<div class="image-decor">
<img src="image.jpg">
</div>

CSS:

* {
   box-sizing: border-box;
}
.image-decor {
   position: relative;
   display: table;
   margin: 50px auto;
   border: 5px solid #fff;
   box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, .1);
}
.image-decor:before, .image-decor:after {
   content: "";
   position: absolute;
   z-index: 2;
   width: 150px;
   height: 55px;
   background: #fff;
   box-shadow: 0 -10px 10px -5px rgba(0, 0, 0, .1);
}
.image-decor:before {
   left: -50px;
   bottom: -30px;
   transform: rotate(30deg);
}
.image-decor:after {
   right: -50px;
   bottom: -30px;
   transform: rotate(-30deg);
}
.image-decor img {
   display: block;
}

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

😐 Почему ты ничего не добьешься в IT — просто и жестко. Проблема не в тебе. Наверное, ты правда крутой начинающий специалист.  Проблема в онлайн-вакансиях — топ-компании не пользуются сайтами-агрегаторами. Их вакансии для стажеров зачастую «для своих» ребят, которых они заметили на олимпиадах или хакатонах. Как тебе пробиться в этот список онлайн?  Никак. Но мы нашли решение! «Найти IT» — бесплатный карьерный форум для ребят, которые хотят развиваться в ведущих IT-компаниях.  Форум пройдет в трех городах: 🔸 Новосибирск - 26 сентября  🔸 Москва - 3 октября 🔸 Санкт-Петербург - 12 октября Почему стоит прийти? - 15+ крупных компаний: Сбер, VK, Альфа-Банк, АО «Гринатом» и другие; - уникальные вакансии и стажировки в сфере IT; - 500+ участников, включая HR, экспертов и твоих единомышленников; - мастер-классы, кейсы и Q&A со спикерами; - доступ в закрытый ТГ-канал, мерч и призы 📈 Получи оффер и влети в сферу IT. Регистрация по ссылке. 

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

🚀 Изучай HTML и CSS с нуля! 🚀 Присоединяйтесь к нашему Telegram-каналу [https://t.me/made_in_html_css] Здесь вы найдете: Уроки с нуля – от основ к сложным темам. Практические задания – применяйте знания на практике. Советы от опытных разработчиков – получайте помощь и рекомендации. Участие в проектах – накапливайте практический опыт. Обсуждения – делитесь успехами и задавайте вопросы. Присоединяйтесь и начните обучение уже сегодня! 🌟

👨‍💻 BENTO Оформление для спортивного или сайта иной тематики Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

❔ Как сделать и оформить кнопки на сайте? HTML:

<button class="button-3">В корзину</button>

CSS:

.button-3 {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    letter-spacing: .05em;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 20px;
    font-family: 'Montserrat', sans-serif;
    color: #904C6E;
    background: white;
    border: 1px solid;
    cursor: pointer;
    transition: .3s linear;
}
.button-3:hover {
    background: #F0C7A7;
}
.button-3:after {
    content: "\e82e";
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    margin-left: 30px;
    padding-left: 20px;
    border-left: 1px solid;
}

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

👩‍💻 IRPROBLEMA Сайт юридической компании 🟠 Сложность: Легкий 🟠 Адаптивность: Есть Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

Времена изменились, если раньше по статистике на десять девчонок приходилось всего девять ребят, то сейчас на желающих потанцевать IT-мальчишек 30 роскошных преподавательниц жарких танцев.  Звучит согревающе, не так ли? Представляем вам современный нетворкинг-клуб BachHUB IT-участники которого могут не только закружить женщину в танце, но и уйти с кружащейся от впечатлений и напитков головой! Ловите инвайт BACHBACH и присоединяйтесь, вам понравится! #BachHub https://bachhub.ru/

🔥 Пройдите опрос и получите доступ в приватку Мы собираем обратную связь для нашего нового канала.

Цель — помочь вам повысить доход в IT.

Потратьте 3 минуты и получите доступ в приватку бесплатно — https://forms.gle/TgYuyW9YTNh9o5J37

👨‍💻Tilt Grid with Parallax Наклонная сетка с эффектом параллакса Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

VoiceFusion - первая нейросеть, которая озвучивает текст на основе любой голосовой модели.💡 Разыгрывай друзей! 🎉 Создавай контент! 🎶 Получай промокоды! 🎁 Вливайся в мир нейросетей вместе с нами 😉 Еженедельный розыгрыш призов только тут ✨ Наш бот 👉 @VoiceFusionBot

❔ Как сделать фигуру облака для сайта? CSS:

body {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: #F8B83C;
}
div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #F5F5F5;
  box-shadow: 0 0 0 5px #F8B83C, 0 0 0 10px #EB7722;
  transition: border-radius 1s linear, box-shadow 1s 1s ease-in-out, transform 1s 2s linear, background 1s 3s linear;
}
div:hover {
  border-radius: 0;
  box-shadow: 0 0 0 10px #F8B83C, 0 0 0 25px #EB7722;
  transform: scale(1.1) rotate(45deg) ;
  background: #DACFCB;
}

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

🔔 "Frontend вопросы и тесты" - Прокачай свои навыки! 🔔 👨‍💻 Ты занимаешься фронтендом или только начинаешь свой путь в этом увлекательном мире? Наш канал "Frontend вопросы и тесты" поможет тебе стать настоящим профессионалом! 📚 Что у нас есть для тебя: - ✅ Ежедневные тесты для проверки знаний! - ✅ Сложные и интересные вопросы по HTML, CSS, JavaScript и другим технологиям! - ✅ Актуальные тренды в мире фронтенд-разработки! ❓ Почему это важно? Поддержка и постоянное улучшение своих знаний - залог успеха в любой профессии. Не упускай возможность улучшить свои навыки и всегда быть на гребне волны! 🔗 Присоединяйся к каналу "Frontend вопросы и тесты" и начни путь к совершенству уже сегодня!

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

👨‍💻Dropping Radio Buttons Кнопки с анимацией переключения Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

Джентельменский набор трушного фронтендера Опытные Frontend-разработчики собрали самые востребованные и бесплатные каналы, без которых не обойдется ни один настоящий фронтендер. Макеты для верстки — самый крупный канал с макетами для верстки. Первоисточник всех макетов в Telegram. Полезная вËрстка — канал с готовыми решениями повседневных задач: слайдеры, анимация, навигация и т.д. JavaScript заметки — образовательный канал с ежедневными практическими заметками по языку. codepen.js — готовые коды: реализованные на css и js анимации, скрипты и интерфейсы. Оживи статичные макеты Figma Start — каждый день выпускаем крутые макеты для верстки. Выбери самый интересный и удиви рекрутеров! Развивайся с нами, ведь так проще!