-
Вставляем видео с ютуба на сайт адаптивно
На авторство не претендую, просто оставлю себе готовое решение, чтоб не искать потом по просторам сети Код фрейма оборачиваем блоком с классом video, размеры фрейма можно не указывать .video { position: relative; padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ height: 0; overflow: hidden; } .video iframe { position:…
-
windows 10 — после обновления драйверов пропал звук
Собственно, после обновления какого именно драйвера пропал звук я так и не понял, т.к. прошел все, которые могут отвечать за звук — нигде не было варианта откатить драйвер. Тем не менее после того, как свежеустановленной windows 10 подключаешь интернет, через некоторое время звук просто перестаёт работать. Причём в драйверах никаких ошибок, служба windows audio работает…
-
Javascript — cохранение и восстановление введённых значений при обновлении страницы
Работаем на странице с полями для ввода данных, например заполняем какую то анкету — случайно закрыли или завис браузер, или просто обновили страницу и херак — все введённые данные пропали 🙁 знакомая ситуация? думаю что да Для решения этой задачи на просторах родного рунета нарыл такой скриптик на нативном яваскрипте if (window.localStorage) { var elements…
-
Моментально отдаем файл с помощью PHP
Пост из разряда «закладка» Сразу сама функция по отдаче файлов function file_force_download($file) { if (file_exists($file)) { // сбрасываем буфер вывода PHP, чтобы избежать переполнения памяти выделенной под скрипт // если этого не сделать файл будет читаться в память полностью! if (ob_get_level()) { ob_end_clean(); } // заставляем браузер показать окно сохранения файла header(‘Content-Description: File Transfer’); header(‘Content-Type:…
-
Передача в PHP многомерного массива AJAX запросом
С многомерными массивами в javascript беда, а уж с передачей многомерного массива AJAX запросом — тем более. Не буду долго рассказывать о своих страданиях 🙂 сразу готовое, красивое решение data = new Object(); for (i = 0; i < games.length; i++) { data[‘games[‘ + i + ‘][name]’] = $(games[i]).find(‘.game-name’).val(); data[‘games[‘ + i + ‘][img]’] =…
-
Как передать массив из PHP в Javascript
[script] var obj = [? echo json_encode($php_variable); ?]; [/script] (вместо квадратных скобок — ставим ) В переменной $php_variable может быть любой PHP массив.
-
Input для телефона с флагом, кодом страны, валидацией и maskedinput
Для реализации задуманного я выбрал плагин intl-tel-input Вроде всё в нём замечательно, кроме отсутствия очевидно необходимого maskedinput — то есть в поле для ввода телефона, скрипт спокойно даёт вводить буквы и прочую ересь. Для решения этой задачи я выбрал jquery плагин maskedinput А вот с реализацией объединения оказалось не всё так тривиально, но и тут…
-
Javascript автоматизация работы с сайтом в консоли браузера
Столкнувшись с проблемой чистки ящика Яндекс.Почты нашел интересную статью, в которой предлагалось автоматизировать работу с ящиком открыв консоль и вызвав там самописную стороннюю фукнцию, выполнявшуюся в бесконечном цикле! Идея работы с реальным контентом сайта самописным кодом, да ещё в бесконечном цикле мне очень понравилась, пока не знаю где применю — но однозначно в закладки!!! (function(){…
-
JQuery tabs — как сделать простые табы (вкладки)
Не претендую на авторство, вырвал из видеоурока по вёрстке Очень простая реализация табов — буквально несколько строчек. $(«.tabs li»).click(function() { var tabName = $(this).attr(«data-tab-name»); $(this) .addClass(«active») .siblings() .removeClass(«active»); $(«.tab-content.» + tabName) .addClass(«active») .siblings() .removeClass(«active»); }); У лишек должен быть атрибут data-tab-name одноимённый с классом содержащим контент. Рабочий код с минимальной стилизацией — ссылка.
-
Как быстро и просто вставить SVG иконки на сайт?
Продолжаю ковыряться в методиках современной вёрстки, сегодня нашел отличный ролик на тему работы с SVG иконками. Собственно ролик https://www.youtube.com/watch?v=R2YC3SrTYHk Если в 2х словах о технологии — необходимые иконки загружаются в онлайн сервис https://icomoon.io/ (жмякаем в правом верхнем углу по ссылке IcoMoonApp) (кстати там тоже есть хорошая библиотека, например я именно там и взял бесплатные иконки)…
-
Возможно ли быстрое саморазвитие?
Если Вы более конкретный и прямолинейный человек и понимаете, что Ваше вектор развития вполне конкретен — например Вы видите себя программистом, то для Вас больше подойдут конкретная техническая литература, а лучше курсы — тогда рекомендуем Вам посетить сайт webshake.ru где Вы найдёте массу интересных курсов, например https://webshake.ru/kurs-php-dlya-nachinayushih — курс по PHP для начинающих. Нет ни малейших…
-
Лайфхак — как быстро почистить почту GMail
С некоторых пор гугл начал ругаться на заканчивающееся свободное место и предлагать приобрести дополнительное и как оказалось все 15 гигабайт у меня забиты именно почтой, которую я тотально не чистил ещё ни разу. Первое что пришло в голову — удалить письма с объёмными вложениями, проще говоря самые тяжелые письма Запрос в gmail larger:10M помог мне…
-
Технологии современной вёрстки pug + gulp + sass + sublime text + emmet
Последнее время совершенно нет времени даже на пост в блоге — помимо текущей работы погрузился в технологии современной вёрстки. Собственно, случайно наткнулся на видео FrontCoder-a Современная верстка сайта с нуля и понеслось … Информации для переваривания ОЧЕНЬ много, и вся на вес золота! Одно дело изучать сухую теорию, другое дело видеть своими глазами непосредственно процессинг,…
-
Установка сертификата для https — как проверить валидность ключевых файлов?
Итак — присылает клиент приватный ключевой файл и файлы сертификата (сам сертификат, корневой и промежуточный), задание — прикрутить к nginx и настроить https Делаю всё как обычно — нифига! nginx валит ошибку и всё тут, хоть убейся nginx: [emerg] SSL_CTX_use_PrivateKey(«/etc/nginx/ssl/site.key») failed (SSL: error:0B080074:x509 certificate routines:X509_check_private_key:key values mismatch) Уже всяко разно перепробовал, всё перепроверил — нихрена!…
-
JQuery — как проверить существование элемента
Работая над заданием по ускорению работы сайта пришлось покопаться в чужом коде, где выявил довольно много косяков — которые решил пофиксить, вот один из них: common.js подгружается в шаблоне для всех страниц сайта, и соответственно все элементы с которыми происходит работа в этом файле должны присутствовать на странице — иначе в консоль выводятся разные сообщения…
-
Как значительно ускорить скорость загрузки сайта
Скорость загрузки сайта была улучшена с 7.9 секунд до 1.45 секунды! Кому интересно — читаем 🙂 Преамбула — обратился ко мне клиент с просьбой ускорить загрузку сайта, т.к. ну уж очень медленно всё — более 7 секунд!!! на загрузку главной страницы изначальная версия главной (для тестирования обновляем страницу со сбросом кэша браузера) Реклама крутится —…
-
Как переоформить домен в онлайн режиме — без нотариуса и личного посещения офиса
Как известно для переоформления домена необходимо либо лично с паспортом приехать в офис и отдать заявление, либо это же заявление заверить у нотариуса. Ещё вариант — один раз отдать заявление в офис на безбумажные операции, далее уже можно передавать домены в онлайн режиме. Как же быть если в вашем городе (селе, деревне) нет офиса и…
-
VS Code — форматирование HTML кода в PHP файлах
Всем привет! Собственно, в качестве среды программирования поставил себе Visual Studio Code и начал потихоньку настраивать. Судя по отзывам — лёгкий, удобный, функциональный и главное — бесплатный! Для старта глянул видос от ITDoctor обзор редактора и начал осваивать. Первая проблема с которой я столкнулся это то, что редактор не форматирует html разметку в php файлах…
-
Битрикс — кракозябры вместо сайта админка не открывается
Сегодня обратился за помощью один из ранних клиентов — помогаю время от времени с сайтом на Битриксе. Собственно, в браузере при обращении к сайту выводит кракозябры, по внешнему виду очень напоминающие сжатый контент. Выглядит это так На форуме оф.сайта нашел подходящую ветку, информация в которой мне сильно помогла. Во первых сначала закоментил //ExecuteModuleEvent($arEvent) в /wwwroot/bitrix/modules/main/include.php…
-
Простые схемы мошенничества в Telderi
После нескольких дней изучения данной биржи сайтов, пришел к малоприятным выводам. Во-первых, что весьма естественно, биржа максимально лоббирует интересы продавца, т.к. имеет процент от успешно завершенной сделки. И даже в случае возврата средств снимает свой процент (что для меня вообще непонятно) — ситуация с searchengines.guru. Во вторых, биржа очень жадная — за свои посреднеческие услуги…