/ author
CTRL + SHIFT + I — открытие панели с инструментами разработчика.
CTRL + SHIFT + F — поиск во всех загруженных на странице файлах:
CTRL + G — переход к указанной строке:
Если ввести в консоли document.designMode = 'on', активируется возможность редактировать элементы страницы, имеющие текстовой контент:
Введя $0 в консоли, вы получите ссылку на выделенную в панели элементов DOM ноду. Если вы используете jQuery, то для получения ссылки можно ввести jQuery($0):
В редакторе стилей можно кликнуть по образцу цвета и появится окно выбора цвета. Когда это окно открыто указатель мыши превращается в увеличительную лупу выбора цвета на странице:
Симуляция различных состояний DOM элемента (:hover, :focus, :visited):
Интересные материалы по работе с Chrome DevTools:
/ author
Imagick является встроенным php-расширением для создания и изменения изображений используя API ImageMagick (примеры).
Простые методы:
|
|
$image = new \Imagick('image.jpg'); $image->flopImage(); // зеркалировать изображение $image->flipImage(); // перевернуть // Управление яркостью, насыщенностью и оттенком (все параметры могут принимать значения от 0 до 200, значение по умолчанию 100). $brightness = 100; $saturation = 100; $hue = 100; $image->modulateImage($brightness , $saturation, $hue); $image->brightnessContrastImage($brightness, 0); // яркость (от -100 до 100) $image->sharpenImage(0, $sharpen); // резкость (изменять значение рекомендую, используя шаг = 0.1) $image->resizeImage($newWidth, $newHeight, Imagick::FILTER_LANCZOS, 1); // ресайз $image->cropImage($cropWidth, $cropHeight, $cropX, $cropY); // кроп |
(далее…)
/ author
Пример использования: если у вас в интернет-магазине цены в админке указываются в долларах/евро, а выводить нужно в рублях.
В functions.php вашего шаблона или в файл плагина необходимо добавить такой код:
|
|
add_filter('woocommerce_get_regular_price', 'customPrice'); // Изменяем обычную цену add_filter('woocommerce_get_sale_price', 'customPrice'); // Изменяем цену со скидкой add_filter('woocommerce_get_price', 'customPrice'); // Изменяем цену add_filter('woocommerce_variation_prices_sale_price', 'customPrice'); // Изменяем цену со скидкой у вариативных товаров add_filter('woocommerce_variation_prices_regular_price', 'customPrice'); // Изменяем обычную цену у вариативных товаров add_filter('woocommerce_variation_prices_price', 'customPrice'); // Изменяем цену у вариативного товара function customPrice($price) { $rate = 70; // Курс валюты $price = $price * $rate; return $price; } |
Как конвертировать цены у товаров, имеющих заданный тег:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
add_filter('woocommerce_get_regular_price', 'customPrice', 10, 2); // Изменяем обычную цену add_filter('woocommerce_get_sale_price', 'customPrice', 10, 2); // Изменяем цену со скидкой add_filter('woocommerce_get_price', 'customPrice', 10, 2); // Изменяем цену add_filter('woocommerce_variation_prices_sale_price', 'customPrice', 10, 2); // Изменяем цену со скидкой у вариативных товаров add_filter('woocommerce_variation_prices_regular_price', 'customPrice', 10, 2); // Изменяем обычную цену у вариативных товаров add_filter('woocommerce_variation_prices_price', 'customPrice', 10, 2); // Изменяем цену у вариативного товара function customPrice($price, $product) { // Конвертируем цены только у товаров имеющих тег 'usd' if (has_term('usd', 'product_tag', $product->id)) { $rate = 70; // Курс валюты $price = $price * $rate; } return $price; } |
/ author
Для вывода новостей на страницах в DLE используются пользовательские шаблоны, подключаемые с помощью тега {custom …}. В этих шаблонах есть доступ только к краткой версии новости {short-story} и к изображениям-миниатюрам из полной новости.
Но иногда при выводе новостей на страницах сайта необходимо вывести полную новость или изображение из этой новости.
(далее…)
/ author
При разработке одного веб-приложения с использованием jQuery заказчик заметил, что часть функционала не работает на iPad/iPhone. В частности не срабатывало событие «click».
Сперва гугл привел на хабрахабр и stackoverflow, где предлагалось одно и тоже решение — использование события «touchstart» на iPad вместо «click»:
|
|
var ua = navigator.userAgent, event = (ua.match(/iPad/i)) ? "touchstart" : "click"; $("#theElement").bind(event, function() { // jquery code } |
но при использовании этого решения невозможно было пользоваться прокруткой.
Спустя некоторое время удалось найти правильное и очень простое решение. Оказалось, что для нормальной работы события click на iOS элементы, не являющиеся ссылками, на которые навешивается обработчик события click, должны иметь атрибут «onClick» (его значение может быть пустым)
|
|
<span onClick="" id="theElement"></span> |
Второй вариант — добавить в css свойство cursor со значением pointer
|
|
span#theElement { cursor: pointer; } |