Архив Категории: Интернет

Дизайн Интернет

Анимация на чистом CSS 3: танцующий Бендер и анимированные 3D модели

Одна из фитчей CSS 3 — это возможность анимирования. Пусть реализация и весьма сложная, но если есть возможность, то всегда появятся и умельцы, которые ей воспользуются и сделают очередной шедевр! Вуаля, вот он:

Танцующий Бендер из Футутрамы на чистом CSS3

Бендер танует, и это сделано на читом CSS 3, без каких либо JavaScript и DHTML

Бендер танует, и это сделано на читом CSS 3, без каких либо JavaScript и DHTML

Хотите больше — посмотрите целую коллекцию 3D анимаций, постоеных только на CSS 3 по тем же принципам.

UPD: Также в сети появились отрисованные на чистом CSS персонажи мультсериала Симпсоны. Впечатляет целеустремленность автора.

Как это делается? читать далее »

Интернет

WordPress будет сам автоматически обновляться начиная с версии 3.7 (background updates)

Сегодня в очередной раз обновил свой WordPress до версии 3.7, без лишних трудностей, в одно нажатие кнопки «Обновить сейчас». После этого появляется экран с информацией о новых фичах. На этот раз мой любимый ВордПресс порадовал меня следующей информацией:

Начиная с WordPress версии 3.7, он будет обновляться самостоятельно в фоновом режиме.

Начиная с WordPress версии 3.7, он будет обновляться самостоятельно в фоновом режиме.

Переводя дословно:

Фоновые обновления

Обновления ставятся, когда вы спите
С версии WordPress 3.7, вам не придется даже поднять пальца для оказания технического обслуживания и установки обновлений безопасности. Большинство сайтов теперь могут автоматически применять эти обновления в фоновом режиме, хотя некоторые конфигурации могут не поддерживать эту функцию.

Надежнее, чем когда-либо

Процесс обновления был сделан еще более надежным и безопасным, с десятками новых проверок и гарантий.
Вам по-прежнему нужно будет нажать кнопку «Обновить сейчас» для обновления до WordPress 3.8, но мы никогда ранее не были настолько уверены в этой красивой синей кнопке.

читать далее »

Интернет

Найти идеи для стартапа — матчасть

На сайте о стартапах с громким названием «Цукерберг Позвонит!» есть перевод отличной статьи «11 способов находить отличные идеи для стартапов». Хорошие подсказки, как настроить свой разум на поиск идей.

Также, статья с ссылками на проекты агрегирующие существующие идеи стартаперов. Чужие идеи также могут подсказать, в каком направлении двигаться…

Интернет

Метаданные поисковиков и новый инструмент Google Маркер, Schema.org

Меня давно привлекала идея добавления семантики к разметке сайта. Вообще, давным давно, еще до рождения сематических тэгов HTML 5, когда я только познакомился с RSS лентами и прочими вариантами агрегации сайтов, у меня возникла мысль что в скором будущем возникнет некий единый стандарт построения сайтов, который поможет легче воспринимать контент не только людям, но и роботам. В частности, на всех сайтах есть страницы About, Contacts на которых есть стандартная информация. Почему бы не сделать её понятной поисковым роботам, чтобы те могли автоматически, к примеру агрегировать сайты автора, создать его профиль и т.д. Многое из этого в наше время уже доступно, но мои утопичные фантазии конечно были намного безграничнее еще в те времена… На пути унификации CMS, структуры сайтов и семантики их наполнения пока слишком много преград, но движение в этом направлении есть.

В общем, это предыстория, а речь пойдет о метаданных или структурированных семантических (смысловых) объектах, тем или иным образом указанных в HTML разметке страницы. Стандартизация этих объектов позволяет различным поисковикам воспринимать эту более детальную атрибутивную информацию и отображать при необходимости её в поисковом сниппете, а не просто вырезку из текста страницы. Два наших основных поисковика, Гугл и Яндекс уже научились воспринимать некоторые из таких объектов и имеет смысл размечать такую информацию на страницах ваших сайтов.

Данная тема очень обширна. Так что эта статья — только лишь отправная точка в её изучении. Больше же информации можно найти в документации и поддерживаемых форматах Google, в документации и воспринимаемых форматах Яндексом, а также в этом переводе статьи «Вся правда о структурированных данных и Schema.org».

Также можно посетить Schema.org и ознакомьтесь с перспективной коллекцией общепринятых разными поисковиками схем разметки структурированных данных. Это некая общая единая база стандартов, на которую ориентируются поисковики, по мере обучения их роботов распознаванию всё новых и новых форматов.

Рассмотрим эволюцию распознавания структурированных данных на примере поисковика Google. читать далее »

Интернет

Применение нового отчета «Карта скроллинга» от Яндекс.Метрики

Яндекс-Метрика представила новый отчет «Поведение -> карта скроллинга».Отчет Yandex.Metrika Повидение - карта скроллинга - на примере нашего блога RATBAG.vkomi.ru

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

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

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

Что может дать такой цветовой анализ времени просмотра областей сайта?

Общество, в котором нет цветовой дифференциации штанов, лишено цели.

цветовая дифференциация штанов из фильма «Кин-дза-дза»

Если Яндекс создал такой отчет, то вероятно он для чего-то нужен…

Можно предположить, что смысл отчета в возможности массового анализа поведения посетивших вашу страницу людей. Вэб-визор позволяет воспроизводить каждое действие конкретного человека. Но чтобы иметь возможность массового анализа поведения, нужны отчеты, аггрегирующие собранные данные. Таким отчетом сначала была логичная и простая «Карта кликов», а затем добавилась «Карта скроллинга» для понимания результатов акцентирования прикованности внимания посетителей.

Интернет

Массовое присвоение меток и категорий в WordPress блоге

Случайно обнаружил «скрытую фичу» блог-движка WordPress. Оказывается в нем предусмотрена функция массового присвоения категорий или меток сразу нескольким записям (постам). Также возможно массово менять и некоторые их настройки. Для этого всего лишь нужно зайти на стандартный экран «Записи -> Все записи» или «Страницы -> Все страницы», выбрать интересующие вас записи и выбрать действие «Изменить» :

WordPress - массовое редактирование записей (постов) - присвоение меток или категорий

WordPress — массовое редактирование записей (постов) — присвоение меток или категорий

Очень удобно и быстро, например, присваивать нужным постам какую-то новую метку — не надо входить в каждую запись и тратить на это кучу времени!

Дизайн Интернет Программирование

Тестировать и делиться CSS и JS скриптами — легко онлайн

JSfiddle.net и LiveWeave.com — два очень простых и удобных сервиса тестирования HTML 5, CSS 3 и JS скриптов. На экране попросту 3 окна для ввода каждого из скриптов, и четвертое окно с визуальным результатом. Нажимаем «Run» и проверяем свои творения.

Также, очень легко делиться вашими набросками через короткие ссылки. Вот мой маленький примерчик: http://jsfiddle.net/wTLXb/ — как в CSS делать скошенные углы блоков.

А вот более серьезный пример — анимированный танцующий Бендер на чистом CSS 3 — просто фантастика!

Дизайн Интернет

bio-bak.nl — Флэш разрыв мозга

bio-bak.nl — полный разрыв мозга. Во-первых, это очень красивый и качественно сделанный флэш-сайт. Во-вторых… дальше просто сложно понять, что ЭТО такое… Нужны наушники, знание английского, любопытство и куча свободного времени, чтобы в прямом смысле, бороздить просторы… загадочной Голландии…

Интернет

Установить аватар авторства Google+ в поисковой выдаче для WordPress блога

Решил установить на свой авторский блог о моем проекте Orgeo.ru привязку к профилю Гугл. Это дает большое преимущество вашему сайту в поисковой выдаче, так как слева от сниппета (вашей строки в результатах поиска) будет отображаться ваша аватарка из профиля Google+. А это должно дать преимущество именно вашей странице, потому что:

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

Вот как будет выглядеть сниппет результата поиска:

Авторство Google+ отображаемое в поисковой выдаче Гугл

Авторство Google+ отображаемое в поисковой выдаче Гугл

Далее описаны 3 способа, в зависимости от того, какую CMS систему вы используете: читать далее »

Интернет

SEO-блоги. Что это? 10 характерных признаков

Решил немного раскрыть тему о том, что такое SEO-блог.

Что я понимаю под «SEO-блогом»?

Во-первых, это блог в сети Интернет. А далее, я попытался сформулировать 10 характерных признаков, по которым можно отнести тот или иной сайт именно к SEO-блогу:

  1. Блоги создаются с разной целью, например, для публикации своих статей или работ, с целю PR продукта, компании или себя любимого, с целью новостного освещения и т.п. SEO-блоги же в основном создаются ради получения заработка, а каким содержанием он будет наполнен — автору не так уж и важно. Он может быть абсолютно некомпетентным в какой то конкретной сфере, попросту выбрать её из-за популярности. Например, программист будет вести блог о женских туфельках… читать далее »