😮 Добавлена новая база слитых курсов на 800ГБ:
Python:
https://t.me/+MFiP32gTwH0zMTRi
Программирование:
https://t.me/+4p0V_XlwLD9kNzU6
Графика и дизайн:
https://t.me/+43tAWN4HkPViN2Vi
Frontend и Web:
https://t.me/+eonLXw0F6AA5NjMy
Python:
https://t.me/+MFiP32gTwH0zMTRi
Программирование:
https://t.me/+4p0V_XlwLD9kNzU6
Графика и дизайн:
https://t.me/+43tAWN4HkPViN2Vi
Frontend и Web:
https://t.me/+eonLXw0F6AA5NjMy
Веб_дизайн_для_начинающих_HTML,_CSS,_jаvascript_и_веб_графика.pdf
15 MB
Веб-дизайн для начинающих. HTML, CSS, JavaScript и веб-графика
Год: 2021
Автор: Дженнифер Нидерст Роббинс
Язык: Русский
#Web #Design #HTML #CSS #JavaScript
CodeBase | Frontend | #book
Год: 2021
Автор: Дженнифер Нидерст Роббинс
Язык: Русский
Книга поможет освоить веб-дизайн, не имея опыта. На практических примерах показано, как создать простой сайт и постепенно его совершенствовать. Рассказано о создании веб-страниц, содержащих текст, ссылки, изображения, таблицы и формы. Описано применение CSS для создания и выбора цвета, фона, форматирования текста, макетирования страниц и выполнения простой анимации. Даны основы языка JavaScript и подчеркнута его важность в веб-дизайне. Описано создание, оптимизация и сокращение времени загрузки веб-изображений.
#Web #Design #HTML #CSS #JavaScript
CodeBase | Frontend | #book
🔥3
Сайтом можно пользоваться не только с использованием мышки, но и при помощи клавиатуры. При переключении клавишей Tab элементу добавляется псевдокласс
:focus
, и мы можем задать для него красивые стили.a:focus {
outline: 2px solid hotpink;
}
CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Ты будешь жалеть, что не узнал это о девушках раньше.
На канале Творчество чувств автор с многолетним опытом всех форматов отношений рассказывает о тонкостях женской психологии, которые ВАЖНО узнать перед тем, как подкатывать к той самой:
— Почему 95% девушек непригодны для построения отношений?
— 3 признака, кричащие о том, что девушка точно изменит в будущем
— Как за несколько сообщений влюбить в себя любую девушку
Подпишись и узнай секрет женской симпатии:
t.me/+UPFimzMU2TxkZTgy
На канале Творчество чувств автор с многолетним опытом всех форматов отношений рассказывает о тонкостях женской психологии, которые ВАЖНО узнать перед тем, как подкатывать к той самой:
— Почему 95% девушек непригодны для построения отношений?
— 3 признака, кричащие о том, что девушка точно изменит в будущем
— Как за несколько сообщений влюбить в себя любую девушку
Подпишись и узнай секрет женской симпатии:
t.me/+UPFimzMU2TxkZTgy
Свойство
box-sizing
в CSS определяет, как вычисляются размеры элемента, включая его отступы и границы. Оно позволяет контролировать, включаются ли padding
и border
в общую ширину и высоту элемента.<style>
.box {
width: 200px;
padding: 20px;
border: 5px solid black;
}
.content-box {
box-sizing: content-box; /* значение по умолчанию */
}
.border-box {
box-sizing: border-box;
}
</style>
<div class="box content-box">
Content-box: ширина 200px + padding 20px + border 5px
</div>
<div class="box border-box">
Border-box: общая ширина 200px, включая padding и border
</div>
content-box
) ширина элемента составляет 200px, но с учетом padding
и border
общая ширина увеличивается до 250px. Во втором случае (border-box
) общая ширина элемента остается 200px, так как padding
и border
включены в эту ширину.Использование box-sizing: border-box; упрощает расчет размеров элементов и предотвращает неожиданные изменения макета при добавлении отступов и границ.
CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Для тех, кто не забывает, вот наши канали :
Telegram Книги 📖 ➤https://t.me/Geek_book_hub
Telegram Arduino 📻 ➤ https://t.me/club_arduino
Telegram для 3д принтера⚙️ ➤https://t.me/forprinting3D
Telegram Ali_Radio_Top🛠 ➤https://t.me/Ali_radio_top
Telegram Книги 📖 ➤https://t.me/Geek_book_hub
Telegram Arduino 📻 ➤ https://t.me/club_arduino
Telegram для 3д принтера⚙️ ➤https://t.me/forprinting3D
Telegram Ali_Radio_Top🛠 ➤https://t.me/Ali_radio_top
🔥4
Подборка 3 лучших IT каналов, необходимых каждому
💻 GitHack — репозитории, секретные утилиты, фишки, о которых не пишут в блогах.
🌐 GitWeb — топовые сайты, подборки и инструменты для веб разработки.
🐍 GitPython — лучшие тулзы недели, репозитории, необходимые фишки питона, которые должен знать каждый разработчик
🎁 Всё бесплатно и полезно. Подпишись и будь в курсе всего, что происходит в IT
Please open Telegram to view this post
VIEW IN TELEGRAM
👌1
Свойство
position: sticky
позволяет элементу переключаться между относительным и фиксированным позиционированием в зависимости от его прокрутки. Оно фиксирует элемент в определённой точке, пока его родительский контейнер находится в пределах видимости.<div class="container">
<h2 class="sticky-header">Я остаюсь на месте!</h2>
<p>Содержимое...</p>
<p>Содержимое...</p>
<p>Содержимое...</p>
</div>
<style>
.container {
height: 200px;
overflow: auto;
border: 1px solid black;
}
.sticky-header {
position: sticky;
top: 0; /* Фиксирует элемент у верхнего края контейнера */
background-color: lightblue;
padding: 10px;
}
</style>
.sticky-header
остаётся на месте, пока пользователь прокручивает содержимое контейнера. Как только прокрутка выходит за пределы контейнера, элемент снова становится относительным.Свойство sticky удобно для создания фиксированных заголовков таблиц, меню и других интерфейсных элементов, которые должны оставаться видимыми в пределах их контейнера.
CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
MaxSwap — твоя финансовая свобода в мире криптовалют
Если устал от бешенных комиссий банков, сложных процедур и бесконечных карт, то MaxSwap создан специально для тебя.
💳Твой виртуальный криптокошелек, который всегда под рукой.
Почему криптодержатели выбирают MaxSwap:
✅Мгновенная активация карты без лишних вопросов. Просто подключи и пользуйся.
✅Низкие комиссии. Больше валюты останется у тебя.
✅Анонимные платежи. Безопасные покупки везде, где бы ты ни оказался.
✅Управление криптой через Telegram или мобильном приложении. Все в одном месте — удобно и просто.
Открой для себя новые криптовозможности. Открой MaxSwap.
Если устал от бешенных комиссий банков, сложных процедур и бесконечных карт, то MaxSwap создан специально для тебя.
💳Твой виртуальный криптокошелек, который всегда под рукой.
Почему криптодержатели выбирают MaxSwap:
✅Мгновенная активация карты без лишних вопросов. Просто подключи и пользуйся.
✅Низкие комиссии. Больше валюты останется у тебя.
✅Анонимные платежи. Безопасные покупки везде, где бы ты ни оказался.
✅Управление криптой через Telegram или мобильном приложении. Все в одном месте — удобно и просто.
Открой для себя новые криптовозможности. Открой MaxSwap.
This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: CSS
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6