#Css

Как сделать нормальный шрифты на DTF
Джва года ждали: в Figma появилась поддержка свойства spread для теней

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

Возможны баяны
Возможны баяны
По поводу youtube

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

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

HTML для детей: как научиться создавать сайты

Делимся подборкой видеоуроков для детей по веб-программированию: HTML, CSS и JavaScript.

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

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

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

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

Строчные элементы

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

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

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

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

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

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

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

Возможен баян
Теги для создания форм. Часть №3. <select>
Теги для создания форм. Часть №3. <textarea>
undefined и null в JavaScript

Привет, в этом уроке мы подробно поговорим о типах данных undefined и null в JavaScript, рассмотрим то как они работают где их применять и как отвечать на каверзные вопросы на собеседовании связанные с этими типами данных. Текстовое описание в полной версии поста.

Тестовое описание в полной версии поста
Теги для создания форм. Часть №5. <fieldset>
Теги для создания форм. Часть №4. <datalist>
Теги для создания форм. Часть №6. <button>

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

JavaScript что такое переменные ?
Циклы в SASS / SCSS ( @each )

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

Вложенность селекторов

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

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

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

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

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

Цикл for в #sass #scss
Теги select и textarea в HTML5

<select> - элемент содержащий меню опций <option> или меню групп опций <optgroup>. Имеет схожие с <input> атрибуты, а также атрибуты multiple и size. Обычно select располагается внутри тега <form> или связывается с ним атрибутом form.

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

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

Видеоурок - Блочные элементы HTML

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

Как работают константы в JavaScript ?
Тип данных String в JavaScript

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

Тег input в HTML

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

Всплывающая подсказка: Подборка примеров оформления
Функции в SASS / SCSS

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

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

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

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

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

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

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

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

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

Видео урок - Строчные элементы в HTML

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

null