Главная


Showing posts with label webdesign. Show all posts
Showing posts with label webdesign. Show all posts

Saturday, 2 August 2025

Hosting ComfyUI via WebSocket

Hi all.

Today, I will share with you a post by a guru Philipp Doll on using websocket with СomfyUI. I have previously experimented with the API  with ComfyUI.

I can't say how much this might be needed for the regular ComfyUI user, but it's cool that this option is there.

Let us proceed.

Motivation

This article focuses on leveraging ComfyUI beyond its basic workflow capabilities. You have created a fantastic Workflow and want to share it with the world or build an application around it. By hosting your projects and utilizing this WebSocket API concept, you can dynamically process user input to create an incredible style transfer or stunning photo effect.

Introduction

This post describes the basic structure of a WebSocket API that communicates with ComfyUI. Generating images through ComfyUI typically takes several seconds, and depending on the complexity of the workflow,

this time can increase. We utilize a WebSocket connection to track progress and allow us to give real-time feedback to the user. Using these endpoints without a WebSocket connection is possible, but this will cost you the benefits of real-time updates.

Code for a basic WebSocket API structure can be found here: Basic WebSocket API.


Utilized ComfyUI endpoints

ComfyUI already has predefined endpoints ComfyUI endpoints, which we can target. Furthermore, ComfyUI also offers a WebSocket interface. For the API described later in this blog post, we do not need to modify this file, as it already provides everything we need.

@routes.get('/ws')  ⇒ Returns the WebSocket object, sends status and executing messages

@routes.post("/prompt")  ⇒ Queues prompt to workflow, returns prompt_id or error

@routes.get("/history/{prompt_id}")  ⇒ Returns the queue or output for the given prompt_id

@routes.get("/view")  ⇒ Returns an Image given a filename, subfolder, and type ("input", "output", "temp")

@routes.post("/upload/image") ⇒ Uploads an image to ComfyUI, given image_data and type ("input", "output", "temp")


Wednesday, 2 July 2025

Программисты больше не нужны?


Всем привет!

В последние годы искусственный интеллект развивается стремительными темпами, и всё чаще можно услышать фразу: «Программисты больше не нужны». Но так ли это на самом деле? Давайте разберёмся.

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

Однако потребность в них теперь находится по другим углом. 

Например первый поход к психологу можно легко заменить на диалог с ChatGPT. Тут следует учесть что ChatGPT не связан никакими обазательствами по поводу конфиденциальности вашего общения с ним, поэтому старайтесь обходиться без персональной информации в общении. 

Переводчики, как и учителя иностранного языка страдают первыми. Их проще всего автоматизировать с ИИ. Впрочем ИИ с удовольствием заменит и многих гуру по другим направлениям обучения. Сейчас я наблюдаю как такие гуру быстренько пересели в лодку под общим названием "обучаю работе с ИИ".

Также, сравнительно легко ИИ заменит службу поддержки (Сервис Деск). В принципе в банках вы уже заметили что к оператору-человеку теперь попасть совсем не просто. А Сервис Деск как раз такой сервис где многие процессы расписаны на 99%, и он как раз поддается автоматизации с ИИ. Клиенты? Клиенты никуда не денутся, привыкнут. А особо напористые или вредные пойдут к психологу... в ChatGPT.)

CMS и веб-разработчики, и теперь нужны - ничего удивительного, ведь даже если сайт на CMS ее надо сопровождать. А в коде (глюках, патчах и расширениях) CMS разобраться не просто, важен опыт.

Thursday, 11 August 2022

Профессионал и Любитель.

Всем привет. 

Каждый Профессионал был когда то Любителем.

Тонкая грань перехода из одного качества в другое подчас незаметна. Чем больше и глубже Ваше увлечение любимым делом, тем чаще  происходит подобное! Вам знакомо это чувство? Мультимедиа, Сети, Безопасность, Виртуализация и Офис-онлайн. Именно в этих сферах я нахожу Творчество в большей степени. Желаю Вам делать это со мной вместе!

Сеть.

Давным давно одного дяденьку посетила мысль, что можно было бы свой компьютер каким то образом соединить с компьютером своего друга, файлами меняться. Соединили. А можно еще и соседа ? А почему нет! Соединили! Глянули – сетка! И пошло поехало – с кем сетка, как соединять, какое устройство - модем, сетевой адаптер, по какому протоколу вести обмен, на какой скорости обмен. Ну и как водится этим же надо управлять – так кроме компьютеров появилось сетевое оборудование, как пассивное так активное. Активное оборудование еще называют умным, ну насколько оно умнее администратора его настраивающего еще надо глянуть. Все – сегодня сети везде, не в сети может быть только калькулятор и то если он прошлогоднего выпуска. В зависимости от своих текущих интересов вы можете не интересоваться сетями, но 100% что вы их так или иначе используете в своей жизни.

Безопасность.

Как никогда информационная безопасность сегодня очень актуальна. Чем больше у вас информации, тем больше шансов ее потерять, иногда навсегда. Не буду вас пугать злыми хакерами, которые только и думают как эту информацию у вас свистнуть. Хакеры были есть и будут, но далеко не все из них профи, а профи за всем подряд не охотятся. Поэтому соблюдайте правила «личной гигиены» на своем локальном компьютере, а если он еще и в сети (ну куда же без нее), защищайтесь и на сетевом уровне. К теме информационной безопасности приходишь самой собой как только начинаешь вникать в Сети. Поэтому и я Безопасностью занимаюсь почти столько же сколько и сетями. Вот уж действительно можно сказать что это серьезно, это интересно и это очень важно!

Friday, 1 February 2019

OpenServer и SSL.

Всем привет.

SSL сертификат имеет важное значение в поисковой выдачи при продвижении и уже очень многие сайты перешли на его использование. Сам Google все больше и больше любит сайты с  префиксом https. Тестируя новый проект на локальном хостинге поднятым под OpenServer наступила необходимость проверить его работу именно как https-версией.  Хотя OpenServer и поддерживает из коробки https его еще надо подружить с самой системой на тему SSL сертификатов. которые надо создать и установить. Поэтому малость поколдуем для этого.

Для начала редактируем файл generate.bat перезаписывая нашим содержимым (дополнительно, вместо mysite.ua в двух местах прописываем свой сайт)
OSPanel\modules\http\Ваша_Версия_PHP\conf\generate.bat

@echo off

set OPENSSL_CONF=%~dp0..\conf\openssl.cnf
..\bin\openssl req -x509 -sha256 -newkey rsa:2048 -nodes -days 5475 -keyout rootCA.key -out rootCA.crt -subj "/CN=mysite.ua/"
..\bin\openssl req -newkey rsa:2048 -nodes -days 5475 -keyout server.key -out server.csr -subj "/CN=mysite.ua/"
..\bin\openssl x509 -req -sha256 -days 5475 -in server.csr -extfile v3.txt -CA rootCA.crt -CAkey rootCA.key -CAcreateserial -out server.crt
..\bin\openssl dhparam -out dhparam.pem 2048

В той же папке OSPanel\modules\http\Ваша_Версия_PHP\conf\ создаем текстовый файл под названием v3.txt с содержимым (в dns прописываем название сайта или сайтов):

nsComment = "Open Server Panel Generated Certificate"
basicConstraints = CA:false
subjectKeyIdentifier = hash
authorityKeyIdentifier = keyid,issuer
keyUsage = nonRepudiation, digitalSignature, keyEncipherment
subjectAltName = @alt_names

[alt_names]
DNS.1 = mysite.ua
DNS.2 = mysupersite.ua

Запускаем generate.bat. Ждём пару минут до завершения его работы.

Tuesday, 1 January 2019

Проблема с материалами формата "Покрытие".

Всем привет.

Вот получил на днях такое сообщение от Google-a "На сайте http://nyukers.blogspot.com/ выявлена новая проблема с материалами формата "Покрытие".

Мы выявили на Вашем сайте новые проблемы (количество: 1), связанные с материалами формата "Покрытие", с помощью инструментов Search Console. Это означает, что контент в формате "Покрытие" может быть некорректно представлен в результатах Google Поиска. Рекомендуем выполнить проверку Вашего сайта и устранить выявленную ошибку. 

И собственно сама проблема озвучена так:
Ниже приведены некоторые из обнаруженных неполадок. 
Проиндексировано, несмотря на блокировку в файле robots.txt 

Google пытался, но не смог. Или смог, но с ограничениями. Зачем я гадаю? Да потому что блокировку в файле robots.txt я не ставил. Это я к тому что проблема может быть совершенно в другом. В моем случае она оказалась на поверхности. Из-за последнего поста шаблон блога глюканул и вместо пяти сообщений на первой странице показал только одно. Как только я его убрал все вернулось на свои места.

Позже Google  прислал еще одно "На сайте http://nyukers.blogspot.com/ выявлена новая проблема с материалами формата "Удобство для мобильных"

Мы выявили на Вашем сайте новые проблемы (количество: 4), связанные с материалами формата "Удобство для мобильных", с помощью инструментов Search Console. Это означает, что контент в формате "Удобство для мобильных" может быть некорректно представлен в результатах Google Поиска. Рекомендуем выполнить проверку Вашего сайта и устранить выявленные ошибки. 

Просмотрите примеры выявленных проблем (всего 4) перечисленные в соответствии с количеством страниц, на которых они найдены: 
  • Используются несовместимые плагины 
  • Интерактивные элементы расположены слишком близко 
  • Слишком мелкий шрифт 
  • В метатеге viewport должно быть значение device-width.

Как видите тут уже явные указания где что править. Удивление вызывает только последнее замечание - у меня шаблон блога штатный, из библиотеки того же Google. Возможно он настолько старый что не знает про адаптивный дизайн? Знает. Более того метатег viewport там есть:

meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'.

Есть повод для размышлений.


Saturday, 29 September 2018

Реклама в фоне как современный идиотизм.

Всем привет.

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

Дело было так - при проверке тестовой html-странички на бесплатном хостинге narod.ru (который теперь под ucoz) я вдруг услышал аудио рекламу зубной пасты. Действительно и сам web-браузер Chrome показывал на закладке что на страничке воспроизводиться аудио контент. Но поскольку лично я туда такого ничего не ставил то сразу предположил что это подарок от ucoz-a. Видите как, иногда они рекламу ставят в всплывающий блок справа, а тут решили подать ее в фоне. Ну казалось прозвучала реклама и будет. И забыли. Какое там - после зубной пасты начался "показ" какого-то мыльного сериала... Не верите в такой идиотизм? 

Моя тестовая страничка здесь.

Как это происходит? Хостинг ucoz-a на бесплатных сайтах добавляет скрипт рекламы в начало каждой нашей html-страницы.  


Далее в зависимости от типа и версии вашего браузера появляется реклама. Например, эта же страница в Internet Explorer и Firefox выдала только визуальную рекламу в правом верхнем углу. Никакого фонового аудио не появилось.

Sunday, 23 September 2018

Google Fonts нам в помощь.

Всем привет.

Сочиняя web-визитку мне не понравился фонт который мой браузер предложил по умолчанию. Если помните, ранее я боролся с этим с помощью Сufon

Но сегодня вспомнил что та же задача легко решается с помощью Google Fonts. Итак идем на портал https://fonts.google.com/. Выбираем фонт по картинке. Название запомнили? Далее берем свою html-страничку и правим следующее.

В head прописываем линк:
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>

А в CSS прописываем:
body {
  background: white;
  color: #39313c;
  font-family: "Pacifico", serif;
  font-size: 1.25em;
  line-height: 1.875em; }

И в принципе все. Получилось так



Можете указать и более подробные параметры фонта в head:
<link href="https://fonts.googleapis.com/css?family=Open+Sans:600&amp;subset=cyrillic" rel="stylesheet">

CSS:
font-family: 'Open Sans', sans-serif;

Главное что теперь визитка будет отображаться у всех одинаково независимо от семейства фонтов установленных в ОС пользователя.

Вариантов много. Удачи.

Tuesday, 7 November 2017

Как вам "Сайт не принадлежит вашему uID-аккаунту"?

Всем привет.

Месяц тому я еще нормально входил на админку своего сайта на Ucoz по паролю, без uID. А неделю тому получил сообщение на входе в админку сайтв  "Сайт не принадлежит вашему uID-аккаунту."
 
Это логично. Сайт действительно не принадлежит  моему uID-аккаунту, потому что он не был к нему подвязан. Этот сайт в свое время спокойно мигрировал с narod.ru. И вход в админ панель успешно работал по паролю. Судя по сообщеним в сети сообщение "Сайт не принадлежит вашему uID-аккаунту" получают многие, некоторым помогают советы бывалых с форума, другим наоборот советы либо не помогают либо ухудшают положение еще больше. Вплоть до ситуации когда владельцу сайта приходиться доказывать свои права на контент.
 
Ucoz предлагает свою опцию uID как панацею для безопасного входа ко всем своим сайтам созданным в системе Ucoz.

Напомню, uID - это глобальный профиль который используется для авторизация в системе uCoz и обладает несколькими интересными особенностями:
  • uID - это уникальный идентификатор, который позволяет войти практически на любой сайт системы uCoz без регистрации на каждом сайте;
  • uID - это ваш уникальный глобальный профиль, с помощью которого вы можете настроить отображение своего профиля, на сайтах, где вы авторизируйтетесь;
  • User-Bar - удобная панель управления, которая позволит вам: лучше взаимодействовать с сайтом, на котором вы находитесь, удобно просматривать новые комментарии в блогах/новостях.
Но в случае с моим сайтом ребята с Ucoz-а явно перемудрили.

После недолгих поисков я нашел причину почему так происходит. Допустим вы залогинены в свою uID к которой не привязан ваш очередной сайт XYZ. Не выйдя из uID вы пытаетесь зайти по паролю в админку сайта XYZ. Тут же Ucoz выполняет сверку с текущим uID и переключает ваше приглашение на вход по uID. Все, вы попались! Разумеется текущий uID не подойтет ибо сайт к нему не привязан. И вы получаете "Сайт не принадлежит вашему uID-аккаунту." А другого uID вы не знаете, того самого который для вашего сайта XYZ. Почему не знаете? Потому что сайт мигрировал с narod.ru и он не создавался с нуля в cиcтеме Ucoz.

Прелесть ситуации в том что даже выполнив выход из uID приглашение входа в админку сайта XYZ остается только по uID. Которая мне неизвестена!

Запрос "Что делать?" был отправлен в службу поддержки Ucoz. Ответа ждем вторую неделю.

Tuesday, 16 May 2017

Sublime Text и proxy.

Всем привет.

Есть такой полезный инструмент как Sublime Text для web-разработчика. Редактор который имеет много полезных фишек, особенно он полезен плагинами которые под него созданы.

Но на рабочем месте где используется доступ в сеть через прокси-сервер ему надо помочь решить эту проблему. Иначе pop-up сообщения о невозможности обновить конкретный плагин вас просто достанут. Да и сама установка новых плагинов тоже должна проходить ведь без вопросов.

Что для этого надо?

Сущий пустяк. Идем по меню Preferences-Package Settings-Package Control-Settings-User



и добавляем в конец открывшегося файла четыре строчки:
 "http_proxy": "myproxy.viper.com.ua:3128",
 "https_proxy": "myproxy.viper.com.ua:3128",
 "proxy_password": "paSsW0rd",
 "proxy_username": "MyNickname".

Не волнуйтесь, Sublime Text после перезагрузки сам расставит их так как ему надо. У меня получилось так.

{
 "bootstrapped": true,
 "http_proxy": "myproxy.viper.com.ua:3128",
 "https_proxy": "myproxy.viper.com.ua:3128",
 "in_process_packages":
 [
 ],
 "installed_packages":
 [
  "Git",
  "Package Control"
 ],
 "proxy_password": "paSsW0rd",
 "proxy_username": "MyNickname"
}

Успехов.

Saturday, 1 April 2017

Сжатие данных для страниц вашего web-сайта.


Добрый день!

Сегодня команда Айри подготовила детальный обзор и руководство по внедрению всех доступных на сегодняшний день методов сжатия данных. Это позволяет сократить размер текстовой части страниц вашего web-сайта до 90%.
 
Gzip-сжатие
 
Размер передаваемых данных является основным фактором, влияющим на «тяжесть» сайта, на его время загрузки. Все меры, обеспечивающее меньший объем передаваемых данных при сохранении объема информации или качества сайта, являются наиболее приоритетными при ускорении сайта. А методики, которые могут позволить такие меры применять, ценятся на вес золота. Сегодня мы разберемся, зачем нужно сжатие (или архивирование) данных на сайтах и как его правильно настроить.
 
На текущий момент существует большое количество алгоритмов сжатия (архивирования) данных, которые можно разделить на три основные группы:
 
1. Поточные алгоритмы. К этой группе относятся алгоритмы семейств RLE (run-length encoding), LZ* и др. При кодировании данных используется не информация о частотах символов в сообщении, а информация о последовательностях, встречавшихся ранее. Так работает, например, gzip (LZ77), bzip и compress.
 
2. Алгоритмы статистического (энтропийного) сжатия. Эта группа алгоритмов сжимает информацию, используя частоты, с которыми различные символы встречаются в сообщении. К алгоритмам этой группы относятся алгоритмы арифметического и префиксного кодирования (с использованием деревьев Шеннона-Фанно, Хаффмана, секущих). Алгоритм сжатия данных brotli использует, в том числе, кодирование Хаффмана совместно с LZ-алгоритмами.
 
3. Разностные алгоритмы. В отдельную группу можно выделить алгоритмы преобразования информации (включая использование словарей). Алгоритмы этой группы часто не производят непосредственного сжатия информации, но их применение значительно упрощает дальнейшее сжатие с использованием поточных и энтропийных алгоритмов. Алгоритм SDCH (VCDIFF) использует именно словари и разностное кодирование информации.
 
Поточные алгоритмы

Wednesday, 8 March 2017

HTTP и FTP ошибки web-сервера.


Всем привет.

Часто приходится получать ошибки при загрузке страниц при просмотре web-сайтов. С различными кодами. Мне иногда интересны причины случившегося. Поэтому полезно иметь под рукой справочник кодов ошибок http и ftp. Ниже привожу свой справочник с толкованием каждой ошибки.
Он вам, возможно, пригодится при переводе сайта на https.


HTTP ошибки web-сервера делятся на диапазоны:

100-199 Информационный. Сообщает агенту что, запрос агента принят и обрабатывается.
200-299 Запрос агента обработан успешно, сервер отправил клиенту запрашиваемый документ .
300-399 Запрос агента изменен и агенту нужно предпринять некоторые действия для удовлетворения измененного запроса.
400-499 Проблемы при попытке выполнить запрос.
500-599 Ошибки сервера.

В диапазоне определены лишь несколько кодов, хотя для сервера при необходимости могут определяться собственные коды. При получении кода, который не может распознать, агент интерпретирует его в соответствии с диапазоном, к которому этот код принадлежит. Коды в диапазонах 100-199, 200-299 и 300-399 большинство Web-браузеров обрабатывают без извещения пользователя, а некоторые коды ошибок из диапазонов 400-499, 500-599 отображаются для пользователя.

Код ошибки http сервера - ошибка 100 Continue
Начальная часть запроса принята, и клиент может продолжать передачу запроса.

Код ошибки http сервера - ошибка 101 Switching Protocols
Сервер выполняет требование клиента и переключает протоколы в соответствии с указанием, данным в поле заголовка Upgrade.

Код ошибки http сервера - ошибка 200 OK
Запрос клиента обработан успешно и ответ сервера содержит затребованные данные.

Код ошибки http сервера - ошибка 201 Created
Этот код состояния используется в случае создания нового URI. Вместе с этим кодом результата сервер выдает заголовок Location, который содержит информацию о том, куда были помещены новые данные.

Код ошибки http сервера - ошибка 202 Accepted
Запрос принят, но обрабатывается не сразу. В теле содержимого ответа сервера может быть дана дополнительная информация о данной транзакции. Гарантии того, что сервер в конечном итоге удовлетворит запрос, нет, даже несмотря на то, что на момент приема запрос выглядел допустимым.

Sunday, 22 January 2017

Promo Ingate SEO Books

Всем привет.


Учиться никогда не поздно! Но для этого не обязательно срочно записываться на курсы. Можно пройти курс онлайн. А, так вы любите спокойнное чтение умных книг? Да нет проблем. Чтение электронной книги вас утроит?

Могу порекомендовать книги от компании Ingate. О чем же они? Про интернет вестимо. Интернет-маркетинг, коммерция, web-аналитика, реклама,  SEO, SMМ, ОRM  и т.п.

На страницах красиво иллюстрированных изданий в формате PDF - опыт экспертов, рекомендации лидеров мнений, кейсы и готовые решения для вашего бизнеса.

Все книги бесплатны, скачивание не требует ни регистрации ни ввода email. Книжек там более двадцати.



Get Adobe Flash player


Парочка анонсов.


Книга «SEO в деталях: продвижение сайтов с учетом тематики.» – это опыт отраслевых команд Ingate Digital Agency по повышению продаж с сайтов различных тематик. Ее авторы обобщили аналитику, экспертные рекомендации и профессиональные наработки и предложили читателям издания готовые решения для развития их интернет-проектов:

• специфику продвижения сайтов крупных брендов;
• тонкости поисковой оптимизации в тематике «Банки»;
• нюансы работы с сегментом «Оборудование»;
• методы повышения эффективности интернет-магазинов узкой тематики.

Книга «SEO в деталях: продвижение сайтов с учетом тематики.» будет полезна специалистам по рекламе и PR, интернет-маркетологам, владельцам бизнеса и всем, кто хочет быть в курсе трендов рекламы онлайн.


Книга "Мобильный трафик». Количество подключенных мобильных устройств в мире сравнялось с населением Земли. При этом 59% владельцев смартфонов используют их для исследования или совершения покупки. Как сделать так, чтобы они приобретали товары/услуги на вашем сайте? Казалось бы, ответ очевиден: необходимо учесть особенности мобильной аудитории, ее потребности и интересы. Однако более половины пользователей мобильных устройств называют неудобство мобильных версий сайтов основной сложностью при покупке онлайн:

• в чем специфика пользователей мобильных устройств;
• как увеличить конверсию мобильного трафика;
• как настроить контекстную рекламу для мобильных устройств.

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

Качайте и читайте - не пожалеете!

Saturday, 28 May 2016

Visual Studio Code. А кто это?

Всем привет.

Для редактирования  и написания кода я всегда использовал Notepad++. Кто-то любит  Sublime Text. Согласен, Sublime Text имеет более интересные перспективы, сам на него перешел недавно, но и Notepad++ не сдается. Все дело в плагинах. Которые можно прикрутить к тому или другому редактору.

Однако в гонку редакторов недавно вкрутился и Microsoft подарив всем кодерам мини-редактор с большими амбициями Visual Studio Code. Да, его интерфейс очень похож на лидера гонки - Sublime Text. Согласны?)


Однако следует помнить что без сопутствующего инструментария что Sublime Text, что Visual Studio Code годится разве что для простого (с подсветкой) редактирования файлов, для полноценной работы понадобится сопутствующий софт, который зависит от ваших целей и задач:

•ASP.NET 5 — гибкий фреймворк создания современных веб-приложений
•NodeJS (включает NPM) – платформа для создания масштабируемых сетевых приложений
•git – система контроля версий
•Yeoman – инструмент «скаффолдинга» примерно тоже самое что и File | New Project в VS
•generator-aspnet — yeoman генератор для ASP.NET 5 приложений, выполните npm install -g generator-aspnet для установки
•hottowel — yeoman генератор для быстрого создания AngularJS приложений, выполните npm install -g generator-hottowel для установки
•Express – фреймворк для Node приложений, использует «движок» шаблонов Jade
•gulp – инструментарий создания «тасков» для выполнения сопутствующих сборке проекта задач
•mocha – фреймворк создания модульных тестов на JavaScript/Node
•bower – клиентский пакетный менеджер
•TypeScript – язык TypeScript, добавляет модульность, классы и прочие приятные вещи в ваш JavaScript код
•TypeScript definition manager – определения TypeScript для популярных JavaScript библиотек, включают поддержку IntelliSense в VS Code.

Tuesday, 10 November 2015

Web Quality Assurance and 3 dimensions.

Hi all,

recently I took an active part in one QA (Quality Assurance) course of software products for newbies. I was watching this course distantly, so I could lost some technical moments. 

But I remembered one main reason in QA - it's a testing of web application interface (and its all functions) in various screen resolution of customer gadget. And various screen sizes, of course.
It's concerning to responsive web-design. OK.

What's problem in?

No problem, but we should check one moment - our monitor has ability change screen resolution (1) and change the element size (2).

It's example for Windows 7.

Tuesday, 14 July 2015

Онлайн проверка сайта на мошенничество.

Всем привет.
 
Сегодня предлагаю вам замечательный репост от Антона Севастьянова "Проверка сайтов на мошенничество".
 
Годик назад я вам писал про "Онлайн сервисы проверки сайта на вредоносный код". Мой пост оказалсь очень популярен среди читателей. Уверен что и репост Антона будет не менее популярен и востребован. Слово Антону.
 
В интернете стало появляется все больше различных мошеннических сайтов. И чтобы максимально обезопасить себя давайте попробуем разобраться, как проверить сайт на мошенничество.
 
Лично мне пришла мысль разобраться в данной теме, после того, как один из моих клиентов отправил мне скриншот из которого видно, что страница оплаты одного из моих видеокурсов присвоена плохая репутация, а конкретно, кто-то из пользователей указал, что сайт является мошенническим. Конечно же это не так, по этому и появилось желание разобраться в данном вопросе поконкретнее.
 
Ну что, давайте разбираться вместе, а начнем мы с сайта http://trustorg.com, данный сайт предназначен для проверки уровня доверия к определенным сайтам. Допустим, проверим мошеннический сайт http//goldenbirds.biz . Суть сайта заключается в зарабатывании денег, вы вкидываете определенную сумму, которая магическим образом увеличивается. Но, не суть, система тут довольно сложная, по этому все выглядит очень даже убедительно!
 
Вводим адрес сайта и жмем «Проверка сайта», что же у нас выдается в результате, рассмотрим моменты, на которые стоит обратить особое внимание:
 
— уровень траста или уровень доверия – данная цифра определяется по количеству положительных и отрицательных отзывов и оценок пользователей;
 
процент риска – если вы проверяете сайт, который каким-либо образом относится к финансовой деятельности, т.е. на нем можно заработать или вложить свои средства, данный пункт показывает процент риска потери ваших денежных средств;
 
возраст домена – тоже важный момент, чем больше возраст домена, тем больший уровень доверия к нему, так как, мошеннические сайты, как и фирмы однодневки, быстро закрываются. Для данного сайта не получилось узнать возраст домена, но мы сможем его узнать другим путем! Для этого щелкаем Данные о сайте из WHOIS Дата создания 2014.01.23, т.е. около года, данный сайт пудрит мозги людям. Здесь же можно узнать, какой электронный адрес был указан при регистрации и при желании связаться с владельцем;

Sunday, 14 June 2015

Инструменты web-разработчика в Google Chrome.

Всем привет.

Надыбал я более продвинутую версию моей статьи по средствам web-разработчика  в Google Chrome. Браузер популярный потому и средства его востребованы. Более того совсем недавно Google раздавал полезное расширение PageSpeed для оптимизации html-страниц. Но сейчас Google передумал и такая оценка доступна только онлайн.

Ниже пост автора по имени Akkad.

Этот пост был продолжением обзора самого браузера Google Chrome. В нём я хотел бы обратить внимание на инструменты разработчика Google Chrome (Developers Tools). Считаю, что будет нехорошо не уделить этому средству для веб-разработчиков хотя бы небольшого внимания. Ведь этот браузер предоставляет для веб-мастеров поистине ценные и важные средства, с помощью которых можно значительно улучшить и усовершенствовать работу ваших страниц, скриптов, найти и устранить множество ошибок, управлять визуальным отображением страниц и т.п. Единственное, что может стать препятствием на пути к активному применению этих инструментов – пожалуй неумение ими пользоваться и даже отсутствие знаний о том, что такое существует.)

Прежде чем перейти к описанию самого интерфейса, хотелось бы ещё остановиться на таком вопросе: как определить браузер Google Chrome? 

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

if (navigator.userAgent.toLowerCase().indexOf("chrome")>-1) {
//здесь код для Хрома}
else {
//код, если не Хром
}

или вот так:
if (window.chrome) {
//это браузер Хром}
else {
//это другой браузер
}

и даже версию:
var chromever=/Chrome\/[0-9+\.]+\b/i.exec(navigator.appVersion)[0].substring(7);

В переменной получим версию в виде строки, которую можно уже парсить узнавая подверсии. Такой "сложный" код нужен, потому что само свойство appVersion содержит и версию ОС и Хрома и AppleWebKit.

Wednesday, 10 June 2015

Как увеличить скорость загрузки сайта.


И снова здравствуйте.

Хороший конспект по оптимизации кода сайта для ускорения его загрузки. Не мой, но тем не менее.

Скорость работы web-сайта – сейчас один из самых важных показателей при создании  сайта и интернет-приложений.

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

1. Оптимизация изображений
2. Оптимизация CSS и скриптов
3. Общие рекомендации по ускорению сайта

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

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

Saturday, 2 May 2015

Экспресс-тест адаптивности от Google.

Всем привет.


Уже ни для кого не секрет, что в в сети, в рунете в том числе, наблюдается существенный рост мобильного трафика. И это довольно сильно влияет на жизнь web-мастеров и, разумеется, SEO-шников. Многие владельцы web-сайтов начинают задумываться о способах заработка на мобильном трафике, которого становится в избытке. Но самое главное, что web-сайт, не адаптированный для приема этого самого мобильного трафика, может серьезно потерять позиции в выдаче за счет ухудшающихся поведенческих характеристик. На мобильном телефоне очень неудобно пользоваться горизонтальной прокруткой при чтении текста или поиска меню, поэтому с таких ресурсов быстро уходят и не переходят на другие страницы. Скажем так - из-за мобильных гаджетов горизонтальная прокрутка сегодня считается рудиментом web-дизайна.

Я сам получил несколько сообщений от всемогущего Google-а что пара моих старых web-сайтов будут опущены в ранжировании если я не приму срочные меры по его адаптивности

Что делать? Куда бежать?

Не все так печально. Для начала можно воспользоваться экспресс-тестом PageSpeed Insights от того же Google. Через этот тестер можно оперативно прогнать свой сайт и увидеть что не нравится в нем Google-у.

Вбиваем адрес своего сайта, ждем пару секунд и имеем сводку что надо править.



Monday, 16 March 2015

Ссылка на ЛЮБОЙ web-сайт в аннотациях Youtube.

Привет всем.

Если помните в Youtube есть возможность поставить ссылку в аннотации ролика на внешний сайт. Этот сайт может быть один и он должен быть привязан к аккаунту Youtube.

Совсем неинтересно каждый раз повторно привязывать свой очередной сайт для новой ссылки. Да и скорее всего предыдущие ссылки полетят. Что делать? Оказывается есть лазейка.

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

Внимание - это значит что можно залить на свой сайт мини-страничку с редиректом (redirection) линк из которого уже ведет куда следует. Хоть поисковики и не очень любят редиректы но тут как раз тот случай когда его можно использовать. Что такое редирект и какие они бывают вы без труда найдете в сети.

А здесь я вам покажу парочку приемов.

Вот так редирект работает из тега meta:
meta http-equiv="Refresh" content="0; url=http://new.narod.ru"
а вот так на примере php-кода:
header( 'Location: http://new.narod.ru', true, 301 );

Т.е. заливаете на свой сайт файлик типа new1.html или new1.php и в ссылке ролика указываете http://mysite.ru/new1.html или http://mysite.ru/new1.php. Все, теперь ссылка работает на http://new.narod.ru.

Все просто.
Успехов.

Tuesday, 3 March 2015

Master Slider - мастер среди слайдеров!

Всем привет.

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

Я тоже так думал до недавних пор. Пока не встретил Master Slider. Ребята, это просто монстр по возможностям среди конструкторов слайдеров . Чего стоит хотя бы тот факт что этот Slider имеет свое API. Круто? Еще бы. Методы, свойства и события – все как полагается в ООП.

Master Slider обладает супер-гладкими переходами. Он поддерживает сенсорную навигацию с жестами. Обладает отзывчивым дизайном, что позволяет ему работать идеально на всех гаджетах. 

А теперь внимание - Master Slider умеет работать со слоями! С возможностью добавления в слой любого HTML содержимого: текста, изображения, видео.

Версия на печать

Популярное