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

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

update: Теперь есть электронные версии книг!

Начнём…

Перевод свеженького поста «Questions to ask clients before designing their website» Брайана Хоффа, автора блога «The Design Cubicle».

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

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

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

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

Автор данных советов — Mark A.R. Mitchell – имеет степень магистра Гарварда по английской литературе, работал с ведущими технологическими компаниями и исследовательскими институтами.

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

1. Не сохранять свои данные.
Это самый беспроигрышный вариант загубить свой бизнес. И неважно, как часто разные люди советуют копировать свои файлы – большинство людей просто этого не делают. Но когда вы работаете в обстановке мобильного офиса, либо же самостоятельно у себя дома, то рискуете потерять всё, что успели создать, если потеряете данные.
Выход: Копируйте и сохраняйте свои файлы каждый день, используя внешние накопители, либо же с помощью специальных интернет-сервисов.

2. Экономить на средствах коммуникации.
Взаимосвязь с вашей командой и заказчиками — ваш главный жизненный источник. Если вы урежете финансы в этом вопросе, вы урежете и свой успех.
Выход: Устанавливайте самую быструю широкополосную сеть, которую только можете достать.

Хоть в HTML5 и есть атрибут placeholder, но он пока-что работает лишь в браузерах с движком webkit.

Посмотрев некоторые посты на хабре, я увидел, что кое-кто изобретал велосипед, а другой скрипт, который якобы и делает сей атрибут кроссбраузерным, в полях типа password показывает звёздочки.

Собственно и написал скромный код на jQuery, который это всё дело и поддерживает.

В HTML5 есть замечательный атрибут placeholder.

<input placeholder="inbox@disney.com">

Сейчас он работает только в webkit-браузерах (Safari, Google Chrome).

С помощью JS, не изобретая велосипедов, placeholder.js делает этот атрибут кроссбраузерным.

<input placeholder="inbox@disney.com" id="some_input">
<script type="text/javascript">
  inputPlaceholder( document.getElementById('some_input') )
</script>

placeholder.js (1.3 килобайта)

О рейтинге

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

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

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

Но что делать, если непременно хочется иметь короткий и привычный логин, а он уже кем-то занят?

Считается, что для предприятия иметь e-mail на бесплатном почтовом сервисе — непрестижно. Мы это мнение не разделяем, но партнёры предприятия вполне могут так считать. А держать в штате системного администратора ещё и для почты — слишком затратно. Что же делать?

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

С сегодняшнего дня мы предоставляем всем желающим возможность бесплатно подключить Яндекс.Почту для своего домена и раздать красивые адреса тем, кому нужно — друзьям, родственникам или сотрудникам. В одном домене можно завести до ста почтовых ящиков. Но если случилось так, что вам нужно больше — просто напишите нам по адресу domain@yandex-team.ru, и мы обязательно решим этот вопрос.

Чтобы подключить Яндекс.Почту для своего домена, зайдите на страницу pdd.yandex.ru и следуйте указанным инструкциям.
Если домена у вас пока нет, всё равно зайдите на страницу pdd.yandex.ru — там вы сможете легко и быстро приобрести его у нашего партнёра.

Вдогонку к этому посту, решил выложить еще одну неплохую и достаточно свежую подборку.

jReject — jQuery Browser Rejection

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

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

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

Добрый день, коллеги!

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

Все мы знаем прекрасные библиотеки sIFR3 и FLIR, которые на лету помогают использовать любой шрифт на веб-страницах.
Правда, с моей точки зрения, их использование (а именно установку и настройку) нельзя считать легким трудом.

Сегодня я расскажу о библиотеке Typeface.js, которая, как видно из названия, работает на чистом JavaScript.

С рассветом WEB 2.0 получили развитие и javascript фрэймворки, позволяющие вебмастеру делать динамические элементы сайта гораздо быстрее и проще. Одним из таких фреймворков является jQuery, получивший огромную популярность за свою простоту и невероятно малый вес. Итак, представляю вашему вниманию 10 наиболее полезных скриптов jQuery для улучшения интерфейса вашего сайта.

Решился я все-таки представить хабрасообществу (а, если точнее, тем, кто является активным пользователем браузера Opera) свой недавно созданный виджет под названием "Google Translator by Dimox".

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

Виджет «Google Translator by Dimox» переводит текст, используя Google AJAX Language API, а интерфейс работает с помощью очень полюбившегося мне фреймворка jQuery.

Всем привет.

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

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

Задача

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

Это не попытка создать список всех существующих инструментов для CSS разработки. Только некоторые, наиболее полезные были отобраны и размещены в соответствующих категориях.


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

Недавно я наткнулся на сайт Dragon Interactive (dragoninteractive.com). Сайт этот достаточно добротно сделан в плане дизайна. А изюминкой можно назвать их анимированное меню. Ну вот если бы это было сделано в Adobe Flash, я даже и не упоминал бы о таком. Но при более близком рассмотрении оказалось, что их меню — это сочетание простых XHTML, CSS и Javascript. В данной статье я собираюсь продемонстрировать, как создавать менюшки (очень близкие к Dragon Interactive’s menu).

Смотрим демо

Этот чеклист будет полезен всем, кто запускает сайты или следит за этим увлекательным процессом. Ничего не пропустите!

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

Нижеследующая информация может быть использована как памятка или шпаргалка при установке движка.

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

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

Для начала стоит определиться с названием. При мозговом штурме мы учитывали три условия: 1. Компании с таким названием не должно существовать. Или на крайний случай их не должно быть много в РФ. 2.Свободное доменное имя в зоне ru.
В итоге, через несколько дней поиска у нас появилась целая куча странных и не очень названий типа: Мурака-Барака, Ник Кейв, Огенри, Кейтбланш, Магвай, Донни Дарко.

Мы выбрали Магвай. В тот момент я не подозревал о существовании фильма Гремлины, двое других о нем просто забыли. Так появилась веб-студия Магвай — создание сайтов в Волгограде.
Основные виды нашей деятельности: разработка сайтов, реклама (seo, контекстная и пр.), фирменный стиль + в дальнейшем создание и развитие собственных проектов.

Поиск офиса
Мы искали необшарпанную комнату до 25 метров, с умеренной ценой и не слишком далеко от центра города. Несколько советов для тех, кто сейчас в поиске, на что следует обратить внимание:
1. Цена, планировка, состояние офиса, наличие-отсутствие кондиционера, с какой стороны восходит солнце, куда дели жалюзи – все что должны узнать в первую очередь.