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

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

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

Обзор на DOOGEE X5 Max Pro - Бюджетный смартфон на Android 6.0 до 5000 рублей

Не так давно я решил сменить свой старенький Буст и купил DOOGEE X5 Max Pro


         ОС: Android 6.0
         Экран: 5" (720 x 1280)
         Размеры: 73,2 x 143 x 10,8. Вес: 193 гр.
      &...

Как вариант - Адаптивное меню на JavaScript и CSS - с работающим примером. Тут же я решил опубликовать Жиквери версию. Причем, сам я обычно делаю скрипт чуть проще, размещая кнопку закрытия прямо в блоке с левым меню.
         <div id="buter" style="display: none;" onc...
Родила царица в ночь...

...дочь родила, да. Второй день уже дома.


         Как-то даже странно писать в блог личные посты. давненько я этого не делал. Но повод есть. Жена 15 числа, почти в полночь (и полнолуние, да) родила мне дочь. А 18 я их забрал из роддома уже.
    &nb...
Когда не работает td display: block

Пока жену третий раз возвращают из роддома, я работаю над адаптивным дизайном разных сайтов: https://dikij.com/wm/adaptaciya-saytov.php


         Сегодня был интересный случай с магазином designstickers.ru.
         Когда я приступил к п...
Проверьте, насколько мобилен ваш сайт

Узнайте, удобно ли работать с сайтом на мобильных устройствах и компьютерах:


         Ну, testmysite.withgoogle.com - это не совсем новый инструмент. Он копирует Google PageSpeed, только выводит результаты в виде красивой презентации, да и отчет может отправить на...
Как сделать адаптивный дизайн не видимым при уменьшении ширины экрана на десктопе

Или различие между медиа-запросами @media screen and (max-width: 775px) и @media (max-width: 775px).


         Это немного забавный вопрос, так как адаптивным дизайном я занимаюсь уже года два. Но так привык писать @media screen and (max-width, что никогда не обращ...

Ни для кого не секрет, что есть разные партнерские программы. Например, партнерка от Озона, для которой можно использовать стандартный JavaScript или перевести Крутилку на PHP. А не так давно я сделал для нее адаптивные стили, чтобы товары хорошо отображились на мобильных устройствах.
  &nbs...
«Резиновая» верстка для старых сайтов

Так как работы много, я стараюсь обновлять портфолио по адаптации порциями. Но не так давно я обновил свои старые сайты и просто решил похвастаться. Например, вот logopediya.com, на которой теперь «тянущийся» адаптивный «дизайн» на чистом CSS. Переработал все блоки, рамки и тени.


  &...
Счетчик Rambler Top 100 блокирует объявления уровня страницы от Google

Такие вот новости. Я понимаю, что далеко не все используют старенький счетчик от Рамблера вместе с Заставками в «мобильной рекламе» от Гугла, но глюк очень неприятный. Для начала, его довольно трудно обнаружить.


         Вот вчера я захожу в статистику и вдруг пон...
Подключаем автоматические Пуш уведомления к сайту из РСС ленты

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


        ...
Почему автор должен платить за контент? Или как умные ленты и поведенческие убивают сайты и группы

Но хоть я и немного в шоке, начну издалека.


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

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

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

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


Автор: #ФрикаДелька ну или просто Del Kon, раз я уже не зол.
  &nbs...
Новая порция мобильной адаптации сайтов

Добавил в портфолио по мобильной адаптации новые сайты, над которыми работал последнее время:
         • ladnydom.ru - мобильная версия для поставщика строительных материалов.
         • bobfilm1.net - была переделана была к...
Все иконки для сайта - целый зоопарк

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

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



Альбом в Контакте
«24.06.16 Парк бабочек Екатеринбург»
         Не знаю как там Сашке и Алене, а мне ...
Перекрыли крышу на доме

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


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

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


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

    &nb...
«Объявления уровня страницы» - новая мобильная реклама от Гугл Адсенс

Не так давно я зашел в аккаунт Google Adsense и увидел там объявление о новом формате мобильной рекламы. Было всего два варианта и всего один код.
         Я решил добавить этот код на все страницы:


         Тут есть как фиксированные о...
Влияние адаптивного дизайна на поисковое ранжирование и поведенческие факторы

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

Я уже писал, что max-width не работает в Firefox и IE 11 для изображений в таблицах, теперь вот решил собрать в одном месте все решения этой проблемы. Пятый раз, правда начинаю писать пост и удаляю случайно.

         1) Прописываем width: 100% изображению. После этого...
Chuwi Hi12 - планшетный пк Windows 10 и Android 5.1

Так как я не очень везучий (или руки дырявые) пришлось купить Chuwi Hi12 - вместо разбитого Chuwi vi10.
         
         Больше всего в покупке помогла распродажа на Алиэкспресс и бонусные баллы. Ииначе мне бы его никогда не купить. Единствен...

Встретил тут на одном форуме код и обсуждения на эту тему. Написал свою версию для примера.
         Так делать не нужно!

@media screen and (max-width: 768px) {
html { width: 100%; height: 150%; }
body { transform: scale(0.5); transform-origin: center top; }...
Адаптивный сайт по ТЗ

Как бы это странно ни звучало, но сайт spasibovsem.ru - первый в моем портфолио по адаптивному дизайну, который сделан четко по ТЗ (Техническое задание на разработку мобильной версии СпасибоВсем.ру).


         Обычно делаю все «наоборот». Начинаю с больших разрешен...

Я уже писал про адаптацию таблиц для мобильных устройств. И писал про адаптивные таблицы при помощи стилей.
         Это отлично срабатывало при переделке сайтов aliexpressblog.ru и nost.ru этого хватало. А вот в адаптации таблиц на topdealers.ru возникли некоторые пробле...
Жареные жуки и фрукты из Тайланда

Ну, не все мне писать про работу. Это же, по идее, личный блог! :) Сегодня я расскажу про жареных сверчков из Тайланда, гусениц шелкопряда... и шкаф. Хотя, что рассказывать про шкаф? Купили для детской и собрали.


         Как я уже писал, вместо свадьбы мы отправ...
Адаптивные таблицы при помощи только CSS стилей!

Я уже писал про разные способы сделать таблицы адаптивными. При работе с сайтом клуб-лада.рф получилось сделать адаптивную таблицу с горизонтальной прокруткой - только при помощи стилей (на фото - справа внизу).
         Вот пример CSS, который был использован:

tab...
Max-width не работает в Firefox и IE 11 для изображений (тег img) в таблицах

При недавней переделке сайта florets.ru возникла потребность очень корректно уменьшать огромное количество фотографий разных размеров.
         Большинство современных браузеров вполне корректно понимают max-width: 100% и уменьшают изображение, если оно не помещается в ко...
Делаем мобильный сайт так, чтобы это никто не заметил

При переделке сайта vedmochka.net под мобильные устройства я столкнулся с задачей скрыть рабочую версию от посетителей. Это было связано с высокой посещаемостью портала.


         Так как работаю я всегда с живой версией сайта, а половину времени адаптации занимает...
Адаптивная верстка таблиц. От мучений к разгрому

Я сейчас заканчиваю переделку сайта petergid.ru, состоящего процентов на 80 из сплошных таблиц. И что-то мне уже давно хочется рассказать немного о том, что с этими таблицами можно сделать в адаптивном дизайне.
         Начну я с полезных советов, а закончу полным разгром...
Главная, 1,
( 44 )