Справочник HTML и CSS | htmlbase.ru - Что нового? Статистика! 

А можно тёмную тему на сайт завести? А то чот глаза режет :D В целом очень годно, спасибо большое. Кто за, ставьте лайки, продвигайте коммент выше

Чувак, ты делаешь крутую работу. Респект тебе за труды. Делишься знаниями, показываешь, учишь. Спасибо тебе!

Я пользуюсь этим сайтом, но не знал что он твой!

Весьма полезный ресурс с понятным и удобным интерфейсом!

Можно в разделе css первым элементом разместить раскрывающийся спискок "псевдоклассы" и поместить их все туда. Главное чтобы поиск их тоже учитывал

Хотел бы предложить тему для серии видео - как, человеку ориентированному прежде всего на верстку и фронтенд, рисовать дизайн в фигма, т.е. что-то типа "дизайн для верстальщиков". Таким образом, будет покрыт весь цикл создания сайта - дизайн, по верстке у тебя много видео + wordpress обзор есть. Чтобы можно было представить, пускай и в общих чертах, как этот путь проходится от и до.

Большое спасибо за труды и помощь! Пользуюсь сайтом с пользой). По поводу размещения псевдоклассов позволю предложить не выделять их на странице отдельно, а внести их в общий алфавитный порядок и выделить только акцентной толщиной шрифта или цветом другим. Естественно раскрывающимся списком, что бы не загрязнять страницу. А поиск-что бы учитывал общее название. Я за скандинавский минимализм на странице ). И еще хотелось бы больше всевозможных примеров по верстке. Удачи автору и процветание каналу !!!

Отличная работа. Буду использовать. По сайдбару напрашивается сгрупировать теги и свойства и зделать иерархическую структуру - "псевдокласы", "блочные теги", "строчные теги", "теги для картинок", "теги для формы" и т.д.

Лол, примерно неделю назад искал информацию про тег один в html и смотрел как раз про этот тег на этом сайте. Даже не знал, что он ваш))

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

Дима, ты поражаешь. Спасибо за видео, было интересно ознакомиться. Думаю нужно добавить в закладки ;) Успехов в делах!

Удобный и грамотный сайт. Лучший среди подобных.

Это великолепно! Как от новичка в верстке, спасибо огромное. Долго искал такой сайт и вот он! Спасибо! Лайк и подписка +

Твой справочник очень полезный мне он очень помог, спасибо.

Спасибо за проделанную работу. Отличный справочник. 👍

Не знал об этом сайте, но теперь всегда буду пользоваться им

Справочник видел, пользовался) Спасибо!

Спасибо тебе огромное. Очень полезный сайт. Видно что старался👍

Очень круто, спасибо большое.

Спасибо за Ваш труд

крутой сайт, буду обязательно пользоваться)))

Спасибо! такое полезно не только новичку, все не запомнить! а вот хоро структурированных справочников такого рода, гипер мало.((

Чувак ты вообще крутыха, спасибо за то что ты делаешь!!!!

Спасибо за видос

спасибо я как раз начинающий, очень рад, что наткнулся на это видео

Очень полезный сайт Все ясно и понятно Респект автору!!!

Афигеть чел спасибо ты топ, завтра буду на этом сайте только ты лучший!!

Можно просто при нажатии на кнопку CSS добавить всплывающее меню и разделить на нужные блоки

Закинь псевдоклассы в навигацию в шапке, либо в блоке "css" создай либо выпадающий список, либо ссылку которая перекидывает на новую страницу с списком псевдоклассов, по оформлению похожую на список html тегов. Мне кажется эти варианты самые подходящие

спасибо Автору;)

под активной кнопкой CSS, поставить еще две кнопки: "Классы" и "Псевдоклассы", которые будут открывать список соответствующих свойств

Очень полезный ресурс, спасибо за титанический труд)) Было бы круто, если бы имелся фильтр сортирующий HTML/CSS по наиболее используемым в практике псевдо-классам/тегам e.t.c

Это лучшая база судя по видео попробую лайк однозначно

Cпасибо большое

очень удобный. Рекомендую.

боковое меню вывести в виде алфавита. при клике на букву сделать прокрутку в основном окне до нужного списка тегов. под алфавитом добавить кнопки для псевдоэлментов и псевдоклассов. буквы можно вывести в виде плиток, (допустим 4 в ряд), чтобы убрать полосу прокрутки.

Могу сказать , капец как удобно . Мне нравится 👩‍💻

Супер👍

Класс!

В левом навигационном меню, мне кажется наглядно и просто будет сделать так: когда выбираешь CSS ниже этих кнопок появляются две кнопки поменьше (что-то типа: MAIN и PSEUDO). И не понадобится делать отдельный раздел и выносить отдельным списком куда-либо

оптимальнее всего будет сделать вложенные списки по алфавиту, а псевдоклассы, медиазапросы и т.д. положить в первый с тайтлом вроде "@ . # : -" как вариант другие селекторы можно сгруппировать не по алфовиту, а по смыслу, то есть в один подсписок попадут все "margin" => "margin-top, margin-left..." всё для работы со шрифтом в "font" => "font-size, font-family, color", это сложнее в осмыслении при создание, но намного лаконичнее и удобнее для конечного пользователя

я считаю, что с фоном все в порядке, белый фон нейтральный, все видно и ничего не отвлекает, то, что нужно для длительной работы со справочником. Вот если бы был желтый или красный, или еще какой яркий цвет, тогда бы это раздражало и напрягало. Конечно можно поставить функцию переключения фона с белого на темный нейтральный фон, для разнообразия или облегчения восприятия информации в темное время суток (на многих сайтах есть эта функция и ее наличие объясняется тем что в темное время суток темная тема сайта облегчает восприятие и не напрягает зрение), но для меня лучший вариант светлый фон, даже в темное время суток. Как-то так

Отлично. Зарегался

Сделай под кнопками html и css точно такой же ряд ниже, но теперь это будет что-то вроде "обычные классы", "псевдоэлементы", "псевдоклассы", и видимость этих кнопок будет только при выборе CSS

Отличный сайт, сам часто пользуюсь!

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

огонь

Когда человек ищет в поиске и не находит нужно заново щелкать на поисковую строку, было бы неплохо сделать так чтобы при отсутствии совпадений ты сразу мог стереть и написать заново

хороший сайт, много чего нового узнал

Мб каким то образом сделать раскрывающийся список "псевдоклассы", по умолчанию он будет свернут

Справочник видел, но привык к MDN Псевдоклассы можно вывести отдельно, как раскрывающейся список например Удачи

я насчет яркости фона на сайте. Действительно, режет глаз. А справочник отличный! спасибо за такой труд. Буду рекомендовать !

Идеальный сайт для начинающих

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

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

У меня идея на счет где ты говорил на 2:40, добавить кнопку так чтобы она была или под или над этими двумя в полную ширину этих двух (слошное) надеюсь понятно расписал

Можно сделать отдельное видео про конструкторы сайтов? интересно знать мнение профессионала)

Как-то вот нехватает справа чего-то!Может и справа сделать полоску,для тех же псевдоклассов ➕ может ещё что туда кинуть

В ксс просто добавь две директории, которые открываются и закрываются. Помоему так лучше

Классно. Вот бы JS добавили. КОГДА СТРИМ БУДЕТ?)

Можно сделать еще одну кнопку под html css

Добавь якорь или как он там называется. Чтоб при переключении в левой колонки с html на css и псевдо в правой основной части скролилось на на соответсвующую часть css,html и псевдо. а то прокручивать мышкой вниз или вверх долго бывает

А есть справочник по Js ? А так контент топ !);

А в справочнике все свойства и теги? Тот же набор, что и в спецификации той же самой, или в htmlbook?

Может при нажатии на Css вкладку, заменять вкладку html на "псевдоклассы", а после что бы вернуть html нажать еще раз на Css

Да, мне кажется лучше 3й таб разместить

В задачах предлагаю поле ответ закинуть в свернутый спойлер, что бы в глаза не бросалось, особенно если задача без скрола и сразу видно ответ :) По поводу CSS, закинуть в 2 группы, основные и псевдо, кому надо развернут

сколько же после этого видео будет посетителей?хотелось бы узнать!

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

Пожалуйста, сделай страницу более темным, глаза болят когда долго находишься (

по поводу сайдбара можешь collapse сделать, что бы так же удобно группировать, как на html по алфавиту

Поставил в закладки!

в конец списка псевдоклассы запихнуть? ¯\_(ツ)_/¯

А ещё можно разделить теги на то, какие лучше использовать в html5, а какие не применять.

Выподающий список прям там же с Псевдоклассами

Может слева в навигации css сделать отдельную папку что бы при нажатии на неё, она бы открывала все эти псевдо классы и псевдо элементы в новигации...

Вот 2 часа назад я заходил на него, он у меня в закладках в браузере давно лежит

Привет, хочу у тебя купить курс html css, знаю html, учу css уже немного разобрался, могу сделать даже какой то сайт карточку самый легкий, как думаешь стоит покупать и поможет ли этот курс мне?

Сделайте 3 кнопки, но не в ряд как сейчас, а в столбик по центру колонки :)

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

почему сайт щас не работает?

Я думаю было бы лучше сделать dropdown menu в css. CSS: 1) Main 2) :Pseudo

Можно дроп-меню у цсс, а можно и третью кнопку, в такой сайте главное контент, а не красота

+

Было бы не плохо добавить тесты по css или html.

Очень занимательный сайт

Вообще я долгое время считал, да и сейчас не готов отказаться от своих слов, что в принципе, учебники по HTML в том виде котором существуют сейчас, где всего-навсего разбираются мелкие примеры нафиг не нужны. Действительно, нужно больше разбирать примеров, как это делаешь ты, хоть и не со всеми согласен. Большинство видео материала, так же за частую менее информативно, (сегодня разберём тег боди - боди это голова), ни слова про атрибуты и вообще возможности этого тега. У w3schools понравилась реализация (хотя там и титично-ошибочного стандарта много; самая глупая ошибка, допускаемая всеми: теги в алфавитном порядке). Чтобы понять о чём речь, взгляни на их сайт, чуть походи, поймешь о чём речь поведу. Есть разделы по тегам "Базовый", "Форматирование" и другие, вот всего-навсего пройтись по ним, а в алфавитном порядке ни к чему, только запутывать начинающих. (Там же и ответ на твой вопрос, что делать со вкладкой CSS). Вернусь, если расписать возможности тегов, указав их не только по категориям, но и по мере важности/первичности использования, то уже выйдет справочное пособие, которое отлично будет смотреться как для начинающих, (если давать краткое описание) так и для профессионалов, (куда включается полный разбор тега, его атрибутов и всего связанного). На мой субъективный взгляд, ты можешь допустить большую ошибку, если будешь расписывать возможности тега только в отдельных статьях, лучше просто редактировать по мере возможности и писать всё в тот тег, о котором идёт речь, а в том разделе просто указывать какие-то интересные новости. Мол, вот ребята заморочились, сделали то-то, то-то. Или просто свой контент туда давай! Вырезай важные на твой взгляд вещи, которые, скрины, и по методу стандартных сайтов лепи и всё. P.S. Надеюсь мысль понятна.

Дай Бог здоровья тебе. Только начинаю изучать вёрстку, и всё по твоим курсам. Спасибо что делишься знаниями, это дорого стоит))

Добавьте JS пожалуйста

Блин на 32дюймах не удобно его смотреть, ширину чтоли ограничь(плиз)

JS заданыя добавь

В кнопке CSS выдели 1/3 из нее под «:»

Вау Htmlbook отдыхает, твой сайт круче

Напевно він вилетів помилка 105

Этих справочников как грязи...

В смысле html тэги для начинающих? Ты дурачёк? Они для всех эти тэги. А если ты скопировал их с офф справочника и закинул на свой говносайт - это ничего не значит. Нет времени объяснять тебе что нужно готовить текст заблаговременно. Сайт хороший кстати