Заметки Верстальщика
306 subscribers
45 photos
2 videos
21 links
Блог про верстку сайтов и все что с ней связано
HTML | CSS | JavaScript

По всем вопросам писать сюда: @TihomirovPro
Download Telegram
Проверим на сколько хорошо вы знаете HTML, и какие знания надо будет подтянуть)

Начнем рубрику проверки знаний с простого вопроса - что такое HTML?:
Anonymous Quiz
0%
Язык гиперволновой разметки
93%
Язык гипертекстовой разметки
4%
Язык гиперссылочной разметки
4%
Язык гиперпространственной разметки
👍2
Бесплатный генератор svg фонов для ваших сайтов, блогов или приложений

Ссылка
———————————————
#полезное #svg
👍31
Легкая и простая в использовании библиотека для добавления анимации при скролле

Ссылка
———————————————
#полезное #js
🔥31
Какой правильный HTML для создания ссылки?
Anonymous Quiz
5%
<link href="url.com">url.com</link>
2%
<url href="url.com">url.com</url>
81%
<a href="url.com">url.com</a>
3%
<link url="url.com">url.com</link>
1%
<a url="url.com">url.com</a>
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Подборка стильных минималистичных анимаций для кнопки

Перейти на CodePen
———————————————
#полезное #html #css #codepen
👍51
Какой из следующих атрибутов указывает, может ли пользователь редактировать содержимое элемента или нет?
Anonymous Quiz
19%
content
21%
editable
19%
contenteditable
14%
editcontent
28%
Посмотреть ответ
👍2
#полезное #css #html #javascript

Полезный сервис с интерактивными онлайн уроками по HTML, CSS и JavaScript. Тут вы сможете познакомиться с основами верстки или освежить и закрепить уже имеющиеся)
Тесты и уроки с практикой, к сожалению, доступны только по подписке, но все основные уроки в бесплатном доступе.

Ссылка на сайт
🔥2
#полезное #css #новичок #игры

Игра для изучаем гридов

Играть
🔥4
#теория #html #css #новичок

Поток документа
Объяснение одной из основных концепций вёрстки и её составляющих: контекста форматирования, схлопывания отступов и выхода из потока

Ссылка
👍2
#теория #css #новичок

Блочная модель
Браузеры рисуют любой элемент на HTML-странице как прямоугольник. Как рассчитывается размер этого прямоугольника? Разберёмся с одной из основных концепций вёрстки

Ссылка
🔥2
С помощью какого атрибута мы можем добавить всплывающую подсказку в HTML элемент
Anonymous Quiz
25%
tooltip
26%
title
5%
ref
5%
text
25%
showtext
14%
Показать ответ
👍2
#полезное #html

Как узнать мож­но ли вло­жить тег в другой тег?
Онлайн-инструметом Can I Include быстро поможет вам с этим)

Ссылка
🔥4
#полезное #css #html

Большой набор из 65 различных кастомных чекбоксов

Ссылка
👍31
#новичок #теория #css

Принцип каскада

Еще один из основных принципов работы CSS, который необходимо понимать
👍5
#теория #новичок #css

Специфичность

Как браузер решает, какие стили применять к элементу? Разбираемся, почему у селектора есть вес
👍3
Какой правильный элемент HTML для переноса строки?
Anonymous Quiz
92%
<br>
2%
<lb>
3%
<break>
3%
<hr>
👍2
#полезное #письма

Если вам необходимо или когда-нибудь придется верстать письма, то этот инструмент вам очень поможет. Он показывает поддержку свойств и элементов различными почтавиками
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
#codepen

Красивый эффект при наведении для карточек
🔥3
#полезное

Большой набор из 1424 svg иконок
🔥42
#полезное #svg

Очень удобный и хороший инструмент для оптимизации SVG
🔥5