Search
Write a publication
Pull to refresh
51
0
Глеб Арестов @arestov

User

Send message

Десять смертных грехов веб-типографики

Reading time2 min
Views4.4K
В то время как множество дизайнеров быстро осваивают стандарты веб-разработки, остаётся только удивляться как часто они ухитряются нарушают основные правила типографики. Вот список из десяти грехов, которых вам следует избегать:

1. Использование дефисов вместо тире em-dash.

Free Image Hosting

Если вам нужно прервать мысль, то делайте это с помощью символа (alt+0151), а не парой знаков «минус». Это, пожалуй, главный источник раздражения для всех редакторов.
Читать дальше →

iPhone делает скриншоты всего подряд

Reading time2 min
Views9.2K
iPhone следит за вами.

Вчера известный хакер Джонатан [NerveGas] Здзярски (Jonathan Zdziarski) провёл 45-минутный вебкаст, посвящённый взлому парольной защиты в iPhone 3G (если вы не смотрели его в прямом эфире, то через несколько дней будет выложена запись). Впрочем, о «дырявости» защиты iPhone знает даже широкая публика, и уже давно созданы специальные программы для облегчения процесса, так что самым интересным является другое.

В процессе презентации Здзярски объяснил, что iPhone, оказывается, постоянно делает скриншоты экрана и сохраняет их. Снимается и текст электронной почты, и окно IM-пейджера и всё остальное, что по несчастливому совпадению оказалось на экране в момент нажатия кнопки “Home”. Делается это исключительно с эстетическими целями. Когда пользователь нажимает на кнопку “Home”, то текущее окно должно красиво сморщиться и исчезнуть с экрана. Для этого делается скриншот.

И хотя iPhone стирает предыдущий скриншот каждый раз, когда делает следующий, но восстановить «удалённые» файлы не представляет никакого труда, что и продемонстрировал Здзярски во время вебкаста.
Читать дальше →

Lineage и WoW — учебник научного мышления для детей

Reading time2 min
Views5.4K
Несколько лет назад Констанция Штейнкюлер — научный работник университета Висконсина — по 12 часов в сутки играла в «Линейку. Там она прокачалась до уровня «престольной принцессы» и водила за собой в квесты до 150 человек. Большинство бойцов гильда были мальчиками-тинейджерами.

Чтобы найти слабые места у монстра Констанция с ребятами использовали научные методы. Собирали всю статистику по урону врагу разными видами оружия и заклинаний, сохраняли её в таблице Excel. Затем составляли математическую модель и вычисляли, как выгоднее действовать. Они часами обсуждали эти математические модели, выдвигали разные гипотезы, проверяли их и корректировали, готовясь к очередному квесту.

Таким образом дети изучали науку. Журнал Wired пишет, что в наши дни многопользовательские онлайновые игры реально стали самым эффективным способом прививать детям научное мышление. Сама Констанция недавно опубликовала научную работу (PDF) на эту тему.
Читать дальше →

Рисуем векторной графикой в браузере (SVG/VML с помощью Google Web Toolkit + Dojo GFX)

Reading time1 min
Views5.1K
svg/vml demo on gwt + dojo
Мы разрабатывали несколько тестовых проектов с использованием векторной графики в интерфейсе и после просьб поделиться опытом разработки написали пример для изучения. На самом деле, это очень просто, и в качестве примера предлагаем небольшое демо из документированным кодом, разработанное на GWT, с использованием библиотеки Dojo для работы с SVG (VML) графикой. Работает в большинстве браузеров, разработка практически только на Java.

Для начала ознакомьтесь с самим демо: gwt.org.ua/demos/gwt-dojo-drawdemo/DojoSimpleDemo.html
Читать дальше →

Подборка видео-проигрывателей на флэше

Reading time2 min
Views18K


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

Надеюсь уважаемые комментаторы помогут дополнить список и выявить абсолютного лидера среди проигрывателей.
Уже помогли. Отдельные спасибы Elected, atri, rmb. Кармы всем за мой счет ^_^

Читать дальше

Два интервью с Рольфом Моликом

Reading time6 min
Views884

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


Рольф Молик чрезвычайно любопытен. Он говорит, что именно любопытство привело к идее CUE – это английская аббревиатура сравнительной юзабилити-оценки (Comparative Usability Evaluation). В этом довольно известном исследовании рассматриваются варианты проведения юзабилити-тестирований и экспертных оценок и вопросы воспроизводимости их результатов. Однако деятельность Рольфа не ограничивается только CUE.
Читать дальше →

Google Suggest в стиле HTML5

Reading time5 min
Views3.9K

Введение


HTML5 — следующая большая переделка HTML (и XHTML), и разрабатывается совместно группами WHATWG и W3C HTML WG (работа еще не завершена, но в этой статье мы будем называть её просто HTML5). Я уже описывал начала HTML-форм и возможные улучшения с помощью HTML5 в моей предыдущей статье, поэтому сейчас рассмотрю некоторые более сложные аспекты полей ввода в HTML5, и завершу примером, демонстрирующим простоту создания автодополняющегося поля ввода — коротким серверным скриптом и несколькими строчками разметки.
Читать дальше →

jQuery in Action. Глава 1. Введение в jQuery.

Reading time3 min
Views21K
Как я уже писал, я начал читать книгу «jQuery in Action» (авторы Bear Bibeault и Yehuda Katz). В данной серии статей (а я планирую довести дело до конца) я буду выкладывать самые интересные моменты из каждой главы этой книги. Это будут основные идеи, примеры или и то и другое вместе :-)

Читать дальше →

Digital Learners — о том, каким бы мог быть процесс нашего обучения

Reading time1 min
Views872
На западе существует понятие «Digital Learners», что на русский дословно переводится как «цифровые ученики». Не сложно догадаться, что речь идёт о молодых людях, таких как мы с вами. Людях, привыкших обучаться с помощью интернета: поисковики, подкасты, блоги, интернет энциклопедии… Список этот просто бесконечен. В связи с этим возникает справедливый вопрос — почему преподаватели не используют эти технологии, чтобы научить нас чему-то новому. Ведь если мы этим пользуемся и нам это нравится, то почему не использовать эти технологии для обучения в ВУЗах.

Хочу представить вашему вниманию клип подготовленный американской компанией «Transforming Teaching Through Technology» который произвёл на меня огромное впечатление. Пересматриваю его постоянно и каждый раз остаюсь под впечатлением. Не буду больше говорить, лучше посмотрите сами…
Знание английского обязательно!

css fix для различных браузеров

Reading time2 min
Views12K
Представьте себе абстрактный разговор абстрактного заказчика с абстрактным верстальщиком.

— У тебя бага в менюшке, все наверх съехало, — говорит заказчик.
— Посмотрел во всех браузерах, нету! Ты в каком смотришь? — говорит верстальщик.
— В фаерфоксе.
— Нормально все там, — говорит верстальщик, просмотрев сайт во всех версиях фаерфокса.
— Осталось бага. Если это важно, то я с мака.

Читать дальше →

Создатель CSS Хокон Ли приезжает в Россию

Reading time1 min
Views1.4K
Håkon Wium Lie

Продолжается череда визитов представителей норвежской компании Opera Software в Россию. На этот раз впервые к нам приезжает Хокон Ли — ведущий технолог компании. На данный момент утверждена дата — с 18 по 22 сентября. Визит будет организован по двум городам — Санкт-Петербург и Москва. Но в Москве он будет находиться только один день (22 сентября) и весь этот день планируется отдать под интервью для различных журналов.
Читать дальше →

Мультфильм

Reading time2 min
Views799
Вам когда-нибудь звонили небожители?
Ну, допустим, вы молодой, режиссер и вдруг у вас звонит телефон. Вы поднимаете трубку, а оттуда «Здравствуйте, это вас Гай Ричи беспокоит». Ну или вы, например, молодая балерина и вам вдруг «Здравствуйте, это Плисецкая. Мне нравится как вы танцуете.». Ну или, допустим, вы юный хакер и тут вам звонит Кевин Митник…

Читать дальше →

Как найти нужный шрифт, не зная его названия?

Reading time3 min
Views409K
Я уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).



В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.

Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.
Читать дальше →

jQuery для верстальщика (часть 2): вкусные меню

Reading time3 min
Views4.9K
Это вторая статья о jQuery, которая будет интересна, прежде всего, начинающим пользователям этой библиотеки. В этой статье, с практической точки зрения, речь пойдет о подсветке текущего элемента меню на стороне клиента. А прочитав статью, вы поймете, как делать более сложные выборки и цепочки запросов.

Читать дальше →

JavaScript для начинающих — как учить?

Reading time1 min
Views244K
Наша маленькая но очень гордая компания взяла на обучение нового человека. Мы хотим сделать его матерым жаваскриптером. Воспитание и обучение легло целиком на мои плечи поскольку опыта по JS у меня больше прочих.

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

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

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

Логарифмический рейтинг

Reading time1 min
Views1.1K

Дано: есть статьи, за них можно голосовать. При этом результат голосования — не одна цифра, а обе, т.е. все плюсы и все минусы. Выводиться будут оба числа, а также полоска-график, их иллюстрирующая.

Найти: лучший вариант представления графика, относительно чисел.

Решение: очевидных вариантов два: представить соотношение баллов линейно и логарифмически. С одной стороны, линейное представление банально и по нему не виден перевес голосов (отличи-ка по 100-пиксельной полоске 1500 от 1400), с другой стороны, к линейному все привыкли и пользователи не будут пугаться перевеса, величиной в весь график, между 1000 и 1500 (перевеса не будет).
У логарифмического есть плюсы и минусы, прямо противоположные линейному: сразу виден перевес голосов, но график не линеен (простите, каламбур) и пользователь далеко не сразу просечет его фишку.

Вопрос к сообществу: как нагляднее/практичнее/лучше поступили бы вы в этой ситуации? Стоит учесть, что полоска лишь прилагается к реальным числам, т.е. правду видно на них.

Чтобы понять в чем, собственно, вопрос, можно подергать большой прототип на oowl.ru/tools/rating.

Сборка мусора после выгрузки модуля из родительского приложения

Reading time7 min
Views941
Во-первых, все написаное ниже относится к клиентской части web-приложений, созданных на JavaScript.
Во-вторых, это относится к web-приложениям, использующим модульную архитектуру для расширения своей функциональности (подгрузка/выгрузка модулей).
Читать дальше →

Замыкание в Java Script для непосвященных

Reading time2 min
Views3.3K
У моих программистов была задача: в фото галерее при активном изображении подсвечивать thumbnail показываемого изображения. Задача вроде тривиальная, но вызвала у них некоторый затык при решении. Хочу сказать сразу, что владение JS было у них не на высоте.
Вообще мало людей по настоящему знающих этот язык и не путующий его с принципами работы DOM документа.

В чем же была проблема…
1. В том, что сначала они решали её рекурсией :)
2. Вторая попытка решить привела к введению глобальной переменной, что я не считаю хорошим тоном
3. Загрязнение общего кода подобными маленькими функциями вместо использования объектного подхода

В бытности будучи программистом я написал маленький каркас для демонстрации. Вот он:

<script type=«text/javascript»>
          
          
function MainMenu(){
            
            var OldImage;

            this.getOldImage = function(){ return OldImage; }
            this.setOldImage = function( img ){ OldImage = img;}
            this.chgImage = function( obj, newImage){
              if(newImage != null){
                this.setOldImage(obj.src);
                obj.src = '/images/'+newImage;
              } else {
                obj.src = this.getOldImage();
              }
            }

}

var Menu = new MainMenu();

</script>
* This source code was highlighted with Source Code Highlighter.


Вызывать следует так:

<img src="/images/home.gif" width=«88» height=«23» alt="" onmouseover=«Menu.chgImage(this, 'home_over.gif')» onmouseout=«Menu.chgImage(this)»>* This source code was highlighted with Source Code Highlighter.


Что это нам дало:

1. Мы не используем рекурсию. Этим мы бережем ресурсы компьютера. У клиентских машин они же не резиновые вопреки обратным утверждениям
2. Мы не ввели глобальную переменную, которая в больших системах неудобна по объективням причинам
3. В третьих мы сделали универсальный объект. У него инкапсулированы данные!

Новичкам просьба разобраться и понять. Этот вариант сделан специально проще, чем мы реализовывали.

Мы создаем в теле функции локальную переменную. Затем захватываем эту переменную методом этой функции (это класс, точнее прототип). В итоге получаем хитрый трюк. При выходе из самой функции данные в ней запомнились.

Вообще-то по этому вопросу материала достаточно в сети. Этот трюк далеко не новый. Но о нем нужно напоминать «отцам» и учить новичков.

Хитрости создания стартапа: что нужно помнить на ранней стадии

Reading time3 min
Views683
Статья Michael Cerda о том, чего не стоит забывать на этапе создания стартапа.

Уровень подготовки читателя:
низкий — средний.

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

Продукт: ваш продукт должен быть обезболивающим, а не витаминами.

Убедитесь, что он решает проблемы или удовлетворяет потребности. Он не должен быть чем-то, необходимость чего вам каждый раз приходится объяснять, ссылаясь на какие-нибудь основные тренды рынка. Продукт должен быть очевиден и должен описываться одним предложением. Если у вас не так — вы проиграли еще не начав.
Читать дальше →

Зима – самое «жаркое» время для фрилансеров

Reading time1 min
Views1.1K
Результаты опроса, проведенного на сайте Kadrof.ru, показали – больше всего заказов фрилансеры получают зимой, а «мертвым сезоном» для удаленных работников является весна и, как ни странно, осень. Даже летом заказов у фрилансеров больше.

Фрилансерам, посещающим сайт Kadrof.ru, был задан вопрос: «Когда у Вас больше всего заказов»? На него ответили 511 человек, в результате голоса распределились следующим образом: зимой – 21,3%, летом – 13,5%, осенью – 10,2%, весной – 6,7%. Интересно, что каждый десятый опрошенный (10,4%) ответил, что заказов у него всегда много. В то же время 37,9% не замечают каких-либо сезонных колебаний и выбрали вариант ответа «По-разному».

Information

Rating
Does not participate
Date of birth
Registered
Activity