OGGETTOWEB.COM

docs.oggy.co

Яваскрипт в Мадженто — OggettoWeb

http://docs.oggy.co/docs/htmlcss/magento_js.html

Обновляем Prototype и Scriptaculous до последних версий. Старый код специально не переписываем. Однако, новые штуки пишем на Джиквери. Прототайповский код улучшаем архитектурно и аккуратно рефакторим, если нужно. Помним статью. Джоэля Сполски про переписывание from scratch. Файлы Прототайпа оставляем подключенными в начале страницы (в Мадженте много вызовов в темплейтах), файлы Джиквери подключаем в конец, после футера. JQuery.noConflict(); var $j = jQuery.noConflict(); / референс для консоли.

docs.oggy.co

Работа со шрифтами — OggettoWeb

http://docs.oggy.co/docs/htmlcss/fonts.html

Все шрифты подключаются в файле. И этот файл инклюдится в начале. После нормалайза, пребута и пр. наборов миксинов. Любые переменные, касающиеся шрифтов (например, названия гарнитур) объявляются тут же, в. Если шрифт общедоступен (типа PT Sans), nо подключать его на продакшене нужно через CDN. Для читабельности кода рекомендуется:. Подключать шрифты без миксинов, на чистом CSS. Писать свойства в таком порядке:. Пример подключения шрифтов с использованием одной гарнитуры и разных начертаний:.

docs.oggy.co

Препроцессоры — OggettoWeb

http://docs.oggy.co/docs/htmlcss/preprocessors.html

В качестве препроцессора мы используем LESS. С готовым набором миксинов Preboot. Less all.less preboot.less . /css all.css. На этапе верстки статических прототипов можно использовать браузерную версию LESS. Когда дело доходит до серверной интеграции, LESS нужно собирать с помощью node-модуля либо через какую-то программу с графическим интерфейсом. Нужно обязательно убедится, что используется актуальная версия LESS. Сохранение картинок в Base64. Img/bg menu list.png'. Здесь путь нужно брать в кавычки */.

docs.oggy.co

Верстка форм и их элементов — OggettoWeb

http://docs.oggy.co/docs/htmlcss/forms.html

Верстка форм и их элементов. Рассмотрим верстку форм на примере формы логина:. Каждая форма оборачивается в ` div ` с классом `form` и соответствующим модификатором. -. Вход на сайта /h3. Пожалуйста, введите ваши данные. /p. Тэг form обязательно имеет атрибут action. Если URL экшна не известен ставим #. У каждого тега form должен быть айдишник, который будет основой для айдишников элементов формы. -. Form row form row email". Form cell form cell 1". Ваша эл. почта /label. Form cell form cell 2". Который ...

docs.oggy.co

Настройки редактора для HTML/CSS/JS — OggettoWeb

http://docs.oggy.co/docs/htmlcss/editor_settings.html

Настройки редактора для HTML/CSS/JS. Для отступов используется 4 пробела. Рекомендуемая длина строки 80 символов. Максимальная длина строки в js и css 120 символов. В html можно и растянуть, если так будет удобнее. PHP-код внутри html-файла нужно обрамлять таким образом:. Php /* . */? Сокращенная запись не допустима. Должен быт установлен в обязательном порядке. Этот плагин используется для сокращенной записи html-блоков и css-свойств. К примеру код:. Comments powered by Disqus.

docs.oggy.co

Поддержка браузеров — OggettoWeb

http://docs.oggy.co/docs/htmlcss/browsers.html

Последние версии Firefox, Internet Explorer, Safari, Chrome, Opera (от 15, которая уже на Вебките). Возможны некоторые упрощения дизайна и функционала, не мешающие процессу работы с сайтом:. IE9 и предыдущие версии современных браузеров. Поддерживаются только базовые возможности:. IE8, старые версии остальных браузеров, дефолтные браузеры для мобильников и планшетов iOS/Android последних версий. Очень старые браузеры, IE7 и ниже, текстовые браузеры. Comments powered by Disqus.

docs.oggy.co

Стиль PHP-кода — OggettoWeb

http://docs.oggy.co/docs/php/code_style/index.html

Чеклист для проведения код-ревью. Comments powered by Disqus.

docs.oggy.co

Принципы проектирования интерфейсов — OggettoWeb

http://docs.oggy.co/docs/interfaces.html

Этот документ можно использовать как чек-лист для проверки интерфейсов. Зависимость от размера и расстояния Фаза замедления, бесконечная ширина сторон монитора и еще более бесконечные углы. Стороны и углы не работают на веб-сайтах. Разве что психологически. Меню Мака (яблоко), пуск и свернуть рабочий стол на винде. Меню МакОси всегда сверху легче попасть. Табы в заголовке окна раньше были под строкой. Вертикальный список ссылок (расстояние, область наведения и обратная связь). Кнопки в диалоге Мака.

otestujweb.cz

Uživatelské testování pro každého

http://www.otestujweb.cz/2013/05/co-vse-lze-testovat.html

I don´t care if you like it! I want to know, if you understand it. Antoine de Saint Exupéry. Pak máte čas otestovat svůj web! 8212; Mohlo by vás zajímat. Úterý 21. května 2013. Co vše můžete otestovat a kdy je na to vhodný čas. Opakování matkou moudrosti, takže . co je uživatelské testování? Soubor technik, díky kterým zjistíte, jak lidé používají váš web. Díky analytickým nástrojům zjistíte, co se na vašem webu děje. Díky uživatelskému testování zjistíte, proč a jak se to děje. Jednoduchou skicu vašeho ...