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

Блоггер / Блог 2017 год

RSS лента новостей, Подписка по Email

Как получить 100% по PageSpeed Insights за изображения

     

         Элементарно! Использовать на сайте только .pnd, так как Гуглу он нравится практически в любом виде:


         Как это тестировалось?
         Я взял 2 одинаковых изображения, которые сделал из скриншота экрана.
         Размером в 241 000 байт каждое. Сохранено Фотошопом для Веб и устройств.
         Ширина 1024px (если сделать 800, ошибок не будет вообще).
         И на скриншоте выше отлично видно, что у проверки скорости претензии есть только к ....

Как сделать рекламу от Яндекс Директ и Гугл Адсенс адаптивной (мобильной)

     

         Ну или скажу иначе - как на мобильном показывать одни рекламные блоки Директа (например, Motion) а на десктопе - другие? Ниже в примере Постер на 3 объявления - с десктопной версии.


         Но начну я с настройки адаптивных блоков Адсенс. Если помните, я там просто меняю формат блоков с data-ad-format="auto" на data-ad-format="rectangle". Слишком уж много в блоках узких горизонтальных объявлений. А так выводятся только большие прямоугольные и квадратные. Но если очень нужно, модно под каждый размер экрана выбрать свой размер объявлений. Нужно только грамотн...

Отключаем скролл (прокрутку) страницы при открытии модального окна

     

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


         Все очень и очень просто! Обычно хватает использования body {overflow: hidden;} в стилях. Это скрывает полосу прокрутки страницы, а лежащий поверх слой с меню (или модальным окном) прокручиваем при помощи того же overflow: auto. Причем, специфические overflow-x и overflow-y лучше всего использовать только для отмены прокрутки по одной из осей, так как не все браузеры их вообще понимают.
         Но и с самим overflow: hidden иногда бывают проблемы. Некот...

От рукоделия до макросъемки всего один шаг

     

         Просто бусина из стекла, которая снята через стеклянный кабашон.



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

Разрешения экрана для адаптивной верстки

     

         А это ведь очень интересная тема! И от заказчиков я часто слышу полностью противоположные мнения. Кому-то хочется захватить только мобильные телефоны, кому-то важен только Айфон, а некоторым хочется видеть на Айпаде только полную версию и не переходить на мобильную (адаптивную) версию сайта.
         Ниже я привел список разрешений для работы в Бутстрапе (который я не использую, кстати):


         В принципе, каждый мой заказчик адаптивного дизайна - прав, как это ни странно. Только у него есть все данные по устройствам и их исполь...

box-sizing: border-box - делаем так, чтобы отступы не учитывались в ширине блока

     

         Я иногда несказанно торможу. Например, вообще забыл про просто спасительное для адаптивной верстки box-sizing: border-box, поддерживаемое всеми современными браузерами.


         Вот очень простой пример из трех блоков шириной 180px. Первый - с отступом в 10 пикселей и рамкой 3px, второй - без отступа. Третий - просто с рамкой и с использованием box-sizing: border-box.

padding 10px
padding 0px
box-sizing: border-box
         И тут видно самое интересное. Если не использовать box-sizing: border-box, то ширину блоку доба...

Скачать скрипт социального замка (соцзамка) без регистрации и СМС

     

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


         Я не стал прятать контент со страницы, подменять скриптом или размывать, так как все это имеет смысл, если у вас какой-то крупный проект полностью завязан на соцзамках. Но тогда вы скорее наймете программиста, который будет отслеживать лайки и клики по API, а не просто показывать контент через 10 секун...

30 лет

     

         ...это лучший в мире повод купить себе квадрокоптер с камерой! Особенно, если есть сын.


         Ну и от брата еще вчера получил очень крутое поздравление с цитатой в тему:
                 «Я молчал. Он окликнул еще раз:
         – Ник?
         – Что?
         – Может, выпьешь?
         – Нет… Я сейчас только вспомнил, что сегодня день моего рождения.
         Мне исполни...

Где купить самое вкусное вяленое (сушеное) мясо недорого?

     

         Очень просто! У @serezkako (Сергей Колдаев)! Все, на том пост можно и закончить. :-) Ну правда. Это круче стейка из свинины и вкуснее самых любимых пельменей. Только камера на телефоне все равно не передаст вкус.
         
#jerky #meat #мясо #вяленоемясо #сушеноемясо #джерки #someguys #оченьвкусно #вяленое
         Да, есть экзотика вроде мяса индейки, кабана, баранины, лося, оленины, но говядина самая вкусная именно у Сергея и его #Someguys. Friends & Brewer. Не говорю уже про пиво. Если честно, я такой вкусной говядины никогда до это...

100 сайтов в портфолио по адаптивной верстке

     

         Сегодня у меня небольшой «юбилей» адаптации сайтов под мобильные устройства! И так случайно совпало, что я занимаюсь адаптивным дизайном уже 2 года (запись была сделана в этот же день). Хотя, первые упоминания были еще в 2014.


         Два c лишним года назад я немного психанул, пытаясь написать пост на мобильном телефоне и мучаясь с горизонтальной прокруткой. И решил, что просто «резинового» дизайна для моих сайтов больше не хватает. Теперь нужно сделать что-то, чтобы можно было удобно пользоваться сайтами на своем телефоне без постоянного увеличения и скро...

World of Tanks Blitz - Танки для компьютера и планшета. Ну и самый главный секрет

     

         В общем, гонял это я роботов, пока ребенок купается в ванне и мне нужно за ним следить. Но там прокачка довольно быстро кончилась, а реклама настойчиво рекомендовала перейти на танки. Что я и сделал.


Танк Fury из фильма. Подарок от жены на праздники.
         В итоге, на телефоне я поставил World of Tanks Blitz, как менее мучающую мозги игрока, если сравнивать с обычным World of Tanks. Меньше веток развития, нет проблем с экипажами, нет артиллерии, которая многих бесит. можно ехать куда угодно. Красота!
         И первое что я ...

     

         Недавно довел до ума, если сравнивать с простой первой версией. Очень хотелось поделиться :) многим нужно. Единственное, справиться без PHP не получилось.

         1) ?mobile - закрыть от индексации в robots! Без него на мобильных - адский кеш, с которым не справиться.
         2) Лучше не убирать адаптивные стили, а убирать только <meta name=viewport content="width=device-width, initial-scale=1">
         Но можно и то и то.
         3) Кнопка показывается на адаптивной ве...

Львы оборотни 2

     

         В блоге уже была первая иллюстрация со львами-оборотнями. Теперь вот мне дорисовали вторую.


Автор: Del Kon. Кэрри и Майк из К&К. Ну и баобабы!
         Да, это второй заказ на иллюстрацию к роману, которую я ждал примерно столько же, сколько я этот роман пишу. И, так как на меня каждую зиму нападает зуд редизайна, эта иллюстрация, думаю, будет фоном сайта dikij.com. Ну а по ссылке выше можно прочитать кусочек текста к этой картинке.
         Что не так с текущим оформлением? Ну, с ним все хорошо. Только оно не позволяет мне ста...

Стоит ли закрывать индексацию пагинации?

     

         Или новый формат блога на dikij.com


         Так вот, так как ГуглЯндекс мне немного надоел своей неадекватной индексацией (в выдаче постоянно на 1 месте страницы с пагинацией, а не записи). А в блогах за /2014/ /2015/ /2016/ что-то найти в ленте - просто не реально, я решил немного поменять формат записей. Теперь это практически «тизеры» со своей обложкой из записи. Причем, для нормальных браузеров она размыта, а при наведении можно спокойно читать текст анонса на 600 символов. Правда, из него вырезаны абсолютно все теги. Кроме переносов.
    &...

Отзыв на новый RTB от Яндекса - или почему я ушел в Адсенс

     

         Я каждый раз сдерживаюсь, чтобы не ругаться матом в блоге. Но иногда очень хочется. Давайте посмотрим на график дохода от Яндекс Директа, где раньше пики в день были по 100 рублей, а теперь - 2 - 6 рублей.


         Да, я немного рукожоп в установке блоков. Еще и праздники новогодние. Но там четко видно, что после перехода на РТБ доход не выползает за 10 рублей в день. И это - просто красота! 78 рублей за последний месяц.
         Развиваем сайт, завешиваем его блоками медийной рекламы 970 на 250 и отправляемся пасти гусей, блин. Н...