Как отключить очистку кода в TinyMCE для MODx Необходимо отредактировать /core/components/tinymce/templates/script.tpl: Tiny.config = <?php echo $this->modx->toJSON($this->properties); ?>; Tiny.config.valid_elements = '*[*]'; //отключаем фильтр как в случае "verify_html : false" После перезагрузки менеджера, теги перестают обрезатся. Взято отсюда

Итак у нас есть система со всеми редакторами. Теперь можно усилить их плагинами (расширениями, пакетами). Расмотрим основные пакеты для Sublime Text 3: Для написания кода Emmet (ранее известный как Zen Coding) — это инстремент веб-разработчика, который может существенно улучшить ваш HTML & CSS алгоритм работы. Подробнее на сайте http://emmet.io SublimeLinter — интерактивный отладчик кода. Инструкции по установке лежат здесь и для каждого языка нужен свой плагин, список тут. scsslint & jshint в особенности полезны. ...

Условно разделил их на несколько типов. Голова, Железо, Операционная система, Браузеры, Редакторы, Плагины (расширения), Другие инструменты. Голова Раз это умственный труд, то для работы нам понадобятся мозги. А мозги мы развиваем прочтением книг, блогов, просмотром курсов, уроков, изучаем английский язык на курсах, посещаем конференции по веб-разработке, выступаем на них, пишем полезные статьи, ведём блоги, влоги на ютьюбе, создаём группы в фейсбуке, вконтакте по интересам, в общем веселимся как можем. Главные три условия для успешной работы (если вы ещё их не выполнили): ...

Недавно я начал использовать Brackets в качестве основного редактора кода и скажу вам — он очень классный. Он создан компанией Adobe и является опенсорс проектом. У редакторе огромное сообщество, которое постоянно разрабатывает всякие полезные дополнения еженедельно и постоянно происходит обновление существующих расширений. Я приведу ниже список наиболее используемых мной расширений (без некоторых из них я просто не смог бы жить :). Пакеты для Brackets редактора Brackets Sass — компилирует SASS .sass/.scss файлы при их изменении. Обновляет стили используя Live Preview. Экспериментальная поддержка Quick Edit. ...

По вопросам разработки сайтов на MODX Revolution можно связаться со мной по телефону: +38 (093) 99 55 272 или ** Написать письмо viktorminator@gmail.com ** Написать в скайп viktorminator По всем другим вопросам, в том числе оказания консультаций и решения проблем есть система комментариев и соцгруппа вконтакте (см. футер)

Каждую неделю меня спрашивают: Как получить поля родителя в MODX Revolution. Есть несколько способов, давайте рассмотрим несколько приёмов. 1. Сниппет getResourceField устанавливаем из репозитория минимальный вызов: [[getResourceField]] Параметры сниппета getResourceField Название Описание По-умолчанию id ИД ресурса для получения поля. $modx->resource->get(‘id’) field Поле или ТВ, которое нужно получить. pagetitle isTV Когда значение 1 или true, то подразумевается, что поле - это ТВ. false processTV Когда значение 1 или true, то ТВ будет обработана согласно настройкам вывода. ...

WebDEVTools WebDEVTools содержит несколько инструментов для веб-разработчиков. Простая системная информация (сеть, платформа, память) Просмотр EXIF Кодирование-декодирование текста Url парсер / построитель улучшение вида JSON улучшение вида XML & HTML Преобразование изображения (файла) в DataURI (base64 кодировка) Website Code Generators На самом деле это просто ссылка на сайт, где вы можете сгенерировать необходимый код. Генерация CSS3, HTML5, микроданных и многого другого. Живой предспросмотр делает легче использование. Скопируйте код на ваш сайт. ...

В этом посте пойдёт речь о процессах и используемых инструментах для создания SVG спрайтов в студии Liquid Light. Создание и поддержка больших SVG спрайтов может быть сложным делом и времязатратным. Поэтому мы решили автоматизировать процесс. И вместо использования одного большого SVG спрайта и отслеживания координат каждой иконки индивидуально, мы бы хотели иметь возможность редактировать каждую иконку и создавать и размещать сгенерированные иконки автоматически. На практике это значит, что нам нужно сложить все наши SVG иконки в папку и будет создан SVG спрайт (и PNG резерв для IE8) и оптимизирован автоматически вместе с Sass картой или именами и скоординирован. Используя Sass миксины, мы далее сможем включать наши спрайты используя маленькие куски кода: ...

Давайте рассмотрим инструмент для Front-end разработчиков - BrowserSync. Будем использовать его вместе с Gulp.js. Для чего нужен BrowserSync: активной синхронизации - вы прокручиваете, кликаете, обновляете и заполняете формы в различных тестируемых браузерах одновременно; синхронизация кода - браузеры автоматически обновляются с каждым изменением вашего HTML, CSS, изображений и других файлов проекта; легкой интеграции с исполнителями задач, можете использовать существующие Grunt плагины или написать свой; поддержки браузеров - немедленная синхронизация между десктоп, таблет ПК или телефоном, отлично подходит для отзывчивого дизайна; независимый бек-энд - можно использовать с веб-сайтами, которые работают на PHP, ASP, Rails и остальном, а также для просто статических сайтов. запускается везде - построен на Node.js и работает в Windows, MacOS и Linux. Установка меньше, чем за 5 минут. BrowserSync + Gulp.js Нет никакого официального плагина BrowserSync для Gulp, просто потому что он не нужен! Вы просто требуете require модуль и всё, можно использовать API и конфигурировать его с помощью опций. Дальше представлены несколько общих случаев использования, подсмотренных в таких популярных проектах, как Google’s web starter kit и многих других. ...

Откладывайте Grunt в сторону, у нас появился новый исполнитель задач. Gulp - это интуитивная, код-над-конфигурацией, потоковая система сборки. Это факт. Почему мне должно быть интересно? Хороший вопрос. Gulp’s код-над-конфигурацией делает не только лёгким написание задач, но его также легче читать и поддерживать. Gulp использует node.js потоки, что делает быстрее сборку, так как не нужно писать на диск временные папки и файлы. Если вы хотите узнать подробнее о потоках - можете почитать —эту статью. Gulp позволяет вам вводить ваши файл(ы) источники, прокачивать их через множество плагинов и получать вывод в конце, вместо конфигурирования каждого плагина с входом и выходом как в Grunt. Давайте взглянем на характерный пример построения базового Sass в Grunt и в gulp: ...