Категория:

WEB

Темы:

События

Как все начиналось: первые слова крупных проектов

Первые слова крупных проектов-1

Большое дело начинается с малого шага. Какой-то студент из Питера смастерил веб-сайт на коленке. Никому не известный энтузиаст из Финляндии прислал анонс в тематическую эхо-конференцию по Minix. Кто может предположить, к чему это приведёт?

Спустя много лет интересно взглянуть, как начинались некоторые популярные ИТ-проекты.

Категория:

WEB

Темы:

Яндекс События

В Яндекс.Вебмастер появился инструмент для повторной индексации страниц

В рамках сервиса Яндекс.Вебмастер появился новый функционал для быстрого возвращения в поисковую выдачу страниц «выпавших» из нее из-за неправильной настройки сервера или ограничений, наложенных в файле robots.txt.

Руководитель отдела по работе с веб-мастерами Михаил Сливинский рассказал о запуске функционала, который позволит вернуть в поисковую выдачу страницу, которая из нее «выпала».

Яндекс.Вебмастер запустил инструмент для приоритетной индексации стран

Новый инструмент, доступный в рамках сервиса Яндекс.Вебмастер, позволит переиндексировать «неправильную» страницу, выпавшую из поисковой выдачи. Бывает так, что из-за неправильно заданных параметров работы сервера или ограничений, установленных в файле robots.txt, поисковый краулер не может полностью проанализировать содержимое страницы. Или нужно срочно изменить содержимое сниппета, отображаемого в поисковой выдаче. Все эти проблемы поможет решить новый инструмент.

Категория:

WEB

Темы:

JavaScript Программирование

Что такое изоморфность

На Хабре есть несколько статей про изоморфность, которые на вопрос, что такое изоморфность, отвечают: “Изоморфность — это когда один и тот же код используют и на клиенте, и на сервере”. Да, это так, но не совсем понятно, для чего она вообще нужна. Собственно на этой почве и была рождена эта статья.

Фреймворки, используемые на стороне клиента — великолепны. Они могут помочь вам построить интерактивное и быстрое веб-приложение, которое будут обожать пользователи.

К сожалению, этот мир не идеален, и у них существует несколько недостатков. Один из главных — это скорость начальной загрузки.

image

Клиентские фреймворки получают очень маленький HTML файл, в котором подключены стили и пару скриптовых файлов, содержащий единственный div для монтирования приложения. Однако файл с JavaScript (bundle), содержащий даже минифицированый код зачастую очень большой и может достигать нескольких мегабайт.

Категория:

WEB

Темы:

CMS

Особенности лицензирования papaya CMS

Готов очередной перевод справочного материала по лицензированию еще одной CMS — на этот раз речь пойдет про немецкий проект papaya CMS (согласно Wappalyzer, он лежит в основе таких Интернет-ресурсов, как например, jpk.com — сайт одного из ведущих производителей наноаналитического оборудования).

Эта система распространяется на условиях двойной лицензии: как GPL, так и коммерческой. Хотя FAQ и небольшой по своему объему, но на мой взгляд, вполне информативный. См. его ниже по тексту.

image

Категория:

WEB

Темы:

Google SEO

Google изменил рекомендации по длинне title и description

 Google увеличивает длину title и description: анализ и рекомендации -1

Поисковые сниппеты в Google становятся еще более информативными. Накануне западные вебмастера заметили, что длина тегов title и description стала больше. Давайте обсудим, что это может означать!

Длина тайтла теперь составляет 70-71 символ вместо 55-60. Это на 2-4 слова больше, чем раньше.

 Google увеличивает длину title и description: анализ и рекомендации -3

Категория:

WEB

Темы:

Google

Раздаём картинки рельсами при отключенном репозитории Google'а

Видимо, на неделе гугл отключил svn репозитории code.google.com.

Если вы не подключали скрипты, раздаваемые из этих репозиториев, вы могли этого не заметить, как и я.

Меня удивил увеличившийся трафик в репозиторий google-maps-utility-library-v3, но сначала я не понял, почему это может быть. Позже я увидел, что пропали изображения иконок кластеров на карте. Дело в том, что путь до иконок захардкожен в MarkerClusterer и указывает на code.google.com.

Как настроить sprockets раздавать эти картинки, читайте под катом.

Категория:

WEB

Темы:

События Facebook

Facebook обновил инструменты для своей рекламной платформы

Facebook обновил набор инструментов, доступных для клиентов рекламной платформы, действующей как в рамках ведущей мировой социальной сети, так и в Instagram.

Компания Facebook расширила функционал инструментов, доступных для клиентов ее рекламной платформы. Отмечается, что благодаря этому рекламодатели смогут увеличить объем продаж за счет стимулирования интереса к продвигаемому бренду среди целевой аудитории, использующей Facebook и Instagram.

Facebook обновил функционал своей рекламной платформы

Категория:

WEB

Темы:

PHP YII2 Firebird

Работа с базой данных Firebird из YII2

Так получилось, что мне понадобилось переносить интерфейс пользователя из связки Delphi + Firebird в WEB. Дабы не останавливать работу комплекса программ, решено было переносить формы постепенно, а для этого необходимо сохранить работу СУБД Firebird и подключаться к ней из web приложения. При разработке web-приложения я решил использовать фреймворк YII2.

На этапе разработки мне не нужен полноценный HTTP сервер, вполне сойдет Denwer или XAMMP, или что-то еще. Я выбрал XAMMP т.к. в Денвере давно не обновляется версия PHP, а руками заниматься его обновлением не хочется, идем по пути наименьшего сопротивления.

Изначально ни в XAMMP PHP, ни в YII2 нет возможности работать с СУБД Firebird, но при определенных танцах с бубном сделать это вполне реально. Итак, я буду полагать, что у Вас уже установлены: Windows 7 x64, XAMMP и YII2, Firebird 2.5.

Пути установки пакетов у меня (для себя вводите соответствующие корректировки):

  • Firebird 2.5 версия x64 (тип сервера значения не имеет) в C:\Program Files\Firebird\Firebird_2_5\
  • XAMMP установлен в D:\xampp\
  • YII2 установлен в D:\xampp\htdocs\yii\
  • БД расположена в пути D:\WORK\database\TBOT.GDB

Теперь можно начинать.

Категория:

WEB

Темы:

JavaScript Webix

Примеры создания форм с помощью Webix Framework

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

Webix — это JavaScript библиотека для создания пользовательского интерфейса, содержащая HTML5 компоненты, предназначенные специально для мобильных и десктопных приложений. Спектр компонент действительно велик и разнообразен: от самых простых кнопок до виджета SpreadSheet, позволяющего создавать интерфейсы типа Excel. Помимо коллекций, компонент пользовательского интерфейса, доступен механизм обработки событий, поддержка offline режима и куча других фишек. Вы так же можете создать свою тему оформления с помощью skin builder, воспользоваться инструментом visual designer для создания интерфейсов с помощью техники drag-and-drop, а так же поэкспериментировать с кодом в виртуальной песочнице. Помимо этого, возможности фрэймфорка подробно расписаны в документации.

Ранее мы уже рассказывали об основах работы с Webix.

Категория:

WEB

Темы:

Яндекс

Yandex Translate для Visual Studio Code

Начну с того, что использую vim в качестве редактора файлов. Все удобно и быстро, но есть некоторые проблемы которые выделил при длительном пользовании:

  • Нет асинхронности. Знаю что есть nvim — но он работает не так быстро и не так гладко
  • Сложность написания плагинов. Спорный конечно вопрос для разных гуру — но честно говоря так много «каши», не хватает модульности и какой то структурности из уже реализованных «велосипедов»
  • Когда слишком много плагинов vim стартует — нужно быть честным, довольно долго и это напрягает

Пользуюсь так же по основному своему хобби — Android Studio. Очень прожорлив этот IDE к ресурсам системы, процессор иногда сходит с ума обрабатывая очередной цикл gradle assembleDebug. 

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

Категория:

WEB

Темы:

JavaScript HTML Webix

Введение в фрэймворк Webix

В этой статье мы бы хотели познакомить вас с фрэймворком Webix. Для демонстрации возможностей данного инструмента мы создадим интерфейс online аудио плеера. Не обольщайтесь — это всего лишь модель интерфейса. Исходный код доступен в демо и на странице GitHub.