CodeLobster IDE — бесплатный редактор кода для веб-разработчиков

У любого программиста есть своя любимая IDE, которую он настроил под себя, и каждый день активно использует в работе. В этой статье я хочу рассмотреть редактор кода под веселым названием CodeLobster, которым удобно пользоваться без дополнительных настроек и плагинов. Достаточно скачать с официального сайта codelobster.com установщик, который весит всего 95 мб. Имеется поддержка всех популярных …

Из HTML в WordPress за 10 минут

Как бы сильно не казалось, что адаптация HTML под WP это что-то страшное и сложное, мы будем создавать тему на WordPress за 10 минут. На самом деле всё очень даже легко и никаких магических способностей в этом деле не потребуется. Всё что нужно это готовый HTML шаблон на руках. Бесплатный шаблон можно скачать здесь. Также …

Правильный файл .htaccess для CMS MODX Revolution

Такой файл .htaccess я обычно использую в своих проектах. RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_URI} ^(.+)/$ RewriteRule ^(.+)/$ /$1 [R=301,L] # cashe ExpiresDefault «access plus 1 year» ExpiresActive on ExpiresByType image/jpeg «access plus 7 day» ExpiresByType image/gif «access plus 7 day» ExpiresByType image/png «access plus 7 day» ExpiresDefault «access plus 1 year» …

Правильный файл robots.txt для CMS MODX Revolution

Такой файл robots.txt я обычно использую в своих проектах. User-agent: * Disallow: /assets/components/ Disallow: /core/ Disallow: /connectors/ Disallow: /index.php Disallow: /index.html Disallow: /index Disallow: *? Host: [[host]] Sitemap: https://[[host]]/sitemap.xml Если у вас нет SSL сертификата, то https замените на http.

Tickets: как сделать счетчик просмотров всех посетителей

Мой блог работает на компоненте Tickets. Соответственно всю информацию о тикете (количество просмотров, количество комментариев, рейтинг, дата публикации) — я вывожу через сниппет TicketMeta. Но по умолчанию этот сниппет считает количество просмотров только авторизованных пользователей, поэтому счетчик молодого блога постоянно находится на отметке 0, а это совсем не вдохновляет. Оказалось, что решить эту проблему очень …

MODX Shopkeeper 3 — проблема с плагином мультивалютности

Доброго времени суток! Недавно выполнял заказ на бирже фриланса. Кратко опишу суть задания. Есть интернет-магазин работающий на MODX Shopkeeper 3. Цена в карточке товара задаётся в долларах. Плагин мультивалютности конвертирует доллары в рубли. Происходит сие действие в сниппете shk_curr_rate. Проблема: При смене цены, — сниппет всё правильно пересчитывает по заданному курсу доллара. Но при смене …

MODX ➨ условия if-else

Модификатор Описание Пример использования if, input if — задает дополнительное условие input — добавляет в тег обратываемые данные [[*id:is=`1`:and:if=`[[*id]]`:ne=`2`:then=`da`:else=`net`]] or Объединение нескольких модификаторов связью ИЛИ [[*id:is=`5`:or:is=`6`:then=`номер 5 или 6`:else=`другое`]] and Объединение нескольких модификаторов связью И [[*id:is=`5`:or:is=`6`:then=`номер 5 или 6`:else=`другое`]] hide Скрывает элемент, если условие выполняется [[*id:lt=`1`:hide]] show Отображает элемент, если условие выполняется [[*id:gt=`0`:show]] then Используется …

Бесконечное сохранение ресурсов в MODX

Недавно возникла проблема в админке MODX при редактированиии и создании нового ресурса. При нажатии на кнопку «сохранить», — ресурс начинал бесконечно его сохранять и в консоли вываливались ошибки: Uncaught SyntaxError: Unexpected identifier at doDecode (ext-all.js:21) at Object.decode (ext-all.js:21) at Ext.form.Action.Submit.handleResponse (modx.jsgrps-min.js:1) at Ext.form.Action.Submit.processResponse (ext-all.js:21) at Ext.form.Action.Submit.success (ext-all.js:21) at o (ext-all.js:21) at Ext.data.Connection.s (ext-all.js:21) at HTMLIFrameElement.I …

Стилизация checkbox и radio

В этой статье мы научимся менять внешний вид checkbox или radio-кнопок без использования JavaScript. Ниже приведены примеры, которые можно в живую опробовать. Чтобы перенести примеры на свой сайт достаточно скопировать HTML разметку и CSS стилизацию. Пример 1: Checkbox синего цвета Нажмите HTML разметка CSS оформление .chekbox-two .checkbox{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none} .chekbox-two .checkbox > input[type=»checkbox»]{position:absolute;opacity:0;z-index:-1} .checkbox__icon{display:inline-block;color:#999} input[type=»checkbox»]:checked ~ .checkbox__icon{color:#2A7DEA} …

Учим HTML5 Canvas за 30 минут

Сегодня будет легкий, но классный урок. Мы познакомимся с HTML 5 Canvas. С помощью Canvas Вы сможете создавать интересные эффекты на странице, разрабатывать игры и полезные графические инструменты. При этом всем работа с HTML 5 Canvas осуществляется посредством языка программирования JavaScript, но там все очень просто. Его поддержка радует во всех смыслах, так как Canvas …