Как стать автором
Обновить
0
0
Антон @dpigo

Фулстек веб-разработчик с уклоном во фронтенд

Отправить сообщение

Быстрый-быстрый JavaScript

Время на прочтение1 мин
Количество просмотров2K
Примечание: ниже расположен перевод статьи «Serving JavaScript Fast», написанной года два назад, но нисколько не потерявшей своей актуальности. Автор предлагает достаточно большой комплекс мер для ускорения загрузки и работы CSS/JS-файлов. Ссылки и частичные переводы данной статьи достаточно широко цитируются в Рунете, однако, полностью она еще нигде не появлялась, а полезных советов в ней довольно много. Мои комментарии далее курсивом.

Следующее поколение веб-приложений будет использовать весьма «тяжелые» JavaScript- и CSS-framework'и. Мы собираемся продемонстрировать, как увеличить скорость взаимодействия таких приложений и ускорить их работу.

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

читать дальше на webo.in →
Всего голосов 57: ↑54 и ↓3+51
Комментарии31

Применение Золотого сечения в Web

Время на прочтение5 мин
Количество просмотров49K
К сожалению, в наше время перенасыщенное рекламой, у многих сложился стереотип, что дизайн – это просто симпатичная и яркая картинка.

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

Сделав сногсшибательную картинку, иногда видишь, что все-таки в ней что-то не так. И это отражается на потребителе, когда продажи товара просто не идут. В отличие от конкурента, у которого совершенно пустая белая картинка, с парой выражений (скажем с рекламным слоганом) и логотипом.

На тему эффективного дизайна можно привести несколько ссылок:

10 принципов эффективного веб-дизайна
Пять дизайнерских правил применяемых в Web

Это из того что вспомнилось. Рекомендуется почитать блог Дизайн пользовательских интерфейсов и юзабилити.

Это, скажем так преамбула, которую можно отнести к любому направлению дизайна. В этой статье мы поговорим о Web-дизайне и о применении Золотого Сечения и Правила Третей.

Одной из главных задач эффективного дизайна в Web – это ясность и интуитивность. А также концентрация внимания пользователя на нужных местах страницы. Как этого добиваются?

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

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

Читать дальше →
Всего голосов 116: ↑106 и ↓10+96
Комментарии57

Piwik — бесплатная открытая альтернатива Google Analytics.

Время на прочтение4 мин
Количество просмотров7.2K
Может Google Analytics и бесплатная платформа, но она все же основана на проприетарной технологии, которая предполагает, что время от времени вам придется получать сообщения, которые Google сочтет нужным разослать, причем потенциальной аудиторией части этих рассылок являются пользователи других сервисов Google (например, компании, использующие AdWords). Использование Google Analytics предполагает то, что в будущем вы будете утомлены сотрудничеством с Google.Обратите внимание на Piwik, проект, который позиционируется в качестве бесплатной альтернативы Google Analytics и обладает открытым программным кодом. Это дочерний проект OpenX, альтернативный сервер контекстного поиска с открытым программным кодом, способный заменить Google Ad Manager. [прим.: мы начали его использовать на RWW]

Piwik

В то время как OpenX зарекомендовала себя успешной и популярной, Piwik — проект еще откровенно зеленый? и пользователи еще только присматриваются к этой платформе. Впервые она была представлена публике как PHPMyVisites? и актуальная версия носит индекс всего лишь 0.1.5, что является отличительным знаком стабильности ПО.
Читать дальше →
Всего голосов 18: ↑15 и ↓3+12
Комментарии15

Поиск без замены, или массивы без массивов

Время на прочтение1 мин
Количество просмотров939
Примечание: ниже находится перевод заметки «Search and Don't Replace». В ней автор размышляет о методах преобразования строки запроса в массив на JavaScript при минимальных затратах процессорного времени. Мои комментарии далее курсивом.

Немного ранее сегодня мой друг, Marc Grabanski, подкинул мне вопрос: как наиболее оптимальным образом на JavaScript преобразовать строку запроса вида foo=1&foo=2&foo=3&blah=a&blah=b во что-то вроде foo=1,2,3&blah=a,b? У него уже было на тот момент собственное решение, и ему было любопытно, нельзя ли его как-либо улучшить.

Я подумал немного и предложил следующее решение:

function compress(data){
    var q = {}, ret = "";
    data.replace(/([^=&]+)=([^&]*)/g,     function(m, key, value){
        q[key] = (q[key] ? q[key] + "," : "") + value;
    });
    for ( var key in q )
        ret = (ret ? ret + "&" : "") + key + "=" + q[key];
    return ret;
}


читать дальше на webo.in →
Всего голосов 28: ↑25 и ↓3+22
Комментарии24

Выключка по ширине, или Убей «text-align: justify;»

Время на прочтение3 мин
Количество просмотров45K
Надеюсь этой записью открыть серию статей, посвящённых типографике в целом и веб-типографике в частности.

Логически следующая статья будет посвящена использованию разнообразных пробелов и разделительных интервалов (такой заказ был в комментариях к статье о тире и дефисах пользователя besisland).

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

Это значит, что нужно забыть CSS-конструкцию «text-align: justify;» и, если вы этого до сих пор не сделали, то выжечь калёным железом все воспоминания об «align="justify"».

А теперь подробнее
Всего голосов 8: ↑7 и ↓1+6
Комментарии39

Хочу такую же на десктопе

Время на прочтение1 мин
Количество просмотров845
Ubuntu Mobile
— «весь интернет, без компромисов»

* Полный Веб 2.0/AJAX поддержка, Adobe Flash, Java, и других
* Вы можете наслаждаться музыкой, видео с простой навигацией и доступом в сети
* Facebook, MySpace, YouTube, Dailymotion, 3D игры, GPS, карты, а вкратце, весь Веб 2.0, поставляемый в ваши руки небольшим и классным девайсом с установленной на него Ubuntu Mobile.
Кстати чем-то напоминает известную gOS (кстати, про новый релиз в следующем посте напишу)


Но меня очаровали скриншоты (Ubuntu Mobile), я давно хочу десктоп оформленный, как на мобильных устройствах (UMPC os editions, iPhone, Android OS). Вот они —



ВСЕМ ГУРУ LINUX — есть ли способ сделать такое с обычной Ubuntu? Есть ли How-To? Может у вас есть идея как сделать это?
Есть предложение перевести и попробовать скомпилировать под обычные процессоры Ubuntu Mobile, если хотите и можете что-то предложить пишите в личку или мне на и-почту, вот ссылка на описание и, кажется, сорцы
Всего голосов 66: ↑57 и ↓9+48
Комментарии96
12 ...
27

Информация

В рейтинге
Не участвует
Откуда
Сербия
Дата рождения
Зарегистрирован
Активность