#Css

Цикл for в #sass #scss
По поводу youtube

Я веду свой образовательный youtube канал, куда выкладываю видеоуроки по web-разработке, созданию сайтов и программированию.

Вопрос состоит в том что мне практически не у кого узнать что я делаю не правильно или что я делаю правильно, по поводу контента который я выкладываю я youtube. И я не до конца понимаю аспекты работы этой площадки. Например: когда лучше выкладывать видосы, постить ли инфу о них в какие-то другие места и если да то в какие. Канал потихоньку растет…

Тип данных String в JavaScript

string - примитивный тип данных, представляет собой цепочку элементов использующую кодировку UTF-16, вне зависимости от кодировки которую использует страница. Больше уроков у меня на канале

Функции в SASS / SCSS

Привет, в этом уроке мы научимся использовать функции в SASS / SCSS, рассмотри примеры их работы, а также разберемся с новым, для нас, циклом @for. Напишем несколько функций и посмотрим для чего они вообще нужны. Приятного просмотра. Больше уроков у меня на канале.

Тег input в HTML

Привет, в рамках этого урока мы познакомимся с тегом input, разберем типы input-ов, рассмотрим атрибуты этого тега, а также познакомимся с тегом label. Больше уроков у меня на канале.

Как работает тег <form> в HTML

Привет, в рамках этого урока мы познакомимся с тегом form и его атрибутами, разберемся что нужно в него вкладывать и как использовать. Приятного просмотра, не забудь поставить лайк и оформить подписку на канал.

Виды селекторов в CSS - часть 2

Селекторы - это достаточно мощный инструмент который позволяет нам выбирать элементы не только по тегу но и по различным атрибутам, будь то id, class или любой атрибут, а также выбирать элементы по наведению мышки, четные или нечетные и многое другое.

Селекторы CSS - часть 1

Любые стили CSS записываются по одной и той же формуле: название стиля: значение; Чтобы добавить стиль к элементу, необходимо использовать селектор. Он указывает, к какому именно элементу или элементам нужно добавить наши стили. Для примера, изменим цвет шрифта у параграфа который есть у нас в HTML

Циклы в SASS / SCSS ( @each )

Привет, в этом уроке мы разберемся что такое циклы в SASS / SCSS на примерах разберем как перебирать структуры данных List и Map и на примерах разберемся как использовать все эти вещи вместе с интерполяцией для динамической генерации стилей. Приятного просмотра.

Теги: <img>, <audio>, <video>, <iframe>
Урок - Подключение CSS

HTML существует только для разметки контента, но не несет в себе никакой стилизации элементов. За это отвечает язык CSS. Все визуальные отличия тегов друг от друга мы видим только благодаря тому что браузер имеет свою таблицу стилей которая работает поумолчанию. Как вы уже поняли, для того чтобы мы могли стилизовать элементы сами, нам нужно будет…

Видеоурок - Структуры данных в SASS / SCSS

Привет, в этом уроке мы рассмотрим структуры данных существующие в языке SASS / SCSS. Рассмотрим как с ними работать и почему это удобно. Также рассмотрим директиву @charset и разберемся зачем она нужна.

Семантические теги (текстовый урок)

Для решения вопросов доступности Web для пользователей с ограниченными возможностями, а также для лучшего считывания контента сайта ботами которые его индексируют в HTML5 были добавлены семантические теги.

Теги для создания форм. Часть №6. <button>

<button> - Парный тег, который предназначен для создания кнопки, имеет схожие атрибуты с тегом <input>. Может использовать как внутри <form> заменяя собой <input type="button">, так и просто как отдельный элемент на странице.

Семантические теги HTML

Привет, в рамках сегодняшнего урока вы узнаете что такое семантика и зачем она нужна для WEB страниц, какие семантические теги бывают и как они работают. На примере рассмотрим каким образом правильно создавать семантическую разметку . Не забудь поставить лайк, подписаться и оставить комментарий. Приятного просмотра.

Теги для создания форм. Часть №5. <fieldset>
Теги для создания форм. Часть №4. <datalist>
Теги для создания форм. Часть №3. <textarea>
Видео урок - Строчные элементы в HTML

Привет, в этом уроке мы разберемся что такое строчные элементы и как они работают, а также рассмотрим некоторые строчные теги для стилизации текста. Не забудь поставить лайк, подписаться и оставить комментарий. Приятного просмотра.

Теги для создания форм. Часть №3. <select>
Возможны баяны
Видеоурок - Блочные элементы HTML

Привет, в этом уроке мы разберемся что такое блочные элементы и как они работают, а также рассмотрим списочные теги и заголовки.

Возможны баяны
Теги для создания форм. Часть №2. <input>

<input> - тег который мы вкладываем внутрь тега <form>, с помощью него мы будем создавать интерактивные поля для ввода информации пользователем.

Теги для создания форм. Часть №1

<form> - Обычно этот тег оборачивает элементы с которыми пользователь может взаимодействовать. Это могут быть поля для ввода текста, выпадающие списки, заголовки полей. Всех их мы разберем далее.

Возможен баян
Строчные элементы

В современной верстке выделяется 2 типа элементов:

Блочная модель документа

В современной верстке выделяется 2 типа элементов:

Атрибуты тегов HTML

Одна из важных концепций HTML это атрибуты и их значения.

Базовая структура HTML файла

Любой HTML файл начинается с базовой структуры. Обычно она включает в себя теги, которые есть в любом HTML файле.

Как работают константы в JavaScript ?
JavaScript что такое переменные ?
Всплывающая подсказка: Подборка примеров оформления
Как сделать нормальный шрифты на DTF
Джва года ждали: в Figma появилась поддержка свойства spread для теней

Начиная с сегодняшнего дня, spread можно применять для прямоугольников, эллипсов, а также фонов фреймов и компонентов.

null