HTML и CSS

Высота div равная ширине на CSS

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

11
11 323
Подробнее

Меняем активный пункт меню при прокрутке страницы

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

8
19 174
Подробнее

SASS что это?

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

23
9 265
Подробнее

Чем отличаются элементы типа block, inline и inline-block?

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

8
8 241
Подробнее

Удаляем пустое пространство между inline-block элементами

При использовании inline-block элементов, все верстальщики зачастую встречают такую проблему, что между этими самыми элементами появляется какой-то непонятный отступ, с которым нужно как-то бороться. Большинство новичков даже не представляют, откуда этот отступ вообще берется, поэтому я решил написать статью, в которой постараюсь все рассказать более детально.

1
4 221
Подробнее

Меню со «скользящей» линией

В данном уроке мы научимся делать меню с двигающейся линией при наведении. Такое меню часто называют Magic Line или Sliding Line.

6
6 424
Подробнее

Стилизация Input File

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

3
21 360
Подробнее

Masonry — вывод блоков в виде кирпичной кладки

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

14
9 520
Подробнее

Animate.css в примерах

В данном уроке мы с вами познакомимся с очень интересным инструментом под названием animate.css. Это уже готовая CSS таблица стилей, которая в своем арсенале имеет свыше 50 различных эффектов и все эти эффекты реализованы на CSS3.

7
34 327
Подробнее

Полосатая таблица

Очень часто, верстая таблицы, их приходится делать в виде «полосатых таблиц» — это когда цвет рядов чередуется друг за другом. Данный подход помогает представить табличный контент в более читабельном и наглядном виде. В данной статье мы научимся создавать такие таблицы.

2
4 560
Подробнее
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
  • Страница 2 из 5