Архивы css | Страница 2 из 2 | coderistu.ru | все о создании и продвижении сайтов

24 Авг/18 24.08.2018

Кликабельная ссылка на телефон. Как сделать ее на сайте

Согласно статистике, 70% пользователей заходят на сайты с мобильных устройств, поэтому конверсия современной интернет- страницы напрямую зависит от того, насколько она оптимизирована под мобильный трафик. И одной из важных составляющих является кликабельная ссылка на телефон, при нажатии на которую телефон переходит в режим звонка.

Если у вас есть сайт - одностраничник, сайт - визитка или интернет - магазин и им неудобно пользоваться на смартфонах и планшетах, то с 90% вероятностью человек уйдёт на другой ресурс, который лучше оптимизирован под мобильные устройства.

3307

19 Авг/18 19.08.2018

CSS ленточка

Рано или поздно практически каждый веб-мастер, глядя на свой сайт, приходит к мысли: "А вот в этом месте классно бы смотрелась какая - нибудь красивая ленточка". После чего приступает к реализации задуманной идеи.

Кто-то начинает рисовать ленту в фоторедакторе, а кто-то вспоминает, что быстрее, а главное, удобней, сделать такую ленту посредством css. Почему удобней? Потому что css ленточка быстро редактируется, масшатбируется и изменяется в размерах по мере необходимости.

При этом сам процесс рисования css ленточки довольно простой и не занимает много времени.

5250

текст появляющийся при наведении на картинку

10 Июл/18 10.07.2018

Текст, появляющийся при наведении курсора на картинку

Нередко заказчики просят создать на сайте эффект всплывающего текста, появляющегося при наведении курсора на картинку или рекламный баннер. Особенно часто этот приём используется в карточках товаров интернет - магазинов: когда при наведении указателя на фото товарной позиции выскакивает всплывающий блок с информацией о продукте, это выглядит очень эффектно. К тому же значительно повышает конверсию сайта, позволяя посетителю быстро ознакомиться с характеристиками представленных товаров, не "проваливаясь" в карточку.
Читать далее

11475

09 Июл/18 09.07.2018

Как подключить Bootstrap на сайт

Подключить со скачиванием библиотеки

Twitter Bootstrap - универсальный инструментарий, включающий в себя css, html и javascript- библиотеки, с помощью которых можно быстро создавать адаптивные сайты любой степени сложности.

Также Bootstrap станет отличным помощником, если у вас интернет-страница, которая нуждается в апгрейде. Интеграция устаревшего веб-портала с Bootstrap откроет огромные возможности для расширения его функционала, обновления дизайна и улучшения юзабилити.

6502

21 Июн/18 21.06.2018

Как задать css градиент в браузере Safari?

Общеизвестно, что браузер Safari от компании Apple, функционирующий на движке Webkit, немного по-другому отображает контент веб - страницы в сравнении с браузерами Opera, Mozilla Firefox и Google Chrome.

Но если с Firefox всё понятно - он разработан на движке собственного производства Gecko, то почему в браузере Safari сайт выглядит несколько иначе, чем в Opera и Chrome, так же работающих на движке Webkit?

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

Кому интересно, можно почитать здесь.
Читать далее

5254

18 Май/18 18.05.2018

Горизонтальное css - меню для сайта

В этом примере мы создадим простое горизонтальное меню для сайта при помощи html и css.

Для этого сначала сделаем html - разметку нашего будущего меню:

<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Статьи</a></li>
<li><a href="#">Контакты</a></li>
</ul>

Отлично. После того, как разметка готова, необходимо задать меню необходимые свойства посредством css.

Для этого пропишем следующий код:

672