Pull to refresh
24
0
Send message

HTML трюки

Reading time 2 min
Views 14K
image

1. Атрибут `loading=lazy`


Совет по производительности. Вы можете использовать атрибут loading = lazy, чтобы отложить загрузку изображения до тех пор, пока пользователь не домотает до них.

<img src='image.jpg' loading='lazy' alt='Alternative Text'>  
Total votes 40: ↑31 and ↓9 +22
Comments 16

HTML-теги и атрибуты, о которых вы, возможно, не знали

Reading time 14 min
Views 49K

image


Эта статья — шпаргалка по HTML-тегам. Поэтому не будем разглагольствовать, сразу к делу.


abbr


Тег abbr определяет аббревиатуру или акроним. Аббревиатура или акроним расшифровываются с помощью атрибута title.


<abbr title="HyperText Markup Language">HTML</abbr> был разработан британским ученым Тимом Бернерсом-Ли приблизительно в 1986—1991 годах.

abbr часто используется совместно с тегом dfn, идентифицирующим понятие или термин:


<p><dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn> - формальный язык описания внешнего вида документа (веб-страницы).</p>

address


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

Читать дальше →
Total votes 66: ↑54 and ↓12 +42
Comments 13

Семь принципов успешного социального продукта, которые вам надо знать

Reading time 6 min
Views 5.1K
Социальные продукты — это весьма интересная птица. Даже для самого опытного продакт-менеджера, социальные продукты остаются неуловимыми. И хотя есть много очевидных истин про них, существует масса способов продумать их неправильно. Особенно если вы глубоко в текущем моменте, принимаете решения на уровне пикселей, стараетесь помнить что же именно важно, — и общая картина размывается.

Есть единственная магия, которую я обнаружила в дизайне привлекательных социальных продуктов, которые отлично прорываются через шум и овладевают временем и деньгами людей. Это тотальное следование следующим ключевым принципам дизайна, архитектуры продукта.
Читать дальше →
Total votes 65: ↑49 and ↓16 +33
Comments 51

Особенности оптимизации ИТ-проекта при выходе в немецкий сегмент

Reading time 5 min
Views 1.1K


Предположим, у вас есть замечательный проект. Неважно, какой именно — возможно, это программа, распространяемая по принципу shareware или удобный социальный сервис.

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

Казалось бы, всё просто — нанял переводчика, залил переведенные страницы на сайт — и радуйся. Но реальность, как всегда, куда веселее.

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

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

Статья рассчитана в первую очередь на тех, кто не знает немецкого языка и не имеет опыта работы в de-net'е.

В случае возникновения каких-либо вопросов я с радостью отвечу в комментах или личке.

Читать дальше →
Total votes 128: ↑101 and ↓27 +74
Comments 125

Как я сделал российский вычислительный комплекс с двумя экранами

Reading time 3 min
Views 734
В свете дискуссии, развернувшейся в комментариях к посту про "российский смартфон на андроиде", расскажу о том, как я сделал российский вычислительный комплекс с двумя экранами (РВК-ДЭ).
Читать дальше →
Total votes 123: ↑101 and ↓22 +79
Comments 46

Особенности использования GD-lib на хостинге PHP c ограничеными ресурсами

Reading time 2 min
Views 781
Данной проблемой пришлось занятся после случая на хостинге «Х», на котором достаточно небольшие изобржаения невозможно было преобразовать, используя эту библиотеку. Но самое противное заключалось в том что скрипт просто умирал, оставляя информацию только в логах. Поэтому пришлось выяснить
чтобы такого сделать чтоб не умирал
Total votes 10: ↑8 and ↓2 +6
Comments 3

Восстановление зрения

Reading time 2 min
Views 45K
Однажды у меня появились видеозапись лекций Жданова.
Так были предложены упражнения для глаз. Я решил попробовать выполнять их, чтобы проверить их эффективность.
Ниже вы увидите сами упражнения.

Читать дальше →
Total votes 162: ↑114 and ↓48 +66
Comments 180

Классификация интернет-пользователей для рекламодателя

Reading time 5 min
Views 3.3K
Интернеты – наиболее динамично развивающаяся коммуникационная среда, о чем хабраюзеры знают лучше других. Реклама в интернетах пытается успевать за сервисами и технологиями. Youtube, Одноклассники.ру, Twitter, … завтра появится очередной сайт, который изменит подход к коммуникациям в онлайне. Всё постоянно меняется, и если вы пристально не следите за интернет-рекламой, то сейчас я быстренько расскажу о нынешних реалиях.

Сегодня есть шесть типов наиболее распространенных интернет-пользователей. Каждого из них рекламодатель должен знать в лицо, чтобы понимать как именно ему продать свой товар.
здесь самое интересное начинается
Total votes 22: ↑17 and ↓5 +12
Comments 27

Новый конкурс Вконтакте — наглый обман

Reading time 1 min
Views 8.4K
Я сам из Латвии, вчера пришло письмо от администрации Вконтакте, в котором они рассказывали о новом конкурсе для иностранных посетителей. В течение двух недель привлекаешь по своей ссылке новых юзеров, лучшие 30 приглашающих по регионам получают в подарок iPod nano, а в общем рейтинге призы уже посолиднее — ноуты, смартфоны и т.д.

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

Потом решил устроить акцию для своих посетителей и за кое-какие бонусы на сайте предложил им приглашать своих друзей. Пригласил 5 друзей — бонус.

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

Видимо не хотели огорчать остальных участников.

Зато очень огорчили меня.

P.S. Обнаружил в сообщениях скриншот момента обнуления — pic.ipicture.ru/uploads/091106/KdK32NvX0f.jpg
Total votes 367: ↑327 and ↓40 +287
Comments 206

Хороший пользовательский интерфейс

Reading time 7 min
Views 120K

Вольный перевод статьи Якуба Линовски — «A Good User Interface».

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

16 практических идей
Total votes 165: ↑150 and ↓15 +135
Comments 63

Разработка web API

Reading time 9 min
Views 287K

Интро


Это краткий перевод основных тезисов из брошюры «Web API Design. Crafting Interfaces that Developers Love» Брайана Маллоя из компании Apigee Labs. Apigee занимается разработкой различных API-сервисов и консталтингом. Кстати, среди клиентов этой компании засветились такие гиганты, как Best Buy, Cisco, Dell и Ebay.

В тексте попадаются комментарии переводчика, они выделены курсивом.

Собираем API-интерфейсы, которые понравятся другим разработчикам


Понятные URL для вызовов API

Первый принцип хорошего REST-дизайна — делать вещи понятно и просто. Начинать стоит с основных URL адресов для ваших вызовов API.

Ваши адреса вызовов должны быть понятными даже без документации. Для этого возьмите себе за правило описывать любую сущность с помощью коротких и ясных базовых URL адресов, содержащих максимум 2 параметра. Вот отличный пример:
/dogs для работы со списком собак
/dogs/12345 для работы с отдельной собакой
Дальше
Total votes 235: ↑224 and ↓11 +213
Comments 128

Как сделать группу инпутов удобной

Reading time 2 min
Views 47K
Когда я работал над сервисом заметок jotsky.com, еще до работы в Островке, надо было сделать ввод телефонного номера из двух инпутов. Примерно такой:



Я сделал навигацию с помощью стрелочек. Сделал, чтобы по мере заполнения фокус переключался к следующем инпуту. А вот сделать правильную вставку из буфера обмена у меня никак не получалось.
Читать дальше →
Total votes 175: ↑162 and ↓13 +149
Comments 98

Монетизация приложений — где деньги лежат, или почему это все реклама?

Reading time 12 min
Views 45K


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

Всем хочется кушать.

Мы видим споры и метания между тем, какой способ заработка лучше. Что выбрать: платные приложения, бесплатные, но с рекламой, или бесплатные, но с внутренними платежами или платой за дополнительный функционал. Триалы, пожертвования…
Читать дальше →
Total votes 65: ↑54 and ↓11 +43
Comments 16

Проще лучше, чем лучше

Reading time 5 min
Views 3.6K
В своей книге Парадокс выбора («The Paradox of Choice» by Barry Schwartz) Барри Шварц приходит к интересному выводу относительно осуществления выбора человеком:

«Люди выбирают не на основе того, что важнее, а основываясь на том, что легче всего оценить.»

Здравый смысл подсказывает, что из всех вариантов вы должны выбрать тот, который наиболее важен для вас, хотя на самом деле люди обычно выбирают тот, который удобен для них, легок в понимании. Очень часто мы делаем это, потому что не хотим тратить время на исследования, разбираясь в вопросе для принятия обоснованного решения. Политики редко избираются на основе того, что большинство людей проводят исследования о их политических программах. Они избираются потому, что люди запомнили сообщение, которое политики распространили, и потому, что они слышали об этом политике раньше.
Читать дальше →
Total votes 104: ↑97 and ↓7 +90
Comments 70

Комильфо интерфейса пользователя

Reading time 6 min
Views 8.2K
Сразу хочу сказать, что в данной статье речь пойдет не о веб-дизайне, но о дизайне интерфейса компьютерных программ.
Для пользователя конечным продуктом является не программа, а интерфейс. Он никогда не задумывается над тем, как устроена программа, пока она успешно справляется со своими задачами. Поэтому очень важно, чтобы интерфейс привлекал конечного пользователя, а не отпугивал в первые же секунды знакомства с ним.

Кто ответит за дизайн?



Зачастую разработкой интерфейса ПО занимаются сами программисты, которые это ПО и написали. Причем, как правило, не каждый программист может похвастаться наличием дизайнерских способностей или хотя бы опыта в этом плане.
Правильного ответа на вопрос «как сделать хороший интерфейс» нет и не будет, однако можно вывести некоторые общие рекомендации, которые хоть и не ответят на вопрос «как нужно делать», зато уж точно подскажут «как делать не нужно». Следование таким рекомендациям не даст обязательно сногсшибающий результат, зато поможет не совершать частых ошибок дизайна интерфейса и сделать его как можно более удобным и привлекательным для пользователя.
Написанные ниже рекомендации ориентированы на разработчиков ПО, которые никогда особо не задумывались об интерфейсе разрабатываемых ими программ, делая акцент лишь на внутреннее устройство. Если программа подразумевает в качестве пользователя не только самого разработчика, но и каких-либо других людей, то стоит обратить некоторое внимание и на внешний вид программы.
Некоторые рекомендации уже будут вам знакомы или очевидны, не буду отрицать. Посему просьба отнестись к этому позитивно, повторение — мать учения.
Читать дальше →
Total votes 92: ↑82 and ↓10 +72
Comments 67

Client-side кропалка на canvas

Reading time 3 min
Views 3.5K
На одном из проектов было необходимо сделать кропалку для загружаемых юзерами аватаров. Стандартные решения, такие как Jcrop, после выделения области отправляют на сервер координаты, и сам кроп изображения необходимо осуществлять уже на сервере. Тем временем, современные браузеры уже дошли до того состояния, когда подобные действия можно осуществлять сразу на клиенте. Это и подтолкнуло меня к написанию своей кропалки с использованием canvas, которая производила бы все действия на клиенте и отправляла готовое изображение в виде base64-строки на сервер. Помимо ускорения работы и разгрузки сервера, это так же позволит нам сразу сменить аватар пользователя на странице, без подгрузки его с сервера.

Читать дальше →
Total votes 39: ↑35 and ↓4 +31
Comments 13

Персонал: как не косячить с управлением командой

Reading time 7 min
Views 45K
Я наступил на все грабли подбора персонала в своей прошлой компании и теперь знаю, что и как можно делать лучше. Делюсь, тем более, что на Хабре про то, как всё это крутится у нас, неоднократно спрашивали.

Вкратце:
  • Хотят сотрудники работать по умолчанию или нет?
  • Почему авторитарные лидеры вымирают.
  • Насколько важно распространение информации (менеджмент «открытых книг»).
  • Кто не косячит – тот не работает.
  • Как мы собеседуем.
  • Как мотивировать команду.
  • О рандомных премиях.
  • Корпоративы: может, лучше дать всем по $100?
Читать дальше →
Total votes 54: ↑51 and ↓3 +48
Comments 50

5 привычек успешных людей

Reading time 3 min
Views 11K
Первый мой перевод был радушно встречен хаброжителями, поэтому продолжаю переводить понравившиеся статьи.

Успешные люди и победители очаровывают меня. Мне всегда интересно, что выделяет их среди других людей. Поэтому читая книги про успешных людей я пытаюсь выделить те «выигрышные» привычки, которые у них есть. Вот пять из них, которые я заметил.
Все еще интересно? Тогда прошу под кат
Total votes 76: ↑40 and ↓36 +4
Comments 37

8 шагов к созданию собственного сайта

Reading time 6 min
Views 47K
Я не нашел хороших пошаговых шаблонов к действию для новичков в сайтостроении, поэтому хочу поделится опытом создания собственных веб-сайтов от идеи до запуска.
Минимальные требования: умение верстать HTML-страницы и базовые знания в любом из языков веб-программирования (PHP/Python/Perl/Ruby).
Рекомендуемые: Основы работы в графических редакторах (Photoshop/Adobe Illustrator), навык divной HTML вёрстки, владение хотя бы одним из языков для веб-программирования (PHP/Python/Perl/Ruby...).
Временные затраты: напрямую зависят от навыков и желания. У меня на 1 проект уходило от пары часов до недели (В зависимости от детальности реализации каждого из пунктов).

Читать дальше →
Total votes 18: ↑6 and ↓12 -6
Comments 6

SEO: инвестируйте пару часов в удержание клиента

Reading time 7 min
Views 4.6K
Почти у всех SEO-компаний, компаний занимающихся контекстной рекламой, медийной рекламой и другими подобными услугами по привлечению трафика на сайт, есть одна большая проблема. Эта проблема — заказчики, недовольные даже когда все обязательства по договору выполнены на 5+. Менеджерам приходится ежемесячно по сути заново продавать услугу, и с каждым разом это сложнее. Самое неприятное, что с аргументами заказчика не поспоришь — с сайта нет заказов. О решении этой проблемы и поговорим.

Для начала разберемся с причинами
(смотрим с точки зрения руководителя SEO-компании)



Проблема в работе оптимизатора-рекламщика (производство не тянет)? Напротив, он предоставит отчеты на стопицот страниц, подтверждающие, что он все сделал замечательно (а где в seo иначе?). Позиции сайта в поиске просто заоблачные. Объявления по минимальным ставкам на позициях спецразмещения. Даже целевой трафик на сайт идет обильно и стабильно (хотя по договору вы отчитываетесь только за позиции, а на объем и качество трафика можете забить).

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

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

Так в чем же? На самом деле выявить причины нулевой (или близкой к тому) конверсии можно за пару часов. Раз никто не виноват, еще раз взгляните на сайт, с которого все ждут заказов (по-умному это называется аудит-сайта, точнее — экспресс-аудит).
Читать дальше →
Total votes 38: ↑29 and ↓9 +20
Comments 27

Information

Rating
Does not participate
Registered
Activity