CODE BLOG
11.9K subscribers
5.33K photos
36 videos
99 files
2.93K links
IT юмор, обучающие видео и многое другое.

YouTube: https://youtube.com/codeblog
VK: https://vk.com/codeblog
Чат: @codeblog_chat

По всем вопросам: @p_shvanov

Ресурс включён в перечень Роскомнадзора: https://www.gosuslugi.ru/snet/67c04851241cbc1f487e5054
加入频道
ActiveBox - верстка сайта с нуля для начинающих

1. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
2. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
3. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
4. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
5. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
6. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
7. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
8. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
9. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
10. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки

#video #html #css

https://www.youtube.com/watch?v=b8K_iowSriQ&list=PLoq3Accf02PVO4GvY4-UtIQkeD6tNmX_f&ab_channel=BrainsCloud
👍4
TailwindCSS курс

1. О курсе Tailwind CSS
2. Что такое Tailwind CSS?
3. Установка TailwindCSS
4. Как работать с TailwindCSS CLI?
5. Как написать компонент с TailwindCSS?
6. Варианты установки TailwindCSS
7. Ширина и высота в TailwindCSS
8. Как работает TailwindCSS
9. Как поменять цвет текста и фона в TailwindCSS
10. Flexbox в TailwindCSS

#video #css

https://www.youtube.com/watch?v=BmB1e65pm98&list=PLmfIBo6rTVR4tuvT6o2ncCoBYd-HJZSi2&ab_channel=%D0%92%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0-DevMagazine
ActiveBox - верстка сайта с нуля для начинающих

1. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
2. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
3. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
4. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
5. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
6. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
7. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
8. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
9. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки
10. ActiveBox - Верстка сайта с нуля для начинающих | HTML, CSS, уроки верстки

#video #html #css

https://www.youtube.com/watch?v=b8K_iowSriQ&list=PLoq3Accf02PVO4GvY4-UtIQkeD6tNmX_f&ab_channel=BrainsCloud
👍2
HTML + CSS

1. как работает Интернет и что такое сайт
2. инструментарий, структура документа, стандарты
3. основные теги форматирования HTML
4. ссылки, теги div и span
5. таблицы и фреймы
6. HTML формы, GET и POST запросы
7. поля ввода, кнопки, списки
8. каскадные таблицы стилей, начало
9. CSS, теория
10. пример создания макета HTML страницы

#video #html #css

https://www.youtube.com/playlist?list=PLA0M1Bcd0w8wRiyGX_9y-fUiBPi1vqaTb
CSS ANIMATION

1. Введение
2. Функция Перехода
3. Animation & Keyframes
4. Loading Screen
5. Easy Hover Effects
6. Анимированная строка поиска
7. Всплывающее окно
8. Amazing Product UI Card

#video #css

https://www.youtube.com/watch?v=DM5f0o9-IIk&list=PLpywlLTCVgaSOuxSAMFdRZthTXy1tGqNE&ab_channel=%D0%92%D0%B8%D1%82%D0%B0%D0%BB%D0%B8%D0%B9%D0%9C%D0%B5%D0%BD%D1%87%D1%83%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B8%D0%B9
👍4
CSS Grid

1. Введение в Grid. Базовые свойства
2. Dev tools. Grid auto rows
3. Grid auto flow, grid auto columns
4. Sizing grid. Единицы измерения fr
5. Span columns and rows
6. Размещение grid items
7. Grid auto-fill, auto-fit
8. Minmax function
9. Grid template areas
10. Именованные линии

#video #css

https://www.youtube.com/watch?v=On4GKRMtKuc&list=PLlwtdxQXoJAulkpmpra1jKp7wiDsqePep&ab_channel=EasyCode
Курс HTML & CSS

1. Знакомство с основным каркасом страницы
2. Программа курса HTML & CSS
3. Знакомство с header, article, section и другими тегами
4. Ссылки и изображения
5. Верстаем таблицы
6. Создание web формы
7. Знакомство с CSS
8. Псевдоклассы и псевдоэлементы, часть 1
9. Псевдоклассы и псевдоэлементы, часть 2
10. Практикуем селекторы в CSS3

#video #html #css

https://www.youtube.com/watch?v=GFqCX2AefQk&list=PLMB6wLyKp7lV9YoWTMCztq-KXYhYPB09K&ab_channel=%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%D0%90%D0%BD%D0%B4%D1%80%D0%B8%D0%B5%D0%B2%D1%81%D0%BA%D0%B8%D0%B9
Курс по верстке с нуля HTML и CSS

1. Введение
2. Что такое HTML Создание первой страницы
3. Теги разметки текста Атрибуты тегов Редактор CodePen
4. Знакомство с CSS Селекторы по тегу и классу
5. Практика на реальном сайте
6. Наследование Каскадирование правил
7. Структура HTML документа
8. Ссылки и изображения
9. Свойства оформление текста
10. Внутренние и внешние отступы

#video #frontend #html #css

https://www.youtube.com/watch?v=1C0xUXVhN3s&list=PLK_91fLxh1IFU3Azxz8TozASTADRWNBRm&ab_channel=XCode
👍1
Курс по верстке с нуля HTML и CSS

1. Введение
2. Что такое HTML Создание первой страницы
3. Теги разметки текста Атрибуты тегов Редактор CodePen
4. Знакомство с CSS Селекторы по тегу и классу
5. Практика на реальном сайте
6. Наследование Каскадирование правил
7. Структура HTML документа
8. Ссылки и изображения
9. Свойства оформление текста
10. Внутренние и внешние отступы

#video #frontend #html #css

https://www.youtube.com/watch?v=1C0xUXVhN3s&list=PLK_91fLxh1IFU3Azxz8TozASTADRWNBRm&ab_channel=XCode
HTML + CSS

1. как работает Интернет и что такое сайт
2. инструментарий, структура документа, стандарты
3. основные теги форматирования HTML
4. ссылки, теги div и span
5. таблицы и фреймы
6. HTML формы, GET и POST запросы
7. поля ввода, кнопки, списки
8. каскадные таблицы стилей, начало
9. CSS, теория
10. пример создания макета HTML страницы

#video #html #css

https://www.youtube.com/playlist?list=PLA0M1Bcd0w8wRiyGX_9y-fUiBPi1vqaTb
👍1