Вёрстка — deadblog.ru

Метка: Вёрстка

  • Как сделать lazy load Яндекс карт (ленивая загрузка)

    Как сделать lazy load Яндекс карт (ленивая загрузка)

    Оптимизировал тут я свой сайт в надежде получить 100 пингвинов по Google PageSpeed, и столкнулся конечно же с проблемой с загрузкой Яндекс Карты. Даже не беря во внимание PageSpeed, загрузка Яндекс карты нехило так забирает время загрузки страницы, поэтому давай сделаем lazy load для этого чуда. Давай приступим.

  • Border radius: создаём закруглённые углы с помощью CSS

    Замечательное свойство CSS3 border-raduis позволяет легко создавать закруглённые углы без использования изображений или лишних div тэгов. Это одно из полезнейших и обсуждаемых CSS3 свойств. С первого анонса в 2005 году, свойство border radius стали поддерживать практически все современные браузеры (хоть и с некоторыми особенностями, о которых будет сказано ниже). А из-за простоты использования веб-разработчик может…

  • Правила хорошего CSS.

    Расскажу о своих правилах, которые я использую в любом файле CSS. Зачем это нужно ? Во первых, ваш CSS-файл будет легче читаться и восприниматься. Во вторых, хороший стиль написания это всегда плюс. Ну и в третьих, это намного упрощает жизнь.

  • Hint: размер шрифта(font-size).

    Задумывались вы хоть раз о том, как правильно писать размер шрифта при верстке сайта? Что-бы было максимально удобно и совместимо? До сегодняшнего момента я всегда размер шрифта прописывал в пикселях(px), но сегодня задумался, а правильно ли я делаю? В итоге, пошарив интернет, я нашел самый удобный, совместимый и прогрессивный способ. Вообще мне известно 4 способа…

  • Выравнивание блоков div по центру (css, div html).

    В данной статье я расскажу, как поместить блок div по центру. Способов существует множество, но далеко не все позволяют сделать именно то, что требуется. Я приведу в пример самые лучшие и простые способы. Вообще, есть дюжина способов как правильно выровнять div блок по центру, каждый вебмастер использует свой любимый\наиболее удобный способ. Но тем не менее, есть несколько основных,…