Pull to refresh

Создаём сайт и приложение за три дня: бесплатный интенсив JS

Нетология corporate blog Web design *Website development *JavaScript *Studying in IT

26-28 октября пройдет интенсив Нетологии «Первые шаги в JavaScript». Это три дня теории, вопросов и домашних заданий. Весь интенсив займёт не больше девяти часов. Итог занятий — самостоятельный проект на JavaScript, несложный, но рабочий.

Записаться →
Total votes 10: ↑4 and ↓6 -2
Views 6.1K
Comments 0

Владельцы веб-сайтов получают фейковые жалобы по авторским правам в Яндекс.Формах с ссылками на троян IcedID

Information Security *Website development *Domain names administrating *


Владельцы и администраторы веб-сайтов по всему миру стали получать поддельные жалобы от вымышленной компании на нарушение авторских прав, которые используют сервис Яндекс.Формы и содержат ссылки для распространения банковского трояна IcedID.
Читать дальше →
Rating 0
Views 904
Comments 0

Site24x7 или Круглосуточный мониторинг ваших сайтов

Lumber room
Когда вы поддерживаете несколько сайтов, хотелось бы узнавать о том, что какой-то сайт отключился, немедленно, а не спустя несколько часов из писем и звонков возмущённых пользователей. А ещё хотелось бы как-то проверить, кто из хостинг-провайдеров, стандартно заявляющих, что «сайты на нашем хостинге доступны 24 часа в сутки 7 дней в неделю», говорит правду, а кто кривит душой.
Читать дальше →
Total votes 4: ↑4 and ↓0 +4
Views 933
Comments 9

Веб-сайт помог дизайнеру найти девушку своей мечты

Social networks and communities
Эта романтическая история о том, как интернет помог найти девушку. :)) 21-летний дизайнер из Бруклина Патрик Моберг увидел в воскресенье вечером в поезде девушку, в которую влюбился с первого взгляда. Поезд был переполнен, и он потерял ее из виду. Как обычно заканчиваются такие истории? Выходят из поезда и забывают — найти человека в огромном городе невозможно. Так ли?

Патрик решил, что возможно. Чтобы найти ее, он создал сайт www.nygirlofmydreams.com, где разместил ее портрет, нарисовав ее: девушка в голубом с красным цветком в волосах. На сайте оставил свой номер телефона и электронную почту.

Его телефон неустанно звонил, а на почту приходили сообщения от незнакомых, которые говорили, что они тоже ничего так, хоть и не та самая девушка мечты. Ему предлагали любовь десятки девушек, но среди них не было ЕЁ.
Читать дальше →
Total votes 88: ↑78 and ↓10 +68
Views 372
Comments 37

Инвайты от пользователей и спам.

Lumber room
Вполне распространенным и естественным способом продвижения сайта является предоставление его пользователю возможности пригласить «извне» новых участников. При этом для стимуляции этой приглашательной деятельности пользователь обычно за каждого приглашенного получает определенную плюшку. Либо это проценты от чего-то, если этот сайт завязан в первую очередь на деньги, либо это какие-то внутренние бонусы, или по крайней мере рейтинг. Естественно, это приводит к тому, что ко всему множеству и разнообразию спама добавляется еще и спам «инвайтный», когда кто-то просит/уговаривает/требует перейти по ссылке с его кодом приглашателя.

Результаты:
1) Новые пользователи впервые в жизни будут попадать на наш сайт путем обмана. Врядли они там надолго задержатся (если речь не идет о «биомассовом» сайте)
2) Увеличиваются объемы спама.

Что делать? Отказываться от инвайтинга вообще, отказываться от плюшек за приглашенных участников или есть какое-то совсем иное, но хорошее решение?

(возможно, будет иметь смысл перенести эту тему в другой блог)
Total votes 11: ↑8 and ↓3 +5
Views 268
Comments 4

Планируем бюджет для веб-сайта

Lumber room
Translation
Примечание: ниже перевод статьи «Setting a Web Design Budget», посвященной вопросам создания веб-сайтов с финансовой стороны.

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

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

Иногда небольшое изменение точки зрения на проблему способно существенно повлиять на результат.
Читать дальше →
Total votes 8: ↑6 and ↓2 +4
Views 1.7K
Comments 5

Можно ли внести веб-сайт в список источников академической работы

Studying in IT
Дискуссия на эту тему завязалась этим летом на защите выпускных работ на факультете международных отношений СПбГУ, где я работаю.

С одной стороны, прозвучала точка зрения, согласно которой назвать веб-сайт источником информации — это то же самое, что назвать источником информации книжный шкаф. На веб-сайтах можно найти множество разных элементов: виджеты, навигационные ссылки и кнопки, счётчики, рекламные баннеры. С этой точки зрения источниками нужно называть конкретные документы, размещённые на веб-сайте, а не сам веб-сайт. Действительно, не называют же историки источником какой-нибудь архив! Источники для них — это материалы из архива.
Читать дальше →
Total votes 7: ↑5 and ↓2 +3
Views 2.4K
Comments 15

Куда податься художникам и что их ждет в интернет пространстве

Talenthouse corporate blog
Один из комментариев, который я увидела на сайте Habrahabr.ru звучал так, «Ну, почему в рунете нет нормальных сайтов для творчества — с большой аудиторией, хорошим дизайном и отличным контентом? Везде или дизайн или фриланс… А для музыкантов и художников вообще ничего нет нормального…»

Позвольте рассказать немного о том, что мы делаем и как помогаем творческим людям реализовать свои таланты, ну, по крайней мере, заявить о них. И еще хотелось бы поделиться своими наблюдениями за время работы русско-язычной версии сайта.
Читать дальше →
Total votes 15: ↑10 and ↓5 +5
Views 5.7K
Comments 2

Ускоряем базу данных веб-сайта

Website development *
Translation
Скорость загрузки веб-сайтов всегда была важной темой, но стала еще более актуальной с апреля 2010 года, когда Google стал учитывать её при ранжировании сайтов в поисковой выдаче. Однако, основной уклон, как правило, делался на уменьшении размера файлов, оптимизации параметров сервера, CSS и Javascript.
Также имеет место еще один немаловажный фактор. Это скорость, с которой веб-страницы формируются на сервере. Большинство крупных современных сайтов хранит всю информацию в базах данных и используют различные языки (например, PHP или ASP) для её извлечения, формирования HTML-страницы и отправки её браузеру.
Читать дальше →
Total votes 141: ↑88 and ↓53 +35
Views 114K
Comments 67

Доклад «Золотые правила создания успешных веб-сайтов» на конференции IT2Days Usability

Interfaces *
image
В Москве 11 и 12 апреля организация AIESEC совместно с User Experience Russia проводит конференцию IT2Days, посвященную юзабилити.

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

Слайды: Золотые правила создания успешных веб-сайтов для конференции IT2Days

P.S. Организаторы обещали предоставить видео на этой неделе.

P.P.S. Прислали фотку с оценками доклада. Оценка производилась по двухсмайльной системе от :( – не очень понравилось, до :) – просто восторг!
Оценка участниками конференции доклада
Total votes 16: ↑11 and ↓5 +6
Views 2K
Comments 4

Техническое задание на сайт

Website development *
UPD: Продолжение статьи с примером техзадания

Не так давно на хабре были две статьи (Согласно техническому заданию и А зачем мне ТЗ? Я и так знаю!) посвященные техническим заданиям. У меня обе статьи вызвали, мягко говоря, недоумение, в особенности статья «Согласно техническому заданию». На мой взгляд, это вообще вредная статья, которая приводит к неверному понимаю сути ТЗ. В связи с этим хочу выразить свой взгляд на этот вопрос. Не буду говорить обо всех тех. заданиях, слишком широка тема, но думаю смогу рассказать о ТЗ на сайт.

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

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

1. Обоснование необходимости ТЗ


А зачем вообще нужно ТЗ на сайт? Заказчик говорит: «Нужен следующий сайт: каталог товаров, корзина, форма заказа, доставка, мы на карте, о нас, обратная связь». Что не ясно? Ничего необычного, всё обыденно и рутинно.

Разработчик отчетливо представляет, что нужно сделать, а сделать, в его понимании нужно вот так:



Далее много букв
Total votes 212: ↑209 and ↓3 +206
Views 690K
Comments 141

Техническое задание на сайт. Практика

Website development *


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

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

Много текста и картинок
Total votes 70: ↑63 and ↓7 +56
Views 198K
Comments 58

Использование Symfony2 для создания e-commerce портала с нуля

Website development *PHP *Symfony *
Всё началось с того, что мы задумали веб портал для продажи мебели. Это веб портал для продажи предметов мебели и интерьера, и что у меня самого есть множество идей, которые мы должны реализовать в рамках будущего портала. Все эти идеи были похожи на интернет-магазин, но при этом они не совсем укладывались в рамки обычного магазина. Например, товары мы должны показывать в красивых интерьерах реальных квартир — это интересно, а главное удобно для покупателя. Значит, у нас на сайте должны быть отдельно карточки и интерьеров и товаров, которые образовывают структуры. Вот еще задачка: сам портал не имеет своего склада и логистики, а только агрегирует информацию: собирает, анализирует, красиво показывает и генерирует продажи у партнеров. Значит нужно ввести различных поставщиков, показывать различные условия доставки и т.д. Поэтому перед нами встал вопрос: что мы можем использовать, чтобы создавать портал не с нуля, но при этом иметь большую гибкость при кастомизации выбранных решений. Итак, что же у нас получилось.

Выбор LAMP
Вначале мы выбрали общий стек технологий. Здесь было просто: ведь наиболее распространённый выбор технологий для веб-порталов — это LAMP (Linux, Apache, MySQL, PHP). Мы не хотели изобретать велосипед, писать все с нуля, так как это и дорого и долго. Нам нужно было максимально быстро создать портал с использованием каких-либо библиотек/фреймворков, возможно CMS/E-commerce систем. Если LAMP технологии наиболее распространены — то значит, мы сможем найти большое количество различных open-source решений, а из них сможем выбрать что-то подходящее для «фундамента» своего портала.

Готовые E-commerce системы
Как только мы выбрали PHP и все, что с ним связано, мы начали смотреть, что уже есть готового по нашей тематике. Конечно же, мы сразу начали думать про готовые E-commerce системы, например, набирающую популярность Magento. Нашли нескольких партнеров Magento, которые занимаются кастомизацией и внедрением этой системы. Попросили сделать примерную оценку того, во сколько нам обойдется «заточить» Magento под все наши требования, включая оптимизацию быстродействия, с которым у Magento, как оказалось, есть сложности, особенно у бесплатной версии. Наши расчеты показали, что по стоимости работ и дальнейшей поддержке в краткосрочном периоде — это будет даже дороже, чем, если бы мы писали все с нуля на чистом PHP. Мы посмотрели другие E-commerce решения: osCommerce, ZenCart, PrestoShop. Здесь ситуация была примерно такая же, а может даже хуже. Таким образом, мы вернулись в исходную точку поиска.

Фреймовики и библиотеки
Тогда мы решили смотреть в сторону более общих решений: фреймворков и библиотек. Мы решили остановиться на выборе 3-ех наиболее популярных фреймворков: Zend 1.11, Symfony 2 и Yii. Здесь у нас был более технологичный подход к выбору: мы хотели полную поддержку PHP 5.3, причем, желательно, чтобы сам код фреймворка предполагал стиль написания PHP 5.3, а именно как можно больше ООП, ведь нам же это все еще поддерживать потом. От Zend отказались сразу. Он очень монструозный, а нам нужно процентов 20 от его функциональности. К тому же ожидаемый 2.0 тогда был еще в форме идей на сайтах основных разработчиков. Yii был еще очень свежий на тот момент (осень 2011 года), а мы знаем, чем бывают чреваты эти «горячие пирожки» (как показало время – версия Yii 2.0 с полной поддержкой PHP 5.3 пишется до сих пор). И мы решили не рисковать и взять наиболее готовый и стабильный продукт – Symfony 2.

ORM решения
Итак, у нас были выбраны и платформа и фреймворк: LAMP + Symfony2. Нам также нужно было решить проблему с уровнем хранения и представления данных в нашем портале. Наверное, хорошо написать что-то специфическое для себя – это и работает быстрее и меньше кода. Однако основная наша проблема была в том, что мы делали свой продукт, и у нас не было четкой и постоянной спецификации. Улучшения же (читай: частые изменения) в сущностях, их взаимосвязях и бизнес-логике, требовали какого-то гибкого решения, которое мы могли бы быстро изменять и не бояться получить массу regression багов. В данном случае мы пошли хорошо проторенной дорогой. Сейчас большую популярность набирают различные ORM решения. Это не зависит от стека технологий или домена приложения. Посему после недолгих рассуждений мы выбрали ORM Doctrine 2. Тем более что она входит как стандартный модуль в Symfony 2. К тому же, мы понимали, что с ростом объемов данных и взаимосвязей между сущностями при работе на портале, мы перейдем к использованию нереляционной СУБД, например, MongoDB, а с выбранной ORM – Doctrine это также просто реализуется.

Итого у нас получился интересный набор технологий:

LAMP + Symfony 2 + Doctrine 2.

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

Читать дальше →
Total votes 23: ↑11 and ↓12 -1
Views 14K
Comments 23

Сравнительный анализ CMS: охота на оптимальную систему для создания корпоративных сайтов

CMS *Website development *PHP *
Recovery mode
Здравствуйте!

Хочу поделиться результатом собственного исследования, проводимого мной на протяжении недели в среде существующих CMS. Цель у меня была проста и прагматична — выбрать лучшую систему для создания корпоративных сайтов. Такая необходимость возникла в связи с постоянно растущим количеством заказов на сайты. С одной стороны, это не может не радовать, а с другой — заставляет максимально тщательно и с полной ответственностью отнестись к выбору движка, которому и предстоит сопутствовать не слишком опытному программисту в вопросе создания сайтов.
Читать дальше →
Total votes 110: ↑56 and ↓54 +2
Views 94K
Comments 188

Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript и CSS. 2-е изд

Издательский дом «Питер» corporate blog PHP *

Название оригинала: Learning PHP, MySQL, JavaScript, and CSS: A Step-by-Step Guide to Creating Dynamic Websites
Автор: Р. Никсон
Перевод книги: Н.Р. Вильчинский
Дата выхода: середина мая


В этом месяце у нас выходит второе обновленное издание западного бестселлера «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript и CSS 2-е изд.». Книга также пользуется популярностью у нас. Отзывы на ozon.ru.
Читать дальше →
Total votes 25: ↑5 and ↓20 -15
Views 9.1K
Comments 20

Работа со структурированными данными в Google

Google Developers corporate blog Website development *
Translation
Уровень подготовки веб-мастера: любой

Если Google распознает контент на вашем сайте как структурированные данные, то сможет отобразить больше полезной информации о нём. Например, если ваша страница посвящена описаниям товаров или мероприятий, рецептам, отзывам и другим подобным материалам, наши алгоритмы могут улучшить результаты поиска с помощью расширенных описаний веб-страниц. Сведения о вашем сайте также могут отображаться в сети знаний или в подсказках Google Now, привлекая потенциальных клиентов.

Сегодня мы представляем вам две новинки. Первая – это семь типов структурированных данных в Маркере, которые ранее не поддерживались, а вторая – инструмент под названием «Мастер разметки структурированных данных».
Читать дальше →
Total votes 2: ↑2 and ↓0 +2
Views 24K
Comments 0

6 инструментов доступного usability-тестирования для веб-сайтов

Witget corporate blog Usability *
Recovery mode


Рассказав в одной из предыдущих статей про 7 вещей в оптимизации лендингов, которые часто делают неправильно, хотим продолжить тему, связанную с улучшением веб-сайтов. Однако, на сей раз мы посмотрим на нее с иной стороны. Если ваша работа связана с оптимизацией конверсии, вы уже знаете, насколько важно Usability-тестирование. В конце концов, если посетителям сайта неудобно пользоваться его интерфейсом, шансы на то, что они конвертируются в покупателей, невелики. На сегодняшний день маркетологи могут пользоваться услугами постоянно растущего общества удаленных usability-тестировщиков. В этой переводной статье рассказывается о шести, на взгляд автора оригинальной публикации, наиболее интересных площадках для этой цели.
Читать дальше →
Total votes 17: ↑14 and ↓3 +11
Views 22K
Comments 9

Как создать веб-сайт, используя видео с YouTube в качестве фона?

Web design *Working with video *
Translation


Большие видео на заднем плане веб-сайтов — довольно популярный тренд в веб-дизайне. Умело примененные видео могут сделать веб-сайт более драматичным и привлекательным для пользователей.

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

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

Хотя и наиболее популярным способом создания видео-фона является использование HTML5 видео тега вместе с некоторыми параметрами CSS, стоит также обратить внимание на альтернативные источники видео, например, YouTube. В этом случае, вам не придется переживать о медленном ответе сервера, потому что запрос будет отправляться напрямик в YouTube.

В этой статье, я покажу вам, как можно построить клевый сайт, использующий видео с YouTube в качестве фона. Мы будем использовать jQuery.mb.YTPlayer.js для редактирования и управления внешним видом нашего видео. Итак, приступим!

Скачать исходники
Демо
Читать дальше →
Total votes 75: ↑45 and ↓30 +15
Views 85K
Comments 55
1