Современный человек все больше и больше времени проводит в сети интернет, используя мобильные устройства. И задача разработчика уже не просто создать сайт или разработать интернет магазин, а сделать его максимально удобным для использования на мобильных устройствах.
Одним из важных разделов при создании интернет магазина является страница сравнения товаров, которая выводится в виде таблицы, и в данной статье мы рассмотрим решение для ее адаптивной верстки. читать далее…
Одной из основных задач при создании сайта является проверка корректного отображения страниц сайта во всех браузерах — проверка кроссбраузерности сайта. Еще совсем недавно почти каждый браузер имел свою платформу и в связи с этим необходимо было очень тщательно проверять каждую страницу сайта, т.к. каждая платформа имела свои особенности.
Но в последние годы, все основные браузеры мигрировали на платформу WebKit, что упростило разработку кроссбраузерных сайтов, однако компания Microsoft старается выделиться и выпускает Internet Explorer на платформе Trident вплоть до последней, 11-ой версии всеми горячо любимого браузера. Но на этом MS решили не останавливаться, и сделать жизнь разработчиков еще разнообразнее и насыщенней, путем удаления фильтров из IE 10 и 11 версий, что повлекло сложности, в том числе и с обесцвечиванием картинок с помощью CSS, методом наложения Grayscale фильтра. читать далее…
Одним из популярных фреймворков для верстки страниц при разработке сайтов является Bootstrap. Однако, во время работы над новым проектом, я столкнулся со следующей проблемой: фиксированные элементы, у которых установлено положение справа, скрывались под скроллбар и были недоступны для пользователя.
В данной статье я расскажу как избежать этого, и настроить положение элементов прикрепленных к правому краю окна браузера Internet Explorer. читать далее…
С ростом количества мобильных устройств, все больше и больше пользователей используют планшеты и мобильные телфоны для просмотра сайтов, заказа товаров в интернет магазинах, поиска необходимой информации. А поскольку технологии также не стоят на месте, то на смену отдельных мобильных сайтов приходят сайты с адаптивным дизайном. читать далее…
В современном мире все больше и больше места персональные компьютеры, и даже ноутбуки уступают мобильным устройствам: мобильным телефонам, планшетам, нетбукам. Что это значит для владельцев сайтов? Необходимо адаптировать свой сайт под все эти устройства!
При создании современного сайта каждый разработчик должен это учитывать! Что такое адаптивный дизайн, резиновая верстка, статика и в чем отличие, в чем преимущества адаптивной верстки, и зачем ее делать? Давайте разбираться! читать далее…
Благодаря новым технологиям, и в частности CSS3, мы можем создавать анимацию на сайте всего лишь парой строк. Движение элементов стало плавным, все меньше и меньше графики используют при верстке сайта. Теперь скругленные углы стало делать гораздо проще, а градиент можно создать указав два цвета и направление.
Сегодня, создавая сайт его можно украсить очень красивой анимацией элементов, которые не только будут радовать глаз, но и будут удобными для пользователя — никаких резких движений, появлений, сдвигов. Работая над одним проектом я заметил одну особенность в браузере Сафари: -webkit-transition: all 0.5s ease — не работает! читать далее…
При создании того или иного сайта, разработчики часто сталкиваются с табличной разметкой. В верстке такой вопрос возможно решить как таблицами, так и блоками, указав <div>‘ам отображение таблицей. Однако, есть и ограничения, при которых использование <div>‘ов становится невозможным. У элементов таблицы <td> существуют такие атрибуты как colspan и rowspan, которые невозможно перенести на верстку блоками.
Но в некоторых случаях мы можем исхитриться и все таки добиться эффекта rowspan и colspan. Для этого необходимо добавить несколько дополнительных элементов, или «перевернуть» таблицу, чтобы столбцы стали строками, а строки ячейками столбцов — в таком случае мы реализуем rowspan.
При разработке данной странички я использовал Bootstrap 3 (HTML, CSS и Javascript фреймворк). До сих пор, к сожалению, не понимаю преимуществ данного фреймворка, кроме, пожалуй, симпатичного оформления формочек, сброса стилей и установки общего вида для всех браузеров и платформ. Еще пожалуй можно выделить адаптивность дизайна. читать далее…
В последнее время я не часто вас баловал новыми записями, и вот наконец-то интересный пост в моей блоге! 🙂
Сегодня я бы хотел ознакомить вас с тестом браузеров. Таких как:
Google Chrome 24.0.131
FireFox 12.0
Internet Explorer 9
Opera 12.12
Недавно я наткнулся на ресурс проверки браузера на работу с HTML5. Сайт оценивает браузер, и после чего выдает оценку в очках, где максимум — 500 очков. И вот какие результаты мне выдал ресурс. читать далее…
Итак, сегодня наткнулся на сайте CSS3.info на статью, в которой говорится, что, наконец-то, разработчики Microsoft сжалятся над WEB-разработчиками и верстальщиками, и что в новой версии Internet Explorer’a десять, мы сможем увидеть полную поддержку CSS3! читать далее…