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

Как вам идея совместить удаленную работу и отдых этой зимой на Шри-Ланке? 🇱🇰 А если еще и на условиях беспроцентной рассрочки от 3500 руб/месяц? Интересно? 😉 🌅 Тогда добро пожаловать на Baza Camp! Ребята второй год подряд организуют лагерь для удаленщиков на берегу океана в четырехэтажном отеле. 🔷Коворкинг 🔷Коливинг 🔷Сёрфинг 🔷Йога 🔷Массаж 🔷Экскурсии А также множество других активностей для совмещения работы и отдыха 😀 ✈️Сейчас идет набор группы на декабрьский и новогодний заезд. Подробности в 👉телеграм-боте👈

Как вам идея совместить удаленную работу и отдых этой зимой на Шри-Ланке? 🇱🇰 А если еще и на условиях беспроцентной рассрочки от 3500 руб/месяц? Интересно? 😉 🌅 Тогда добро пожаловать на Baza Camp! Ребята второй год подряд организуют лагерь для удаленщиков на берегу океана в четырехэтажном отеле. 🔷Коворкинг 🔷Коливинг 🔷Сёрфинг 🔷Йога 🔷Массаж 🔷Экскурсии А также множество других активностей для совмещения работы и отдыха 😀 ✈️Сейчас идет набор группы на декабрьский и новогодний заезд. Подробности в 👉телеграм-боте👈

❔ Как сделать кнопку с красивым эффектом для сайта? Кнопка — это элемент интерфейса, при нажатии на который происходит связанное с ним действие или событие. В данном случае кнопка анимирована и меняет цвет при наведении курсора на неё. Подключение HTML: <div class="ccd"><a href="#" class="ddott">Красивый эффект</a></div> Подключение css: .ccd {     overflow: hidden;     margin: 30px 0;     position: relative; }   a.ddott {     display: block;     text-transform: uppercase;     line-height: 50px;     height: 50px;     width: 35%;     overflow: hidden;     text-align: center;     text-decoration: none;     font-weight: bold;     text-shadow: 0 100px 0 #FFF,1px 76px 10px #000;     color: #FFF;     background: #ed1d25;     border-right: 2px solid #FFF;     border-left: 2px solid #FFF;     -webkit-transition: all 0.3s ease-in-out;     -moz-transition: all 0.3s ease-in-out;     -o-transition: all 0.3s ease-in-out;     -ms-transition: all 0.3s ease-in-out;     transition: all 0.3s ease-in-out;   } a.ddott:hover {     text-shadow: 0 50px 0 #FFF, 1px 51px 20px #FFF;     margin-top: -50px;     height: 100px;     background: #222; } @codewebx | #tutorial 🖥 Готовые шаблоны, плагины, темы

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

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

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

👨‍💻 Inward Shadow Pt. 2 Иконки с эффектом наложения при наведении на них. Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

Разработчик учится всю жизнь Поэтому и был создан WebMentor. В этом канале всегда есть, что почитать, посмотреть и научиться новым приёмам. Подписывайся, если хочешь стать лучше.

❤️ Подписчики, поддержите наш канал бустами Наша команда будет очень благодарна, мы постараемся делать для вас больше годного контента! https://t.me/codewebx?boost

❔ Как сделать красивую кнопку для сайта? Кнопка — это элемент интерфейса, при нажатии на который происходит связанное с ним действие или событие. Ссылка же связывает документы между собой, при клике происходит переход на другую страницу (за исключением якорей, которые позволяют перемещаться в пределах одной страницы). HTML оформление: <button class="button-1">Купить</button> CSS оформление: .button-1 { color: #232323; background: transparent; border: 1px solid #232323; position: relative; font-size: 14px; letter-spacing: .3em; font-family: 'Montserrat', sans-serif; padding: 17px 34px 17px 39px; transition: .2s ease-in-out; cursor: pointer; } .button-1:before { content: ""; position: absolute; top: 5px; left: 5px; width: 100%; height: 100%; background: #32D4E2; z-index: -1; transition: .25s ease; transform: translate(0, 0); } .button-1:hover:before { transform: translate(4px, 4px); } @codewebx | #tutorial 🖥 Готовые шаблоны, плагины, темы

Совет фронтендерам: уважайте свое время В Html Gram собраны готовые и уникальные codepen решения на каждый день. От эффектов при наведении до 3D анимации. Учитесь, практикуйтесь и прокачивайте свое портфолио вместе с @HtmlGram

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

⚡️В 2023 году уже не найти работу с большим доходом, для обычных людей. Всё потому что, необходимо разбираться в IT и искусственном интеллекте. TECHNOHYPE — это проект, который ежедневно публикует информацию о новых разработках и открытиях. А самое главное, учит применять их в жизни. ❗️Также для наших подписчиков полностью бесплатный ChatGPT бот, который: → Даст ответ на любой вопрос → Сделает за вас 90 % работы → Переведёт текст, как настоящий человек Если хотите быть в тренде, то этот канал для вас: @techno_hype_official

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

👨‍💻 Clocktober day 21: Perspective Стильные часы для вашего сайта. Исходники | @codewebx | #codepen 🖥 Готовые шаблоны, плагины, темы

Совет фронтендерам: уважайте свое время В Html Gram собраны готовые и уникальные codepen решения на каждый день. От эффектов при наведении до 3D анимации. Учитесь, практикуйтесь и прокачивайте свое портфолио вместе с @HtmlGram

❔ Как изменить ширину шрифта? Свойство font-stretch позволяет выбрать нормальное, сжатое или расширенное начертание символа из семейства шрифтов. Свойство наследуется. CSS оформление:

font-stretch: ultra-condensed;
font-stretch: extra-condensed;
font-stretch: condensed;
font-stretch: semi-condensed;
font-stretch: normal;
font-stretch: semi-expanded;
font-stretch: expanded;
font-stretch: extra-expanded;
font-stretch: ultra-expanded;
font-stretch: inherit;
font-stretch: initial;

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

🟥🟩 THE 🟦🟨 WINDOWS Лучший телеграм канал по винде! 🔥 Лайфхаки, полезные программы, гайды. Новости, юмор и всё из мира Windows :3 Подписывайся на канал, сканируя QR Cod для автоматического присоединения - @the_windows 🟥🟩 THE 🟦🟨 WINDOWS