D.iK.iJ
©  2006-2016 - сайт автора
 
Ссылки Поиск Написать В избранное NO

От дикого автора

         Приветствую вас на сайте dikij.com, мой дорогой посетитель.
         Многие знают меня по нику D.iK.iJ и здесь я храню свои фотографии и фантастические рассказы, веду блог и отвечаю на комментарии. Ну и различные эксперименты по заработку, продвижению, забавные и полезные скрипты и PHP программы тоже нашли место на этом сайте.
         Гуляйте по тайным комнатам, пишите на стенах... только не теряйтесь! И возвращайтесь живым и целым Человеком.
         Интересует, что пишут о сайте? (RSS, Email). Еще можете почитать новое на N.M. И глянуть новости дня и отрывки из рассказов.
         Also, the English version of the site.

Последнее из блога

       

         Так как вопросов много, я решил добавить FAQ по скрипту. Подробнее описать установку и тестирование. Сам скрипт автоподписки - тут.

         0) Смысл скрипта - перемещение официальных кнопок соцсетей в невидимом слое за курсором. После клика фрейм с кнопкой закрывается и ставится куки.

         1) Чтобы скрипт работал, достаточно добавить в него виджет нужной соцсети, а потом вставить скрипт в шаблон сайта после BODY (желателно, как можно выше).

         Например, инструкция для Фейсбука:
         // Создаем виджет вашей группы на Фейсбук.
         // Указываем ему ширину и высоту 200, СНИМАЕМ ВСЕ галочки.
         // (Сейчас очень часто код не работает, если не создано приложение на фейсбуке. Тогда при создании виджета у него будет appId).

         2) Нужно удалить лишние теги (html, body) сверху и снизу. Они нужны, чтобы можно было протестировать скрипт, просто загрузив его на сайт и изменив расширение.

         3) У скрипта есть РЕЖИМ ОТЛАДКИ. В нем видно передвигающийся за курсором блок и скрипт срабатывает при каждой перезагрузке.

         В div id="podpiska" нужно заменить opacity: 0; на opacity: 1;
         и
         if(document.cookie.indexOf("vkgr8=off") == -1) {
         на
         if(document.cookie.indexOf("vkgr8=off 123") == -1) {

         (В каждом скрипте - разный номер куки. От vkgr1=off до vkgr10=off).

         4) Установка репостов - не сложнее.
         Открываем podpiska-repost-text.txt и добавляем туда нужную дла репоста запись - по инструкции внутри.
         Потом меняем расширение у podpiska-repost-text.txt на PHP и закидываем в корень сайта.

         После этого скрипт из podpiska-repost.txt вставляется в шаблон сайта.



       

         Заказ на иллюстрацию к моему фантастическому роману, который я ждал лет так шесть... долгий заказ. Это когда встретил девушку, расстался, женился, родили ребенка, решили завести второго... а работа еще не сделана.

(30.07.2016 blogger) Львы оборотни - Кэрри и Майк из К&К
Автор: #ФрикаДелька ну или просто Del Kon, раз я уже не зол.

         Я даже и не знаю - как и зачем мне объяснять происходящее на рисунке. Лучше уж допишу со временем роман про оборотней и все станет понятно. Или, для начала, напечатаю то, что уже написано. Хотя, брат должен быть в курсе, что тут Кэрри и Майк Кэрвер (оборотни, похожие нальвов) ловят улиток на ужин. И, да, раз это
         какая-то фантастика, происходит все не на нашей планете. Совсем не на нашей.

Отрывок из...

         - Да уж, ну и высота! – Кэрвер бросил у двенадцатого домика корзину, пытаясь оценить высоту веток над крышей. – Тут еще этажа четыре, если не пять! И для того, чтобы залезть туда наверх за слизнями (и потом свернуть шею) мы шли полчаса?!
         - М-м-м… Да.
         - Извращение! И какой дурак туда наверх полезет??!
         - Мы.
         - Ну да, это именно та самая «оптимистически-пофигистическая честность», которую я так ценю в тебе… И что ты делаешь?
         - Раздеваюсь. Неужели ты действительно думаешь, что я собираюсь лезть наверх без когтей?!
         - А-а-а…
         Только и успел протянуть Майк, в то время как Кэрри поправила волосы и, через секунду, уже стояла на четырех лапах.
         - Лэндровер везделаз… Вот и мне бы так, легко и быстро.
         - Лет десять ежедневных тренировок…
         - …и я сойду с ума. Полезли.
         - Только помоги надеть корзину.
         Кэрвер тоже кое-как закинул неудобное приспособление за спину и выпустил когти.
         - Ох, не царское это дело, – он уныло посмотрел наверх, туда, где в толстых ветвях и последней жидкой листве прятался ужин.
         Кэрри закончила подъем и гордо улеглась на одной из самых высоких веток, царапая что-то когтем.
         - Маникюр не попорти, – Майк тяжело сел рядом, не решаясь посмотреть вниз.
         - Постараюсь, – Она оставила на коре четыре глубоких следа.
         - Ну и где же эти брюхоногие?
         - Веткой ниже, вон там, – Кэрри показала на большую витую раковину, похожую на прудовика, только в белую и желтую крапинку.
         - Так-то лучше.



       

         Добавил в портфолио по мобильной адаптации новые сайты, над которыми работал последнее время:
         • ladnydom.ru - мобильная версия для поставщика строительных материалов.
         • bobfilm1.net - была переделана была как версия для обычных пользователей, так и для зарегистрированных.
         • babystart.com.ua - адаптивный дизайн для детского магазина.
         • profnastil.com - два сайта по профнастилу на одном шаблоне. Переделал оба по одной цене.
         • navigator-beton.ru - адаптивный дизайн для сайта по покупке бетона и субдомену с металлопрокатом.

(18.07.2016 blogger) Новая порция мобильной адаптации сайтов - Бобфильм 1

         Иногда бывают очень сложные в переделке под адаптивный дизайн сайты. Настолько, что даже хочется поднять цену в 2 или 3 раза. Но я этого еще ни разу не делал.
         Хотя, со временем работы у меня бывают накладки. Особенно, когда хочется все сделать идеально.



       

         apple-touch-icon.pngЧто-то больно много развелось различных иконок, которые разные операционные системы требуют от сайта. Вот понимаю, раньше был только фавикон. Загрузил в корень сайта favicon.ico и все. Можно даже в хедере страницы не прописывать. Браузеры и поисковые системы сами картинку подтянут.
         Потом разные умельцы стали вместо статичной картинки прописывать путь к гифке с анимацией. И часть браузеров даже эту анимацию показывало.

         Но все испортил Эппл со своими постоянно меняющимися требованиями. Для начала, их браузер стал засыпать сайты 404 ошибкой, требуя наличия apple-touch-icon.png. Потом оказалось, что нужен еще вариант картинки со скругленными углами - apple-touch-icon-precomposed.png. Да и спецификация постоянно менялась. Поэтому такие иконки нужны 4 - 5 размеров. Под каждое устройство.
         Но главная тупость тут в том, что иконки, в основном, нужны только для красивого сохранения сайта на рабочий стол. А это явно никто не делает каждый день.

         Потом к этому зоопарку подключились Виндоус 8 и 10. Только для них нужно создать отдельный файл browserconfig.xml с указанием фона и размеров используемых иконок. Тогда ссылку на сайт можно сохранить как плитку в интерфейсе «Метро» в восьмерке и как плитку же - в меню «Пуск» в десятке.

         Теперь про социальные сети. Для них нужна разметка от Open Graph - чтобы в соцсетях рядом со ссылкой показывалась иконка сайта. Это особенно удобно, если на странице нет других крупных изображений. Да и занимает всего одну строчку в хедере сайта.

         Как вы уже догадались, я очень ленивый вебмастер. И если Фавикон есть у сайта уже почти 10 лет, то рисовать еще десяток дурацких картинок - совсем не хотелось. Поэтому я ограничился только иконками эля Эппл, размером 144 на 144 пикселя. Это приблизительно средний размер из всех требуемых изображений. И эта картинка теперь используется как для Виндоус с Эппл, так и для всех соцсетей сразу.



       

         Нам опять нужно было добраться до Екатеринбурга - к врачам. Но это было бы совсем скучно без прогулки по городу с ребенком и местного парка бабочек.

(24.06.2016 doroga) Парк бабочек Екатеринбург - Куколки бабочек в инсектарии
(24.06.2016 doroga) Парк бабочек Екатеринбург - Огромные жуки за стеклом (24.06.2016 doroga) Парк бабочек Екатеринбург - Живые бабочки (24.06.2016 doroga) Парк бабочек Екатеринбург - Черепахи в пруду (24.06.2016 doroga) Парк бабочек Екатеринбург - Кажется, тритон (24.06.2016 doroga) Парк бабочек Екатеринбург - Золотые рыбки
Альбом в Контакте
«24.06.16 Парк бабочек Екатеринбург»

         Не знаю как там Сашке и Алене, а мне этот парк очень даже понравился. Да, это не парк бабочек в Тайланде (хотя, пауков там было явно больше) но и тут есть чем заняться с ребенком и что посмотреть. А во втором помещении у них вообще - контактный зоопарк с козами, кроликами, морскими свинками и даже дикообразом. Но вот именно его я бы руками не трогал.
         Птички, рыбки, разные мелкие зверушки. Симпатичные загончики и другие милые детали. В общем, один раз сходить точно стоит. Только, думаю, ребенок должен быть чуть старше нашего. Тогда это будет еще интереснее.



       

         Это получилось немного внезапно, но вдруг привезли профлист для крыши и пришлось срочно ее перекрывать.

(19.06.2016 blogger) Перекрыли крышу - На доме в деревне

         Точнее, у тещи приехали гостить родственники. И было кому помогать разбирать и снимать старую черепицу и поднимать новые листы на крышу. А я уж за это время стал подумывать, что придется самому справляться... но тут правда очень много работы. И нужны минимум еще одни свободные руки.
         Единственная неприятность вышла с самим заказом. Брали все без меня, хоть и по моим размерам. И сумма получилась что-то очень приличной. Да и саморезов нагрузили лишние пару коробок. А вот самих железных листов хватает впритык. Ну ладно, буду знать, что даже такое дело нужно контролировать. :)
         В общем, справились за два дня, часов по 10 работы. Даже веревку с лестницей практически не использовали. Первый день листы крепил Андрей, а второй - Стас. Он легкий. И на новой крыше практически не скользит. Хотя, я тоже крепил их оба дня, но так далеко не лазил.
         Ну и чтобы уж совсем усложнить себе задачу, использовали два рулона гидроизоляции, которая осталась от сайдинга. Ну и разобрали одну печную трубу, а вторую печку вообще убрали. Хотя, это делалось еще без меня.
         В общем, отличный вышел отдых от работы. На целых два дня. Только я теперь по лесенкам едва ползаю. Очень уж ноги устали. И на высоту больше не хочу что-то.



       

         100 / 100 Удобство для пользователей - Google PageSpeed Insights

(09.06.2016 blogger) 100 / 100 Удобство для пользователей - PageSpeed Insights

         Так как об этом иногда спрашивают, я решил потратить немного времени и написать про разные варианты реализации мобильной версии сайта. Думаю, это довольно интересно.

         1) Это мобильная версия на субдомене. В принципе, это будет отдельным сайтом. И он может быть как привязан к основному сайту, так и иметь собственное наполнение (что, думаю, не рекомендуется ни одним поисковиком и пользователями).
         Мне самому данный вариант не очень нравится. Для начала, нужно правильно прописать rel="alternate" и настроить переадресацию .htaccess. А уж один разбор юзерагентов устройств - дорогого стоит. Например, у меня планшет на Андроиде, но с экраном 12 дюймов. Глупо показывать ему мобильную версию. Да и часто происходит так, что все это дело, основанное на плагинах или чужих скриптах, внезапно перестает работать. Например, так было при выходе нового браузера Edge от Майкрософта.
         Потом, я не доверяю фокусам поисковиков. Они регулярно «косячат». Слышал уже, что Яндекс может считать субдомен мобильной версии - дублем основного сайта. А я такого точно не хочу.

         2) Адаптивный дизайн - сайт подстраивается под разрешение и размер экрана. Он доступен по одному URL для всех типов устройств. Если уж совсем просто, то мы прописываем стили под конкретные размеры экрана при помощи медиа запросов. Например, вот так будут указаны стили для экранов ниже 775px: @media screen and (max-width: 700px) { }
         Единственный «минус» - эти же стили будут срабатывать и при уменьшении ширины окна браузера. Хотя, я не могу придумать ни одной причины, почему это должно хоть кому-то помешать. А вот проверять адаптивную версию становится намного проще. И если вы еще сомневаетесь, то (по статистике liveinternet) большинство людей сейчас использует мониторы больше 1024 пикселей шириной.

         3) Динамическая верстка страниц - это загрузка разных шаблонов для разных типов устройств. Яндекс уточняет: «Для просмотра с разных мобильных устройств сервер отправляет в ответ на запрос одного URL различные варианты кода HTML и CSS».
         И мы опять упираемся в определение устройства. Да и все эти версии кто-то должен «нарисовать». И сделать это правильно. Не думаю, что сделать 2 - 3 динамических шаблона проще, чем один адаптивный.