Современный человек все больше и больше времени проводит в сети интернет, используя мобильные устройства. И задача разработчика уже не просто создать сайт или разработать интернет магазин, а сделать его максимально удобным для использования на мобильных устройствах.
Одним из важных разделов при создании интернет магазина является страница сравнения товаров, которая выводится в виде таблицы, и в данной статье мы рассмотрим решение для ее адаптивной верстки. читать далее…
Одной из основных задач при создании сайта является проверка корректного отображения страниц сайта во всех браузерах — проверка кроссбраузерности сайта. Еще совсем недавно почти каждый браузер имел свою платформу и в связи с этим необходимо было очень тщательно проверять каждую страницу сайта, т.к. каждая платформа имела свои особенности.
Но в последние годы, все основные браузеры мигрировали на платформу WebKit, что упростило разработку кроссбраузерных сайтов, однако компания Microsoft старается выделиться и выпускает Internet Explorer на платформе Trident вплоть до последней, 11-ой версии всеми горячо любимого браузера. Но на этом MS решили не останавливаться, и сделать жизнь разработчиков еще разнообразнее и насыщенней, путем удаления фильтров из IE 10 и 11 версий, что повлекло сложности, в том числе и с обесцвечиванием картинок с помощью CSS, методом наложения Grayscale фильтра. читать далее…
При создании того или иного сайта, разработчики часто сталкиваются с табличной разметкой. В верстке такой вопрос возможно решить как таблицами, так и блоками, указав <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 очков. И вот какие результаты мне выдал ресурс. читать далее…
Этот пост я посвящаю нашему «любимому ослику» (ИЕ :)) по «забугорному» Internet Explorer. Недавно, обновив свой Windows 7 через «Центр обновлений» я увидел предложение скачать и установить новый Интернет Експлорер.
Учитывая мою «любовь» к ИЕ, как разработчика, я не сразу захотел обновлять сие чудо мелко-магких (Microsoft), но взвесив все аргументы все же решился на обновление, ибо я, как, опять таки, разработчик должен следить за новыми поступлениями браузеров, ибо именно под них и оптимизируется (подгоняется) сайт, чтобы во всех браузерах он отображался корректно.
Вот началась загрузка нового Internet Explorer 9… Установка… читать далее…
Из серии «про валидацию», решил разделить эти понятия, чтобы не путать. Да и статья не совсем про это пойдет.
Суть статьи заключается в том, чтобы выяснить, нужна ли вообще валидность кода, или на это можно не обращать внимание и создавать сайт как нам захочется, не тратя на валидацию сайта время. читать далее…
В предыдущей статье «Как правильно создать сайт?«, мы рассмотрели как непосредственно преподнести свою идею, свой сайт. Теперь мы поговорим о том, как людям представится ваш сайт на мониторе.
Что такое вообще «кросс-браузерность» у сайта? Кросс-браузерность (cross-browser compatibility)- от английского cross — пересекать, а browser — браузер, compatibility — совместимость. Из данного набора слов можно уже интуитивно понять, что это такое. Кросс-браузерность — одно из главных свойств сайта — отображаться во всех браузерах одинаково. читать далее…