Раньше, чтобы сделать анимацию нам бы потребовалась какая-нибудь библиотека, например jQuery, сегодня у нас есть CSS. В целом, и про него тоже можно забыть, потому что существует такое решение как Animate.css. В этой записи я покажу как сделать методы slideDown() и slideUp() из jQuery с помощью обычного CSS (не используя библиотеки и сторонние методы).
Читать далее…
Рубрика: HTML & CSS
Как получить настоящую ширину/высоту элемента с jQuery?
jQuery сам по себе очень простой, в нем почти ничего нет сложного, за исключением некоторых функций/методов, о которых знает не каждый новичок. В этой записи я покажу как получить настоящую ширину и/или высоту у любого элемента.
Почему мой CSS не отображается корректно?
Во время разработки сайта вы должны учитывать огромное количество правил. Во время создания веб-страниц важно всегда помнить о DOCTYPE, так как именно он говорить браузеру о версии HTML.
Читать далее…
:checked псевдокласс — что это такое и как им пользоваться ?
:checked
— это псевдокласс, который используется для определения состояния radio(<input type="radio">
), checkbox (<input type="checkbox">
) или option (<option>
в <select></select>
). Например, если вы поставили галочку в checkbox поле, то :checkbox
поможет определить это. Ниже я покажу несколько примеров использования этого псевдокласса.
Читать далее…
Простой скрипт вкладок в стиле Material Design
Недавно я решил написать небольшой скрипт вкладок, который может подойди для кого угодно. Все сделано в стиле Material Design.
Читать далее…
Основы Sass/Scss
В этой записи пойдет речь о том, как начать пользоваться Sass/Scss.
Читать далее…
CSS3 анимация при загрузке страницы (примеры)
В этой записи, я хочу поделиться примерами анимации, которые можно реализовать с помощью CSS3.
Читать далее…
Ошибка: Syntax error: unexpected token <
В этой записи я хочу рассказать про данную ошибку и из-за чего она может проявляться.
Читать далее…
Как убрать тень с полей формы для WebKit браузер?
В этом небольшой записи я хочу рассказать про проблему, касающуюся всех iOS устройств во время разработки мобильной версии.
Читать далее…
Всплывающая верхняя панель для сайта
Фиксированная верхняя панель (sidebar) для сайта с функцией скрыть/показать.
Читать далее…