.
Место для Вашей рекламы
10 Сентябрь 2015

Просто находка webdesign-master.ru

Получив ТЗ на вёрстку PSD макета в кроссбраузерный адаптивный шаблон, и осознав свою отсталость в этом вопросе (верстал довольно давно, вручную, причём сугубо «дедовскими» методами в FAR-e с подсветкой синтаксиса — вот такой я «динозавр») решил почитать о современных подходах в данном вопросе…

Собственно, томить не буду — Видео BOOTSTRAP: Как создаются современные адаптивные сайты

зацепило сильно! отличное изложение материала, автор супер! рекомендую!

ну и как следствие — настройка «инструментов рабочего пространства» для удобства работы с фронтендом — Видео Настройка Sublime Text 3 для веб-разработки: LiveReload, плагины, фишки

Оба ролика подкреплены доходчивым описанием и рабочими ссылками!
В общем я под впечатлением! Подписался на рассылку, будет время — изучу весь старый материал!

Чего у меня получится с моим проектом — покажу по окончании вёрстки.

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

7 Июль 2015

Добавляем в шаблон блок Новости

Показалось мне, что шаблоны DD суховаты, например отсутствие блока Новостей не внушает доверие к магазину.
Сегодня, реализовал сей недостаток — Новости аптеки Препараты для мужчин
(пока только одна тестовая новость и в меню ещё не добавил)
Ещё на новости, детальную товара и статьи добавил шаред-панель, но чего то сомневаюсь, что такими ссылками серферы делится будут …

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

7 Июль 2015

Ресайзинг изображений на PHP img_resize

В продолжение предыдущего поста по оптимизации изображений …
Соответственно, если в коде имеем конструкцию img scr с указанием width — тут есть смысл проверить соответствие width и реального размера картинки, если реальный больше — нужно уменьшить и использовать уменьшенное!
Погуглив, сначала нашел такую библиотеку но прозрачный png она меняла на чёрный, а вот эта функция отработала корректно!

Результат можно глянуть, например на препарате Сиалис онлайн аптеки men-aptekar.ru
При переключении по тумбам раньше Furefox почему то косячил 🙁 — преобразованная браузером картинка отображалась безобразно

теперь ОК

ну и не забываем — чем меньше изображения, тем быстрее откроется страничка!

ОТБОЙ!
функция сохраняет на самом деле в jpg и что интересно — уменьшенная сохранённая jpg получается БОЛЬШЕ чем исходная оптимизированная png!
было png — нужно только уменьшить и сохранить так же ! копаем далее

рубрики: SEO, Полезности, Программирование, Сайтостроение | Комментарии (0)

26 Июнь 2015

Оптимизация изображений optipng

Итак, как следствие предыдущего поста — задача оптимизации png изображений (в моём случае).
Всё действо будем делать прямо на сервере, в моём случае под управлением centos.
1. Ставим optipng — yum install optipng
2. Пишем небольшой скрипт, перебирающий все картинки и запускающий optipng с максимальным сжатием
for i in `find -name '*.png'`; do
optipng -o7 $i
done

3. Запускаем его 🙂

вуаля — картинки оптимизированы

но есть одно небольшое (а может и большое) НО! — Гугл анализатор предлагает ещё изменить размер изображений!

Смотрим код — по факту в тегах либо css у многих изображений заданы параметры отображения width либо height — то есть изображения выводятся уменьшенными, а загружаются то целиком!
Соответственно — смысла в таком действии нет никакого, нужно уменьшать!
Но тут, к сожалению, как автоматизировать сей процесс я не придумал 🙁

рубрики: SEO, Администрирование, Полезности, Сайтостроение | Комментарии (1)

26 Июнь 2015

Инструмент web разработчика PageSpeed Insights

Открыл для себя PageSpeed Insights
Анализ страницы — рекомендации разработчику.
Полезная ИМХО штуковина!
Отдельно спасибо AVK за анализ интернет аптеки на форуме sbup.com

Нужно будет список подобных полезных инструментов составить и на отдельную страничку закрепить (задачка на будущее т.к. пока маловато будет).

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

18 Июнь 2015

Новый шаблон для РУ фармы

Да простят меня создатели интернет аптек серии novosibirsk.vip-apteka.org, но больно мне понравился их шаблон.
Решил я взять его на свой новый магазин за основу, адаптировав на движек партнерки Доктор Дик (на мой взгляд самая интересная по ру-фарме, ещё бы побольше курьеров по крупным городам — было бы супер).
Собственно, сегодня закончил первый вариант, готовый для показа.
Вот чего получилось -> novosibirsk.men-aptekar.ru
Более «аляписто» вышло, чем в оригинале — но ИМХО не переборщил … хотя конечно «на вкус и цвет …»

Мне как создателю, пока всё нравится — поэтому буду рад объективной критике!

Далее будет задачка поинтереснее — это поисковое продвижение по препаратам, и с учётом не любви Яндекса к линк-биржам тут нужно сильно позадуматься…
Региональная выдача довольно разношерстная (смотрел Новосибирск), тут и novosibirsk.vip-apteka.org с довольно скромным количеством бэков (да и не сказал бы, что очень качественных), и chudonovosibirsk.ru который вообще непонятно как двигается внешними факторами, и «старички» типа виагра-нск.рф с довольно приличным багажем в виде бэков …

рубрики: Партнерские програмы, Сайтостроение | Комментарии (0)

18 Март 2015

HTTPS для домена. Настраиваем подключение SSL сертификата в NGINX.

Новая задачка — клиент подключает на свой сайт Яндекс.Кассу, а там очень настойчиво рекомендуют для взаимодействия использовать шифрованный протокол https.
Ранее с https я лично не сталкивался (вернее сталкивался но только сугубо в роли пользователя)…
Собственно, живём в замечательную эру веб-технологий — нарыл пару отличных статеек (ссылки внизу).
Если в 2х словах — настраиваем nginx на 443 порт и на этом вроде бы всё — на https запрос сайт отвечает, динамику отдаёт, но нет!
При использовании сгенерированного собственноручно сертификата в разных браузерах получаем ругательные ошибки на соединение:

Mozilla Firefox «Это соединение является недоверенным»
1111

google chrome «ошибка нарушения конфиденциальности»
222

яндекс браузер «Сертификат сайта не является доверенным»,
333

opera «ошибочный сертификат»
444

Internet Exploret ЭОшибка в сертификате безопасности этого веб-узла.»
555

Ответ прост — всем им не понравился мой сертификат, и правильно, ведь я его сам и сделал.
Чтобы подобных предупреждений не было — сертификат нужно приобрести в авторизованных сертификационных центрах. Для шифрования и простой проверки домена (Domain Validation, DV) достаточно базового уровня — и такой сертификат можно получить бесплатно в StartSSL.

P.S.
Плюсом добавлю, что Гугл заявлял о том, что в скором времени защищённость соединения будет положительно учитываться в ранжиновании сайтов для поисковой выдачи.

На этом всё, подробнее в исходных статьях:
1. SSL (https) в Nginx — настраиваем NGINX
2. SSL сертификат для сайта — для чего он нужен и где его взять — тут введение о сертификатах
3. Получаем бесплатный SSL сертификат — тут подробнее о получении бесплатного сертификата

Тузла для проверки SSL сертификата сайта, на примере mega-moda.ru

рубрики: Администрирование, Сайтостроение, Справочник | 2 комментария

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