.
МЕСТО ПОД РЕКЛАМУ
18 Апрель 2020

Как передать массив из PHP в Javascript


[script]
var obj = [? echo json_encode($php_variable); ?];
[/script]

(вместо квадратных скобок — ставим <>)
В переменной $php_variable может быть любой PHP массив.

рубрики: Javascript | Комментарии (0)

20 Март 2020

Input для телефона с флагом, кодом страны, валидацией и maskedinput

Для реализации задуманного я выбрал плагин intl-tel-input
Вроде всё в нём замечательно, кроме отсутствия очевидно необходимого maskedinput — то есть в поле для ввода телефона, скрипт спокойно даёт вводить буквы и прочую ересь.
Для решения этой задачи я выбрал jquery плагин maskedinput

А вот с реализацией объединения оказалось не всё так тривиально, но и тут мне повезло — нашел готовое решение на блоге похожем по типу изложения с моим — сисадмин, программист потихонечку ведёт блог о том с чем сталкивается по жизни 🙂

То что получилось можно посмотреть тут

рубрики: Javascript - JQuery | Комментарии (0)

3 Март 2020

Javascript автоматизация работы с сайтом в консоли браузера

Столкнувшись с проблемой чистки ящика Яндекс.Почты нашел интересную статью, в которой предлагалось автоматизировать работу с ящиком открыв консоль и вызвав там самописную стороннюю фукнцию, выполнявшуюся в бесконечном цикле!

Идея работы с реальным контентом сайта самописным кодом, да ещё в бесконечном цикле мне очень понравилась, пока не знаю где применю — но однозначно в закладки!!!

(function(){
Console.log(‘тут мутим с селекторами — чекаем удаляем и т.д. и т.п.’);
setTimeout(arguments.callee,5000);
})();

Код автора, для удаления писем. Уже не актуальный — Яша видимо вёрстку сменил, но смысл ясен — пометили письма, нажали удалить и так в цикле!

(function(){
$('.block-messages-list-box.b-layout__first-pane input[type=checkbox]:not(:first)').trigger('click').trigger('click');
$('a.b-toolbar__item.b-toolbar__item_delete.daria-action').click();
setTimeout(arguments.callee,5000);
})();

рубрики: Javascript, Javascript - JQuery, Лайфхак, Полезности | Комментарии (0)

2 Март 2020

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 одноимённый с классом содержащим контент.

Рабочий код с минимальной стилизацией — ссылка.

рубрики: Javascript - JQuery, Полезности | Комментарии (0)

27 Февраль 2020

Как быстро и просто вставить SVG иконки на сайт?

Продолжаю ковыряться в методиках современной вёрстки, сегодня нашел отличный ролик на тему работы с SVG иконками.
Собственно ролик https://www.youtube.com/watch?v=R2YC3SrTYHk

Если в 2х словах о технологии — необходимые иконки загружаются в онлайн сервис https://icomoon.io/
(жмякаем в правом верхнем углу по ссылке IcoMoonApp)
(кстати там тоже есть хорошая библиотека, например я именно там и взял бесплатные иконки)
Всё — загрузили, или выбрали необходимые иконки — жмём загрузить шрифт и вуаля — скачиваем архив с необходимым веб-фонтом и html файликом с демонстрацией подключения и использования.
Если окошко IcoMoonApp сразу не закрывать — можно удобно копировать код нужных элементом для вставки в проект.

Очень круто и очень быстро и просто!



рубрики: Вёрстка, Лайфхак, Полезности | Комментарии (0)

25 Февраль 2020

Возможно ли быстрое саморазвитие?

Если Вы более конкретный и прямолинейный человек и понимаете, что Ваше вектор развития вполне конкретен — например Вы видите себя программистом, то для Вас больше подойдут конкретная техническая литература, а лучше курсы — тогда рекомендуем Вам посетить сайт webshake.ru где Вы найдёте массу интересных курсов, например https://webshake.ru/kurs-php-dlya-nachinayushih — курс по PHP для начинающих.

Нет ни малейших сомнений в том, что используя в своей деятельности такие практики как позитивное мышление, самосовершенствование и духовный рост, большинство людей жаждет получить от них достаточно быструю отдачу. При этом рассуждения homo sapiens обычно сводятся к тому, что минутные сеансы, связанные с мысленным абстрагированием, просмотром видеоряда или прослушиванием развивающих аудиозаписей, могут чудодейственным образом повлиять на их жизнь.

Но можно ли, спросите Вы, достичь подобных результатов в такой короткий срок?
Читать полностью »

рубрики: Размышления, Реклама | Комментарии (0)

25 Февраль 2020

Лайфхак — как быстро почистить почту GMail

С некоторых пор гугл начал ругаться на заканчивающееся свободное место и предлагать приобрести дополнительное и как оказалось все 15 гигабайт у меня забиты именно почтой, которую я тотально не чистил ещё ни разу.
Первое что пришло в голову — удалить письма с объёмными вложениями, проще говоря самые тяжелые письма
Запрос в gmail larger:10M помог мне найти письма более 10 мегабайт, но после их удаления особо легче не стало:(
А вот чистка автоматически отсортированных писем по Категориями — Соцсети, Оповещения, Форумы, Промоакции лично мне очень круто почистили почту — убил более 40 тысяч писем, освободил 40% общего объёма дисковой ёмкости.

PS
Конечно же не забываем почистить Спам и сделать чистку корзины после удаления в кагориях.



рубрики: SEO | Комментарии (0)

20 Февраль 2020

Технологии современной вёрстки pug + gulp + sass + sublime text + emmet

Последнее время совершенно нет времени даже на пост в блоге — помимо текущей работы погрузился в технологии современной вёрстки.
Собственно, случайно наткнулся на видео FrontCoder-a Современная верстка сайта с нуля и понеслось …
Информации для переваривания ОЧЕНЬ много, и вся на вес золота!
Одно дело изучать сухую теорию, другое дело видеть своими глазами непосредственно процессинг, причём не только вёрстка но и описание работы рабочих инструментов веб-программиста, а так же информация по их установке и настройке.
Так же автор даёт скачать свой рабочий настроенный шаблон для связки gulp + pug + sass
Если кратко gulp — инструмент для работы с проектом (автообновление в браузере, поддержка препроцессоров pug sass less slylus и других). Непосредственно для кодинга я пока остановился на sublime text т.к. с VS Code я постоянно сталкивался с неудобствами, последнее что выбило — кривое подключение emmet.

Собственно, для начинающих веб программистов настоятельно рекомендую канал FrontCoder-a, а так же его группу ВКонтакте https://vk.com/frontcoder

Так же случайно натыкал на курсы htmlacademy — пример https://htmlacademy.ru/courses/44/run/18
Немного теории без воды + сразу же практическая часть = идеально для начального обучения (отлично подойдёт совсем совсем для новичков)

PS
Мне ещё с GIT ом нужно подружиться, всё руки не доходят, да особой необходимости пока нет…

PPS
Внимание — шаблон для видео «Современная верстка сайта с нуля» разработанный на gulp3 для современной версии node.js и не подходит

рубрики: Вёрстка, Сайтостроение | Комментарии (0)

31 Январь 2020

Установка сертификата для 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)

Уже всяко разно перепробовал, всё перепроверил — нихрена!
Ну, что — думаю нужно как то проверить валидность этих двух файлов, а точнее проверить их на совместимость.

Быстренько загуглил и вот решение:

openssl x509 -noout -text -in [path of public key]
openssl rsa -noout -text -in [path of private key]

Если поля «MODULUS» и «PUBLIC EXPONENT» совпадают для каждого из ключей, то и сами ключи соответствуют паре.

В случае, если поля не совпадают, вероятнее всего, Вы используете неверный приватный ключ.
Решений здесь может быть несколько, вот, некоторые из них:
1. Попробовать найти верный приватный ключ и повторить попытку;
2. Сгенерировать новый CSR запрос с новым приватным ключом и отправить запрос на перевыпуск сертификата.

После выявления несоответствия обратился к заказчику и выяснилось, что у него оказывается два ключевых файла!
Почему я так и не понял — что он там натыкал и как, но второй конечно же подошел и всё завелось!

минус два часа рабочего времени из за косорукости заказчика 🙁

рубрики: NIX, Администрирование | Комментарии (0)

30 Январь 2020

JQuery — как проверить существование элемента

Работая над заданием по ускорению работы сайта пришлось покопаться в чужом коде, где выявил довольно много косяков — которые решил пофиксить, вот один из них:
common.js подгружается в шаблоне для всех страниц сайта, и соответственно все элементы с которыми происходит работа в этом файле должны присутствовать на странице — иначе в консоль выводятся разные сообщения об ошибках
В идеале нужно вынести работу с такими элементами в отдельный файл, найти именно те страницы и подключать этот файл именно на них.

Но это долго и муторно, к тому же такого задания мне не ставили.
Как быстрое решение — просто добавить дополнительную проверку на существование элемента — решение.

// Способ первый - стандартный:
if($("#findID").length>0) {
// exists
}
//еще проще:
if($("#findID").length) {
// exists
}
// Еще вариант:
if($('#findID')[0]) {
// exists
}
// Способ второй - удобный (создадим пользовательскую функцию exists() ):
// Один раз объявляем функцию, потом используем так, как в примере
jQuery.fn.exists = function() {
return $(this).length;
}
// Пример использования:
if($("#findID").exists()) {
// exists
}
// Можно и так:
jQuery.exists = function(selector) {
return ($(selector).length > 0);
}
// Пример использования:
if ($.exists(selector)) {
// exists
}

рубрики: Javascript - JQuery | Комментарии (0)

Яндекс.Метрика