Вся правда о viewport и media queries

В интернете полно статей про viewport, все они рассказывают о том как написать его для адаптива, одна-две — каким, если адаптива нет. Я же хочу рассказать, как его использовать более гибко.

Как правильно работать с сеткой в bootstrap?

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

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

Интеграция UMI.CMS и Фолио

Недавно мы запустили интернет-магазин теплового оборудования. При разработке стояла задача интеграции товаров, остатков и заказов со складской программой. Но в отличии от классических вариантов с Моим Складом и 1С Торговля и Склад, мы столкнулись с новой задачей. Клиенты используют ПО ФОЛИО для торговли, склада и логистики.
Итак, что же у нас получилось:

• Загрузка товаров из каталога фолио
• Синхронизация остатков
• Выгрузка заказов из интернет-магазина в фолио

Система протестирована и уже используется на боевом сайте. 

Если вы пользуетесь Folio и заинтересованы в создании интернет-магазина, то обращайтесь к нам и получите не только красивый и практичный интернет-магазин, но и сэкономите на его поддержке за счёт интеграции со складской программой.

Эквайринг Авангарда для UMI и модуль отправки прайс-листа

Итак, за недавнее время мы написали два дополнения для UMI.CMS

• Способ оплаты с помощью эквайринга банка «Авангард»
• Модуль отправки прайс-листа на электронную почту (с возможностью загрузки прайс-листов через адмику) 

Если вас что-нибудь из этого интересует, то пишите нам на info@madex-design.ru и мы установим эти дополнения вам на сайт за скромное вознаграждение.

Новая услуга «Ведение веб-проектов»

Предлагаем вашему вниманию новую услугу «Ведение веб-проектов», которая включает в себя:

• Консультация заказчика по техническим вопросам;
• Подбор исполнителей и подрядных организаций;
• Формирование команды проекта;
• Примерная оценка трудозатрат;
• Написание технического задания и разработка прототипов;
• Контроль всех этапов разработки проекта;
• Оценка технических и дизайнерских решений;
• Тестирование и принятие результатов работ исполнителей;
• Подбор исполнителей, подрядных организаций или команды для поддержки проекта;
• Разработка рекламных кампаний;
• Подбор исполнителей для проведения SEO и SMM продвижения;
• Участие в выставках, ведение презентаций проекта;
• Поиск возможных партнёров и ведение переговоров;
• Поиск возможных способов монетизации проекта.

Кому пригодится эта услуга?

• Заказчикам сайтов и интернет-магазинов.
  
  Обычно со стороны заказчика проектом занимается «ответственный менеджер», который помимо своих стандартных обязанностей вынужден общаться с подрядчиками и принимать результаты их работ, контролировать сроки выполнения работ. Исполнители же всегда стремятся быстрее сдать работу и получить деньги, не уделяя должного внимания деталям, которые несведущий в веб-разработке менеджер обычно упускает из виду.
• Заказчикам и создателям веб-сервисов.
  
  Все задачи, указанные в описании услуги "Ведение веб-проекта", обязательно встанут перед теми, кто решит запустить свой проект в интернете, будь то новая социальная сеть, развлекательный ресурс или веб-сервис.

Сколько стоит услуга?

Звоните — договоримся!

Хитрая карта сайта в UMI.CMS

Как известно, в UMI.CMS есть стандартный метод для вывода карты сайта и обычно нет никакой необходимости изобретать велосипед. Но есть одна оговорочка — стандартный content/sitemap выводит только те страницы, у которых стоит галочка «показывать в меню».

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

extProps и extGroups в собственных макросах UMI.CMS

C версии 2.8.6 в UMI.CMS появились новые возможности для выборок Udata и Usel, которые помимо стандартных полей позволяют делать выборки по расширенным полям. В этом посте я расскажу, как добавить такую возможность в собственные кастомные макросы.

Экранирование символов в XSLT

Столкнулся с проблемой, что в xslt не смог вставить } в качетсве значения атрибута тега (<span data-icon="}"/>  в моем случае). Немного погуглив, нашел решение проблемы: }}. Да-да, чтобы вывести служебный символ xslt, достаточно напечатать его дважды :)

Языковые версии сайта на разных доменах в UMI.CMS

В одном из предыдущих постов я писал о том, как реализовать на сайте с UMI.CMS несколько языковых версий сайта. В этом посте я расскажу, как раскидать разные языковые версии на разные домены.

Снова про canvas в IE

Эта малюсенькая заметочка о паре багов, замеченных мною при отладке верстки сайта, в которой активно используется HTML5 canvas.

Баг первый:

В IE7 и IE8, если к элементу canvas применить стиль с display:none, то при смене стиля на display:block (например, по ховеру), нарисованное в canvas не будет отображаться.

Баг второй:


Пытаясь спрятать и показать canvas в борьбе с первым багом, открыл ещё один неприятный сюрприз: IE7 прячет canvas с помощью filter:alpha(opacity=0), а вот IE8 нет. И как ты этот filter ему не напиши!

Рассылка для профессионалов

Коллеги!

Команда «Мадекс Дизайн» рекомендует вам рассылку «Traingle» (http://skillstore.ru/traingle/) от Вадима Паясу и команды SkillStore.ru.


В рассылке освещается техдизайн, работа с графикой, бизнес и фриланс. А так же из рассылки вы узнаете о крутецких воркшопах и тренингах.

Глюк CSS-свойства filter в IE7

Применение filter к элементу добавляет ему overflow:hidden в IE7  и внутренние элементы с абсолютным позиционированием, вынесенные за границы блока, становятся не видны. В 8-м ослике подобной проблемы замечено не было.

Использование excanvas.js

excanvas.js - библиотека, которая позволяет рисовать с помощью html5 в браузере Internet Explorer точно так же как и в нормальных браузерах. Библиотека поддерживает версии IE от 7 до 9.

Страница проекта: http://code.google.com/p/explorercanvas/

Языковые версии сайта на UMI.CMS

Сегодня столкнулся с тем, что нужно было сделать английскую и русскую версии для сайта на UMI.CMS. Добавить языковые версии (Модули → Конфигурация → Языки) и выбрать язык по умолчанию для домена (Модули → Конфигурация → Домены) не составило проблемы, то дальше возникли некоторые трудности.

Вывод HTML5 doctype с помощью XSLT

Недавно я столкнулся с проблемой, что с помощью  xslt не смог вывести корректный doctype для html5:

 <!DOCTYPE html>

В первый раз, чтобы не тратить время, я решил эту проблему с помощью комментариев и CDATA. Этот вариант в любом случае выглядел костылем и я решил поискать в решение сети.

Сайты для тех, кому нужно продавать

Ни для кого не секрет, что разработка сайта в студии стоит достаточно дорого, а разработка сайта у «вольного художника» не дает никаких гарантий ни на качество работ, ни на сроки, ни на то, что они вообще будут выполнены.

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

Специально для тех, кому нужен готовый сайт для бизнеса с минимальными затратами по времени и деньгам, мы запустили сервис MadexCloud. С помощью него вы сами сможете создать себе личный, корпоративный сайт или интернет-магазин всего в 2-3 клика и легко наполнить его информацией о ваших услугах и товарах. Это не какой-нибудь конструктор, а настоящие готовые к продажам сайты. На сайте сервиса вас ждет большой выбор шаблонов, и как платные (от 8 рублей в день), так и бесплатные тарифы.

Сайт сервиса МадексКлауд: http://madexcloud.ru

Версия для печати с помощью jQuery

В данном посте приведу небольшой пост, как просто и быстро сделать вызов версии для печати веб страницы с помощью jQuery.

Удаление шаблона из Pages

Как удалить шаблон Pages?

Делая приказы в Pages, я совершенно случайно посохранял их всех в папку шаблонов. Естественно встал вопрос — как их удалить оттуда? Попытки перетянуть из окна выбора шаблона в корзину или нажать command+delete не помогли. Вообще, как ни странно, средствами Pages удалить шаблон не удалось)

Склейка зеркал, robots.txt и Яндекс.Вебмастер

В нашей дизайн студии пока что нет достойного SEO-специалиста, поэтому пока что я экспериментирую с поисковой оптимизацией и всем, что с ней связано на нашем сайте. И вот, читая разные seo-блоги я наткнулся на интересную мысль — склеивание зеркал сайта. Для тех кто не в курсе: у наших с вами сайтов есть как минимум два зеркала c www и  без www, например у нашего сайта www.madex-design.ru и madex-design.ru. Так вот, чтобы не было путаницы можно сделать переадресацию с одного на другой, но надо сперва выбрать основной, например, посмотрев какой основным считает Яндекс в результатах поиска.

Стиль МГТУ МИРЭА

Процес «ребрендирования» МГТУ МИРЭА начался два месяца назад.

Суть заключалась в том, что необходимо избавиться от старого архаичного логотипа и повсеместно продвигать направление, выбранное МИРЭА для выделения себя на фоне огромного количества технических вузов. Слоган, с которым МИРЭА сейчас позиционирует себя — «образование в стиле hi-tech». Мы в студии стараемся находить компромис между руководством института и своими идеями.

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

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

Кое что из уже сделаного: