#1. Как вставить карту Google на сайт

Google Maps API v3 позволяет легко и просто добавить карту на любую страницу вашего сайта, даже если вы не особо владеете языком JavaScript. Также встроенную карту можно очень гибко настраивать, менять цветовое решение, добавлять маркеры, всплывающие подсказки и т.д. В общем, возможностей масса и вот как раз о самых основных из них, я хотел бы рассказать и показать на примерах, как реализовать. Первый урок мы посвятим теме “Как установить Google Maps на сайт?”

14
28 859
Подробнее

Стилизация checkbox и radio на CSS

В этой статье мы научимся менять внешний вид checkbox и radio-кнопок на чистом CSS. Разумеется способ уже достаточно не новый и поэтому проверенный. Я его неоднократно применял при верстке различных сайтов.

17
60 140
Подробнее

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

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

20
15 872
Подробнее

LivePage – автообновление страницы браузера во время верстки сайта

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

7
8 801
Подробнее

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

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

17
28 041
Подробнее

Koala — простая компиляция Sass

Сегодня мы познакомимся с одним из самых простых способов компиляции SASS. Для этого воспользуемся специальной программой под названием Koala. Она поможет буквально в два клика настроить автоматическую компиляцию наших SASS-файлов.

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

SASS что это?

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

23
11 488
Подробнее

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

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

8
10 642
Подробнее

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

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

1
5 648
Подробнее

Меню со “скользящей” линией

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

9
7 235
Подробнее
  • «
  • 1
  • 2
  • 3
  • 4
  • 8
  • »
  • Страница 2 из 8