Jump to content

Blogs

Заметки на полях...
 

Адаптивное YouTube видео с iframe.

HTML: <div id="video"> <div class="videoWrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/Zph3K-----" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe> </div> </div>   CSS: #video { max-width: 560px; margin: 0 auto; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .vide
ibond

ibond

15
Прожектор Бритни Спирс
 

Хостинг VS VPS

Если пройтись поиском по форуму - тем, почему VPS лучше чем хостинг - будет вагон и маленькая тележка. Давайте попробуем обобщить и разобраться почему свой сервер практически всегда лучше виртуального хостинга.    Возможности  Хостинг   VPS   Тонкая кастомизированная настройка веб сервера (nginx+php-fpm) - +  Возможность масштабироваться здесь и сейчас при возникновении таковой необ
Yoda

Yoda

0
Прожектор Бритни Спирс
Враги PageSpeed

Враги PageSpeed

Как вы знаете, я давно и успешно борюсь с медленными магазинами. Мы научились делать магазины с миллионом товаров, научились выгружать в яндекс-маркет несколько миллионов товарных предложений, научились держать 1.5-2к онлайна посетителей без единого разрыва. Сделали поиск, который умеет искать iphone-7 iphone7 и айфон7 и понимает разницу между iphone7 и iphone-8. И в процессе всех этих наработок как-то вот очень мимо меня проходил вопрос улучшения оценки под новый алгоритм pageSpeed
Yoda

Yoda

16
Прожектор Бритни Спирс
 

Встреча в Москве сегодня #(платно).

В силу некоторых обстоятельств. Буду в златоглавой. Есть два часа свободного времени и место для meetup. С 15:00 по 17:00по Москве в районе Курского вокзала. Желающие конструктивно пообщаться, набить мне рожу, заказать оптимизацию пишите в личку.  Цена билета 2000 рублей.
Yoda

Yoda

5
Задачи, идеи, решения.
 

Поиск по номеру телефона

Вариант поиска для тех, у кого нет форматирования телефонов перед добавлением их в базу. Можно искать как заказы, так и покупателей, или чего-угодно, где есть это поле.   Пример для поиска заказов if (!empty($data['filter_telephone'])) { $telephone = preg_replace('/\D+/', '', $data['filter_telephone']); $sql .= " AND (TRIM(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(o.telephone, ' ', ''), '(', ''), ')', ''), '-', ''), '/', ''), '+', '')) LIKE '%" . $this->db->es
SooR

SooR

0
О программировании и другом
Интересная загадка

Интересная загадка

Вы хотите послать своей любимой посылку с бриллиантовым колье. При этом единственный способ — воспользоваться почтой. Можно повесить на посылку любое количество замков. Допустим, открыть замок без ключа никто не может, как и вскрыть посылку. Но вы ни при каких обстоятельствах не хотите рисковать и посылать по почте ключи. Как вам быть абсолютно уверенным, что ваша любимая получит подарок (и сможет открыть посылку)?   Напишите свой ответ в комментариях.
smartcoder

smartcoder

11
О программировании и другом
Как составить ТЗ для программиста?

Как составить ТЗ для программиста?

Что такое ТЗ? Техническое задание - это документ, который служит для описание того, что заказчик хочет получить в конечном виде. Техническое задание, как правило, прилагается к основному договору и включает полный перечень работ обязательного выполнения.   Зачем нужно техническое задание? Любые разработки должны сопровождаться техническим заданием. Вы скажите, это формальности для чего они нужны, достаточно сплошным текстом написать и все и так поймут. К большому разочар
smartcoder

smartcoder

18
Задачи, идеи, решения.
 

Простое подключение элементов формы

Пишете модули с большими формами настроек и заколебались копипастить их элементы? Для себя нашел простое и правильное (на мой взгляд) решение, которое не требует говнокодить шаблонами в php.   Шаблон необходимого элемента. Например, это типичный флаг конфига (1/0). admin/view/template/extension/module/my_module_pro_control_bool.tpl <?php if ($true) { ?> <label class="btn btn-default active"> <input type="radio" name="<?php echo $name; ?>" value="1"
SooR

SooR

0
Задачи, идеи, решения.
 

JS Tricks

#1 Управляем классами элемента по hover'у $('body').on('mouseenter mouseleave', '[data-hover-class]', function(e) { var $this = $(this), $target = $this, rules = $this.attr('data-hover-class').split(' '), over = (e.type == 'mouseenter'); if ($this.attr('data-target')) { $target = $this.find($this.attr('data-target')); } rules.map(function(rule) { if (rule.charAt(0) == '+') { $target.toggleClass(rule.substring(1), over); } else if (rule.charAt(0) == '-') { $t
SooR

SooR

3
ocdroid blog
Opencart - Android - JSON - получаем список товаров в приложении

Opencart - Android - JSON - получаем список товаров в приложении

Всем привет!   Сегодня мы разберем получение товаров из категории Opencart в Android-приложение через JSON. Для начала не будем использовать сторонние библиотеки, а сделаем все нативным образом, чтобы ознакомиться с базовыми принципами обмена данными. Итак, поехали   Сперва нужно определить выдачу массива товаров в JSON-объект из магазина. Открываем catalog/controller/product/category.php И в цикле выдачи данных для товаров добавляем свои запросы. Перед $data['p
ocdroid

ocdroid

13
О программировании и другом
Выигрыш в Лотерее, реально ли?

Выигрыш в Лотерее, реально ли?

Испытываем теорию вероятности на деле.   В последнее время живу в Италии и тут популярны очень лотереи. Не сказать, что все люди помешаны на лотерее, возможно это я просто азартный. Вообще проводятся разные лотереи 3 раза в неделю. Была в начале января самая  главная лотерея - "Лотерея Италия", которая проводится раз в год. Я указал цифры в случайном порядке, к сожалению на новый год не удалось выиграть приз.   Я задумался с математической точки зрения, какие могут выпасть ц
smartcoder

smartcoder

15
Задачи, идеи, решения.
 

BS #1

За месяц использования Bootstrap 4 накопилось немного фиксов и решений. Публикую как минимум для себя, в текстовиках уже надоело хранить.   1. Упрощенная реализация валидации форм на JQ $('body').on('submit', 'form.needs-validation', function(e) { if (this.checkValidity() === false) { e.preventDefault(); e.stopPropagation(); } $(this).addClass('was-validated'); }); 2. Инициализация Popover с возможностью указания контейнера границ и контента $('[data-togg
SooR

SooR

5
Konorws (Разработка и модификация Opencart)
 

Redirect с POST данными

Всем привет. Это буде короткая запись но очень полезная. Тема данной публикации: Как сделать redirect в PHP и отправить POST данные.    Кто сталкивался тот знает в чем проблема. Давайте посмотрим основные варианты которые предлагают на форумах.   1) Создать форму и отправить ее. Суть заключается в том что бы на лету сгенерировать html форму и отправить ее.  Пример кода function redirect_post($url, array $data) { ?> <html xmlns="http://www.w3.org/1999/x
konorws

konorws

1
Прожектор Бритни Спирс
 

Как сделать нагруженный скрипт, не отъедая память у клиентов и не покупая сервер как в Пентагоне.

Господа, все мы сталкиваемся с ситуацией, когда необходимо сформировать большой набор данных, сайтмап, yandex-market фид, и любая подобная задача, требует всегда очень много ресурсов.  Большинство авторов таких дополнений слыхом не слыхивали ни про CLI-PHP, ни про возможность органично выделять ресурсы исключительно под собственные скрипты, не затрагивая общие настройки сервера. Про то, как делать CLI скрипты, я расскажу позднее, а сейчас поговорим про лимиты памяти, и почему нельзя пахаб
Yoda

Yoda

3
Useful IT
 

Полезное для разработчика.

Полезное:      1) Рефакторинг и Паттерны проектирования       Безопасность:      1) Проверка подлинности модуля или шаблона.       Самоорганизация:      1) Доска задач       Шпаргалки:      1) jquery карта функций.      2) Могу ли я использовать.        Сервисы:      1) Конструктор и библиотека регулярок.      2) Оффлайн шпаргалка по регуляркам.       Оптимизация:      1) Сжатие изображений.      
Sha

Sha

5
Прожектор Бритни Спирс
Улучшаем GooglePageSpeed | ImageCompressor своими руками за пять минут и общие советы по приведению изображений в порядок.

Улучшаем GooglePageSpeed | ImageCompressor своими руками за пять минут и общие советы по приведению изображений в порядок.

Как говорит народная мудрость - не все то золото, что блестит. В нашем деле, я бы сказал, не каждый шаблон продающий, который продающий. Но мы не про шаблоны, а про оптимизацию изображений.   Как вы все уже знаете, Гугл обновил алгоритм оценки скорости работы сайтов и начал учитывать  массу новых факторов, и повысил требование к старым. Одним из наиболее важных критериев оценки является размер, количество и вес изображений. Одним из способов облегчить этот процесс являет
Yoda

Yoda

14
Записная книжка
 

SEO | Скорость и ранжирования в 2018

Интересная статейка, особенно тех кто думает что СЕО это магия, а оптимизация только для одаренных ... Скорость загрузки мобильных страниц будет влиять на их рейтинг в поиске Обновление о скорости загрузки мобильных страниц вступает в силу для всех пользователей.   Google уже учитывает этот критерий при ранжировании веб-страниц, но только предназначенных для обычных компьютеров. С июля 2018 г. позиция мобильного сайта в результатах поиска также будет зависеть от того, с
ArtemPitov

ArtemPitov

1
Модули которые сделают сайт лучше
 

Мой опыт использования модулей в интернет-магазине

Хочу поделится свои опытом реализации интернет-магазина на движке ocStore со стандартным шаблоном и рассказать какие модули я использовал чтобы улучшить взаимодействие покупателей с сайтом.   После установки самого движка и первоначальной настройки: валют, локации, описания магазина и так далее, я установил модуль “SEO CMS TOP 2: Блог | Новости | Отзывы | Галерея | Формы”. Это модуль я настроил на отображение новостей сайта и отзывов к товарам, кстати, при написании отзывов к товару ес
piklas

piklas

0
Записная книжка
Передача переменных с php/tpl в js

Передача переменных с php/tpl в js

Простой вариант реализация гетера   Для начала упаковываем все нужные данные в переменную   $data['data'] = .... Дальше берем div и делаем следующее  <div id="var" class="hidden" data-var="<?= base64_encode(json_encode($data)); ?>"></div> Потом пишем "проксю" на jquery let data = JSON.parse(window.atob($("#var").data('var'))); let proxy = new Proxy({}, { get(target, name) { return typeof data[name] !== undefined ? data[name] : false; }
ArtemPitov

ArtemPitov

2
Записная книжка
Lazy Load на ванильном JavaScript

Lazy Load на ванильном JavaScript

JS class APLazy { constructor (lazyClass) { if (typeof lazyClass === 'undefined') { this.lazyClass = 'APLazy'; } else { this.lazyClass = lazyClass; } this.lazyArray = []; } setLazy() { this.lazyArray = document.getElementsByClassName(this.lazyClass); } cleanLazy() { this.lazyArray = Array.prototype.filter.call(this.lazyArray, (l) => l.getAttribute('data-src')); } lazyLoad() { for (let element of this.lazyArray) { if (this.isInViewport(element)
ArtemPitov

ArtemPitov

0
Записная книжка
Подсказка внутри Input на jQuery

Подсказка внутри Input на jQuery

Простая реализация подсказки внутри input-a   Demo Название   HTML <div class="inputer"> <label>Название</label> <input type="text" name=""> </div> CSS .inputer { border: 1px solid #ddd; position: relative; display: block; width: 100%; max-width: 350px; border-radius: 4px; overflow: hidden; } .inputer label { position: absolute; top: 40%; left: 5px; opacity: 0; transition: all .1s linear; visibilit
ArtemPitov

ArtemPitov

2

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.

  I accept