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

Основы Python-разработки | Яндекс.Практикум

• Для кого: все желающие, обучение с нуля.
• Формат: теоретические материалы, практика на интерактивной платформе.
• Длительность: 20 часов.
• Чему научитесь: на мини-курсе освоите основы бэкенд-разработки на Python. Вы научитесь писать код и создадите личного помощника Анфису, способного искать информацию на сторонних ресурсах.

Руководство от Ахмада Шадида, где рассматриваются современные методы построения адаптивных макетов. Сюда входит использование флексов, гридов, контейнерных запросов, а также функций вроде clamp().

Добавил новое большое руководство по Bootstrap 5 от Йена Диксона. Новые возможности, типографика, работа с формами и таблицами, компоненты — всё это вы найдёте в руководстве.

Bootstrap — это бесплатный набор инструментов с открытым исходным кодом для создания сайтов и веб-приложений. Это самый популярный HTML, CSS и JavaScript-фреймворк для разработки адаптивных и ориентированных на мобильные устройства проектов в Интернете.

На webref.ru вышло новое руководство от Уилла Бойда, посвящённое псевдоэлементам ::before и ::after.

Рассказано, что это такое и как ими пользоваться и приведены примеры использования этих псевдоэлементов — создание декоративных заголовков, оформление цитат с помощью кавычек, изменение маркеров списка, анимация и другие темы.

htmlbook.ru перешёл на хостинг Beget. Переход был вызван наобходимостью снижения расходов и повышения надёжности и скорости работы сайта.

Сама смена хостинга должна была пройти незаметно и без всяких остановок работы, но если, тем не менее, возникнут какие-то проблемы с доступом к сайту или его работой, дайте знать. Пишите на ящик vlad@htmlbook.ru или в комментариях.

На webref.ru добавлен новый курс CSS-анимация для начинающих. Это перевод книги CSS Animation 101 от Донована Хатчинсона.

В книге рассмотрены следующие темы:

• переходы — теория, практика, множественные переходы для одного элемента, использование JavaScript;
• функции времени;
• анимация — теория, практика, ключевые кадры, несколько анимаций сразу;
• анимация элементов при прокрутке веб-страницы.

Всё сопровождается примерами с CodePen, так что можно не только посмотреть примеры в работе, но и внести в них какие-то изменения.

Без анимации сейчас ни один сайт не обходится, так что изучать эту тему надо обязательно.

Элемент <meter> применяется для визуального представления числа в заданном диапазоне. <meter> прекрасно стилизуется, хотя браузеры используют для этой цели свои специфические наборы псевдоэлементов. На мой взгляд, <meter> используют необоснованно редко, хотя это простой, наглядный и легко стилизуемый элемент.

На webref.ru вышел курс посвящённый стилизации <meter>. В нём рассматривается как его использовать, как стилизовать под Firefox, Chrome и другие браузеры. Чем хорош <meter>, так это тем, что на нём можно отработать практически все приёмы вёрстки. Поэтому рассмотрены следующие темы:

• градиенты;
• тени;
• трансформация;
• вывод атрибутов.

К каждому уроку приводятся задания на закрепление материала и задачи для самостоятельного решения. В конце курса можно пройти финальную викторину.

Для изменения вида маркеров в списке издавна используется приём с псевдоэлементом ::before. Для начала скрываем исходные маркеры через свойство list-style.

li { list-style: none; }

Затем добавляем свои маркеры с помощью комбинации ::before и свойства content.

li::before {
 content: '►';
}

Большой популярностью пользуется справочник HTML, поэтому обновил локальную версию, которая не требует подключения к Интернету и пользоваться ей можно даже в деревне. Был бы компьютер только.

Все примеры со всеми картинками теперь можно смотреть сразу в браузере!

Вот форма сразу для оплаты. Справочник стоит 59 рублей (с учётом комиссии обойдётся рублей в 65 примерно); как обычно, считайте это поддержкой сайта, чтобы в будущем были новые учебные курсы и руководства. Без вашей поддержки ничего этого не будет.

Кто уже приобретал, обновление должно прийти автоматом, лишний раз платить ничего не нужно.

Сделал небольшой видеоролик, посвящённый довольно редко используемому псевдоэлементу ::first-line. Как вам такой формат рассказа о CSS? Запланировано ещё несколько подобных видео.