css

Адаптивная верстка таблиц сравнения

Автор: в категории Вёрстка 0 комментариев

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

Адаптивная верстка таблиц

Одним из важных разделов при создании интернет магазина является страница сравнения товаров, которая выводится в виде таблицы, и в данной статье мы рассмотрим решение для ее адаптивной верстки. читать далее…

Кроссбраузерный GrayScale с поддержкой Internet Explorer 10/11

Автор: в категории Вёрстка 0 комментариев

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

Обесцвечивание картинок Internet Explorer 10-11

Но в последние годы, все основные браузеры мигрировали на платформу WebKit, что упростило разработку кроссбраузерных сайтов, однако компания Microsoft старается выделиться и выпускает Internet Explorer на платформе Trident вплоть до последней, 11-ой версии всеми горячо любимого браузера. Но на этом MS решили не останавливаться, и сделать жизнь разработчиков еще разнообразнее и насыщенней, путем удаления фильтров из IE 10 и 11 версий, что повлекло сложности, в том числе и с обесцвечиванием картинок с помощью CSS, методом наложения Grayscale фильтра. читать далее…

Fixed элемент прячется под скроллбар Internet Explorer 11

Автор: в категории Статьи о CSS 1 комментарий

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

Проблема scroollbar'а в Internet Explorer

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

Как проверить адаптивный дизайн сайта

Автор: в категории Статьи о CSS 1 комментарий

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

Адаптивный дизайн в разработке сайтов

С ростом количества мобильных устройств, все больше и больше пользователей используют планшеты и мобильные телфоны для просмотра сайтов, заказа товаров в интернет магазинах, поиска необходимой информации. А поскольку технологии также не стоят на месте, то на смену отдельных мобильных сайтов приходят сайты с адаптивным дизайном. читать далее…

Адаптивная верстка, статика, резина, в чем разница?

Автор: в категории Статьи о CSS 0 комментариев

В современном мире все больше и больше места персональные компьютеры, и даже ноутбуки уступают мобильным устройствам: мобильным телефонам, планшетам, нетбукам. Что это значит для владельцев сайтов? Необходимо адаптировать свой сайт под все эти устройства!

Адаптивный дизайн сайтов

При создании современного сайта каждый разработчик должен это учитывать! Что такое адаптивный дизайн, резиновая верстка, статика и в чем отличие, в чем преимущества адаптивной верстки, и зачем ее делать? Давайте разбираться! читать далее…

CSS-Transitions в Safari

Автор: в категории Статьи о CSS 0 комментариев

Благодаря новым технологиям, и в частности CSS3, мы можем создавать анимацию на сайте всего лишь парой строк. Движение элементов стало плавным, все меньше и меньше графики используют при верстке сайта. Теперь скругленные углы стало делать гораздо проще, а градиент можно создать указав два цвета и направление.

Safari CSS transitions

Сегодня, создавая сайт его можно украсить очень красивой анимацией элементов, которые не только будут радовать глаз, но и будут удобными для пользователя — никаких резких движений, появлений, сдвигов. Работая над одним проектом я заметил одну особенность в браузере Сафари: -webkit-transition: all 0.5s ease — не работает! читать далее…

Как в Bootstrap 3 сделать rowspan

Автор: в категории Вёрстка 0 комментариев

При создании того или иного сайта, разработчики часто сталкиваются с табличной разметкой. В верстке такой вопрос возможно решить как таблицами, так и блоками, указав <div>‘ам отображение таблицей. Однако, есть и ограничения, при которых использование <div>‘ов становится невозможным. У элементов таблицы <td> существуют такие атрибуты как colspan и rowspan, которые невозможно перенести на верстку блоками.

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

При разработке данной странички я использовал Bootstrap 3 (HTML, CSS и Javascript фреймворк). До сих пор, к сожалению, не понимаю преимуществ данного фреймворка, кроме, пожалуй, симпатичного оформления формочек, сброса стилей и установки общего вида для всех браузеров и платформ. Еще пожалуй можно выделить адаптивность дизайна. читать далее…

Битва браузеров

Автор: в категории Вёрстка, Интересное в мире 0 комментариев

Привет всем!

В последнее время я не часто вас баловал новыми записями, и вот наконец-то интересный пост в моей блоге! 🙂
Сегодня я бы хотел ознакомить вас с тестом браузеров. Таких как:

  • Google Chrome 24.0.131
  • FireFox 12.0
  • Internet Explorer 9
  • Opera 12.12

Недавно я наткнулся на ресурс проверки браузера на работу с HTML5. Сайт оценивает браузер, и после чего выдает оценку в очках, где максимум — 500 очков. И вот какие результаты мне выдал ресурс. читать далее…

Ждем Internet Explorer 10!

Автор: в категории Интересное в мире, Статьи о CSS 1 комментарий

Итак, сегодня наткнулся на сайте CSS3.info на статью, в которой говорится, что, наконец-то, разработчики Microsoft сжалятся над WEB-разработчиками и верстальщиками, и что в новой версии Internet Explorer’a десять, мы сможем увидеть полную поддержку CSS3! читать далее…

12
З
а
г
р
у
з
к
а
.
.
.
Вверх!

Меню блога

Категории блога

Облако тегов