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

Во вложении четыре части, у кого диалап — можно не заходить :):)

Появился у меня недавно один «анонимный критик». Полюбил он меня после заметки «Y Combinator – потускневшая икона времён Лихорадки 2.0», ссылку на которую я сделал в хабрахабр. Так полюбил, что не постеснялся облить меня грязью, не побрезговав при этом многочисленными передёргиваниями и подтасовками. И всё за то, что я посмел назвать вещи, как мне казалось, своими именами: времена стартаповской культуры, присущие Веб 2.0, уходят в прошлое, и это не может ни повлиять даже на таких проповедников этой культуры, как Пол Грехем с его знаменитым Y Combinator.

Подчёркиваю, что речь там шла не о функционально-потребительской концепции самого направления Веб 2.0, сторонником которого я продолжаю являться. И это знают все мои читатели. Не подвергал сомнению я и действительные достижения Y Combinator, о котором часто рассказал в своём блоге. Кстати, одним из первых в Рунете. Хотя никогда у него инвестиций не просил (одно из передёргиваний моего любимого «критика»). Правда, одно время собирался это сделать. Разговор в моей заметке шёл лишь о бизнес-модели Веб 2.0 и соответствующей ей инвестиционной политике, во многом достаточно спекулятивного, или лучше сказать, «пирамидального» характера.

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

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

Прошу прощение, но всё-таки вынужден дать всё это в переводе. Так что, не обессудьте за качество. Хотя для облечения всё-таки посчитал необходимым привести по тексту пояснения по переводу некоторых идиом и/или аббревиатур. Например, «R.I.P.» на надгробие, изображённом на рисунке, расшифровывается как «Rest in Peace» – идиома эквивалентная русскому «мир праху твоему». Итак…

Как правильно должен быть написан учебник? Ответ стандартный:
— сначала предмет изучаемой науки;
— затем принципы и методология;
— потом основные разделы;
— потом подразделы каждого раздела;
— и в конце практические детали.

Этот порядок считается классическим, а учебник, написанный таким образом — образцовым.

В своей статье я намерен доказать, что хороший учебник пишется строго задом на перед. А хорошие учебники в области IT тем более. Не зря ведь существует «Hello, World!»

Сейчас пошла мода на так называемые нетбуки — ноутбуки, маленькие по размеру и с довольно слабой аппаратной начинкой, но зато — дешевые. Вот и я поддался соблазну и приобрел пару месяцев назад¹ такую машинку: ASUS eee PC. Один из минусов компактности у этой машинки — маленький экран. Причем, мала как диагональ экрана, так и физическое разрешение: всего 800 х 480 точек. Из-за этого многие окна программ просто не влазят в экран и чтобы как-то оптимизировать работу, я стал настраивать графическое оформление системы. Во-первых, зачем нужны такие громоздкие заголовки окон, во-вторых, зачем оставлять в панельках инструментов столько свободного места? Незачем, посчитал я и принялся искать замену стандартному голубому оформлению Windows XP².

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

Однажды мы с друзьями собрались у меня дома поиграть немного. Пять человек с ноутбуками по всей квартире удобно расположились и начали играть (спасибо wi-fi). Под пивом, как говорится лучше стреляется, так что без него не обошлось.

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

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

Зачем нужны камеры наблюдения? Правильно — чтобы наблюдать за происходящим и контролировать ситуацию! В наше неспокойное время эти самые камеры развешаны повсюду — от денежных хранилищ до придорожных кафе. Однако защищая свои владения, хозяева порой забывают о защите самой камеры путем банальной установки пароля на доступ из Интернета. И очень зря. Если пароль не установить — ваша камера «безопасности» превращается в публичную вэб-камеру с реалити шоу для всех желающих.

 

Просто уникальную по своей провокационности статью напечатала вчера газета NY Times. Статья посвящена профессиональным блогерам из ИТ-сферы, которые жертвуют личной жизнью и здоровьем ради своего дела. У них жуткая, выматывающая работа, которой сопутствует ужасный физический и эмоциональный стресс. Они круглосуточно пытаются выжить в кипящем информационном океане сумасшедшей интернет-экономики, набирают десятки тысяч символов ежедневно и не отрываются от монитора, пока не падают от усталости. Статья так и называется: “In Web World of 24/7 Stress, Writers Blog Till They Drop”.

На прошлой неделе состоялись похороны Рассела Шоу, выдающегося блогера на технологические темы. Он умер в возрасте 60 лет от сердечного приступа. В декабре прошлого года ещё один техноблогер Марк Орчант скончался в возрасте 50 лет от обширного тромбоза. Звехзда техноблогинга Ом Малик (41 лет) сумел выжить после сердечного приступа. Майкл Аррингтон (TechCrunch) набрал за последние три года около 15 кг, практически не может нормально спать. Свой дом он превратил в круглосуточный офис для себя и четырёх сотрудников.

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

Если стоит задача использовать в проекте нестандартный шрифт, то есть возможность пойти несколькими путями:

1. Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
2. Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
3. W3C-метод – используем @font-family и наслаждаемся красивыми шрифтами без всяких заморочек. Пока этот метод не рассматривают, как рабочий, по причине слабой поддержи со стороны браузера.
4. sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
5. Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.

Данная статья была создана по мотивам презентации, сделанной на конференции SQA Days. Статья впервые опубликованна на GUI.ru и теперь хотелось бы обсудить usability guideline с хабралюдьми

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

Что следует понимать под юзабилити? Определение юзабилити приведено в стандарте ISO 9241-11 как степень эффективности, продуктивности и удовлетворенности, с которой продукт может использоваться определёнными пользователями для достижения определённых задач в определённом контексте.

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

     Я обычный среднестатистический ученик Российской Федерации, который подходит к кульминации школьного обучения. С самого детства мои родители воспитывали таким образом, чтобы я осознавал сам — без хорошего образования очень тяжело добиться чего-нибудь стоящего в жизни. Я довольно серьёзно относился к учёбе, но и не приближался к месту, где желание хорошо учиться граничит с «ботанизмом». В течение 11 лет обучения успел поменять 5 школ, причём начал с провинциальной школы №11 г. Бердска и закончил Специализированным учебно-научным центром при НГУ (или просто Физ-Мат Школа). Всё это я вам рассказал не для того, чтобы вы оценили какой же я молодец, а к тому, что я прошёл через разные уровни образования в нашей стране. Я абсолютно уверен, что уровень образования граждан является основой всех успехов государства и его положения на мировой арене. Поэтому я бы хотел, чтобы престижу наших учебных заведений завидовали всякие там Гарвадры и Кембриджы, но приближаемся ли мы к этому или отдаляемся? Что сейчас с нашим образованием и почему оно такое? Я попробую порассуждать на эту тему вместе с вами.

Образование 2.0: тезисы конференции-выставки достижений гуглового хозяйства

27 марта, Москва. Компания Google провела экспертный круглый стол и конференцию для преподавателей и специалистов в области образования под общим названием «Образование 2.0».

Конференция началась с открытой дискуссии, в которой приняли участие Дмитрий Зимин (Фонд Династия), Ольга Полякова (Гимназия 1518), Анна Зеленцова (Международный форум лидеров бизнеса), Илья Щуров (Компьютерра), Светлана Конюшенко, (РГУ им. И. Канта, Калининград) и Дмитрий Песков (МГИМО). Кроме того, в дебатах приняли активное участие присутствовавшие в аудитории эксперты и представители образовательного сообщества России.

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

Последнее время появляется все больше и больше различных дополнений для Firebug'a. Решил сделать краткое описание для этих плагинов.
Здесь были описаны только 4 плагина.
Постараюсь описать все известные плагины для Firebug'a
Статья на украинском языке

Вторая версия статьи, расширенная и дополненая.

Большая часть готовилась для моего выступления на «РИТ: Клиентские технологии», куда я, к сожалению, не доехал.

 



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

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

Начинаю вести серию статей Это статья про вёрстку html css js, начинаю с самого простого, потом планирую описать более сложные вещи и всякие тонкости и этим видимо так и закончил

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

Все помнят недавнюю статью про занимательную капчу на сайте Школьного Портала?
Сколько радости нам приносили эти слова:


Написал на PHP компактный генератор слов, работающий по такому же принципу.

Примечание: ниже перевод свежей презентации от Yahoo! «High Performance Web Pages» с новыми советами по оптимизации. Yahoo известна своими статьями на тему оптимизации клиентской части и является мировым лидером в этой области. Однако, с уходом Julien Lecomte (ведущего специалиста отдела оптимизации, автора YUI Compressor) в Apple ситуация может измениться. Посмотрим.

Мои комментарии далее курсивом. Я постарался, по возможности, расставить ссылки на упоминаемые в презентации инструменты и связанные статьи.

Этот медлительный веб

• Мы используем Интернет для решения наших повседневных задач
• Мы все хотим испытывать при этом комфорт
• Мы не выносим медленные страницы (хотя есть варианты)
• На 500 мс медленнее = 20% уменьшение трафика (Google)
• На 100 мс медленнее = 1% уменьшение продаж (Amazon)

Разговор на сегодня

• Как улучшить производительность веб-страниц
• Фокус на клиентской части
• 14 отличных советов для быстрых страниц
• … и еще 20!

читать дальше на webo.in →

Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.