Архив рубрики: HTML/CSS

Кроссбраузерная css прозрачность.

Практически все современные браузеры поддерживают CSS 3 свойство opacity, определяющее уровень прозрачности элемента. Но иногда все еще возникает необходимость поддерживать старые браузеры. Именно для них при реализации кроссбраузерной прозрачности нужны первые 3 строки : [codesyntax lang=»css» title=»CSS»] .op{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* … Читать далее

Рубрика: HTML/CSS | Метки: , , , , , , | 3 комментария

Валидная кнопка Google +1

Сегодня передо мной стала задача добавить на сайт кнопку +1 от Google. Казалось бы все довольно просто — надо всего лишь добавить этот код в то место, в котором вы хотите увидеть кнопку: [codesyntax lang=»html4strict» title=»HTML»] <script type=»text/javascript» src=»https://apis.google.com/js/plusone.js»></script> <g:plusone></g:plusone> … Читать далее

Рубрика: HTML/CSS, JavaScript/JQuery | Метки: , , | 4 комментария

Особенности разработки сайтов на Bitrix

Bitrix является весьма популярной платформой для проектирования сайтов. Множество учебных пособий, качественная клиентская поддержка, регулярные программные обновления, разумные тарифы делают ее такой привлекательной и для программистов, и для владельцев ресурсов. Чем еще выделяется разработка сайтов на «Битрикс» http://www.it-in.ru/?

Рубрика: HTML/CSS | Добавить комментарий

Редактор html

  Многие пользователи интернета видели такую аббревиатуру: HTML, и многим интересно что же это за код и что он собой представляет, да и зачем он нужен вообще. На самом деле это очень важный элемент для «читабельного» оформления текстов для веб-страниц. … Читать далее

Рубрика: HTML/CSS | Метки: | Добавить комментарий

CSS font-size: единицы измерения

Один из наиболее распространенных вопросов CSS это единицы измерения шрифта. Разработчик может указать их в px, %, em, pt и rem. Давайте рассмотрим их по отдельности.

Рубрика: HTML/CSS | Метки: , | Добавить комментарий

Использование Font Awesome и Bootstrap 3

Казалось бы библиотека шрифтов-иконок Font Awesome была создана для работы с Bootstrap. Но есть пару тонких моментов, которые необходимо учитывать. 

Рубрика: HTML/CSS | Метки: , , , | 2 комментария

Анимация в браузере. Рекомендации

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

Рубрика: HTML/CSS, JavaScript/JQuery | Метки: , , | 1 комментарий

Правильные CSS селекторы

Довольно часто нахожу в различных проектах небрежное отношение к CSS селекторам. Хотя современные браузеры и позволяют не обращать особого внимания на их написание, все же я рекомендую пользоваться основным правилом. В сложном селекторе самый правый селектор должен быть как можно … Читать далее

Рубрика: HTML/CSS | Метки: | Добавить комментарий

vw, vh и vmin — единицы измерения для CSS3

В CSS3 появились новые единицы измерения, зависящие от размеров окна браузера. 1vw — 1% ширины окна 1vh — 1% высоты окна 1vmin — 1vw или 1vh, в зависимости от того, что меньше На момент написания статьи поддерживается почти всеми современными браузерами. Проверить можно тут.

Рубрика: HTML/CSS | Метки: , , , | Добавить комментарий

Кроссбраузерный CSS-градиент

Очень часто в своих макетах дизайнеры используют всевозможные градиенты. Раньше приходилось вырезать 1-пиксельную картинку с градиентом и размножать ее (repeat). При этом на сервер уходил лишний запрос, что в свою очередь замедляло загрузку страницы. Сегодня  же мы можем создавать градиенты … Читать далее

Рубрика: HTML/CSS | Метки: , | Добавить комментарий
  • Страница 1 из 2
  • 1
  • 2
  • >