Веб-разработка *

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

Предстоящая битва будет проходить под председательством Дена Хашамовича, ветерана Майкрософт, который сейчас возглавляет команду, готовящую вам Интернет Эксплорер 8.0. Команда IE8 сейчас в процессе принятия решения, которое лежит идеально точно и ровнехонько на той самой линии, что разделяет два разных пути видения мира.

Это граница между «консерваторами» и «либералами». Это граница между «идеалистами» и «реалистами».

Хабралюди, расскажите, пожалуйста, кто чем пользуется для верстки HTML в Linux? Интересуют WYSIWYG-редакторы — привык к Dreamweaver (я умею набрать код в блокноте при необходимости, но это не вариант). Попробовал Amaya, NVU — не понравилось. У первой с Gnome какие-то недоразумения: периодически он «забывает» перерисовать поле редактирования кода. Второй вообще заброшен аж три года назад.

UPD: Поставил HTML и CSS плагины от Aptana по совету Slach. И правда, практически то, что нужно. С визуальным редактированием, конечно, никак, но есть адекватный IntelliSense. Докачка соответствующих плагинов стоит примерно 10 MiB.

Приветствую вас, уважаемые читатели! Возможно, несколько нескромно, но позволю себе обьявить, что далее будет самый первый в Рунете обзор и описание практического применения недавно открытого Google AJAX Language API для доступа с приложений на JavaScript к сервису переводов. Везде я видел пока только анонсы и попытки проанализировать, чем же это может обернутся для разработчиков и пользователей, но именно руководства по встраиванию в свой сайт или проект еще не читал, поэтому решил самостоятельно разобраться и написать.

И так, сначала общая информация. Как известно, у компании Google есть сервис переводов, который умеет переводить тексты на более чем десятке языков. Всего пар переводов есть намного больше, но для некоторых языков доступны только переводы на один-два языка, для других, например, английского — на множество. Раньше вы могли использовать этот сервис для переводов веб-страниц на лету, или перевода отдельных слов и предложений в браузере, но вот дистанционный доступ к сервису при помощи AJAX-а — это стало возможно только на днях с открытием соответствующего API и размещения примеров кода.

API включает в себя функции автоматического определения языка исходного текста, и, собственно сам перевод. Поддерживается пока тринадцать разных языков и двадцать девять вариантов перевода. К сожалению, русский поддерживается только в виде пары Russian <> English, то есть, перевод с русского на английский и обратно, а самое большое число переводов конечно же, для английского. Впрочем, обещают в дальнейшем пополнять возможности переводов, так что не отчаивайтесь.

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

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

Суть проблемы

Возможность пользователя ввести оооочень длинное слово без пробелов, и тем самым «взорвать» layout — это старая проблема. Вот так она решается на Хабре.

Вашему внимание предлагается достаточно большой отрывок статьи «Levels of HTML knowledge», написанной Роджером Йоханссеном 30 Мая 2006 года.

Прим. переводчика: Изначально я опубликовал этот пост в виде юмористических выдержек из трех статей, написанных тремя разными авторами и озаглавленных схожим образом: «Уровни владения HTML», «Уровни владения CSS» и «Уровни владения Javascript». Что, конечно же, было довольно глупой затеей. Осознание допущенной ошибки пришло через 5 минут и два минуса к посту и карме. Исправляюсь. Перевод «Уровней владения CSS» ждите завтра.

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

Вчера (или даже еще раньше) неожиданно (хотя бы для меня) мне пришла ссылка в твиттер. Пройдя по ней, я удивился — вместо того, чтобы править дурацкий баг с черным списком во мнениях, Павел Дуров сотоварищи решили сделать платформу.
Итак, встречайте — Flash приложения и API ВКонтакте!

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

Если кто не понял о чем речь, то вспомните, например, как на ВКонтакте указывается город: выбирается страна -> подгружается список регионов -> выбирается регион -> подгружается список городов

Представьте такую ситуацию.

Приходите вы на работу, садитесь проверить почту, рассчитывая увидеть ответ от партнёра, немного спама, а вместо этого видите вот такое: Входящие (164 532).

Многие проекты на данный момент используют информацию о местонахождении своих клиентов. К таким относятся интернет-магазины, сайты знакомств, банковские операционные ресурсы и прочее. Именно об элементе указания такого рода информации и будет данная статья: Ext.ux.locationSelect реализованный в поле фреймворка ExtJS 2.
Маленькая демка поможет ответить на вопрос о необходимости вчитываться в дальнейшее.

Проблема

Стандартный select, оказавшись под непрозрачным дивом остается полностью виден в IE. Из-за этой его особенности, выпадающие меню, всплывающие окошки и прочие элементы, связанные с позиционированием дивов могут выглядеть крайне неаккуратно.

Решения

Есть несколько способов решения этой проблемы. Перечислю их от простого к сложному:

1. прячем select
2. iframe поверх select'а
3. собственные select'ы

Задача:
Сделать поле ввода комментариев (textarea) на форме так, чтобы его размер (высота) изменялась согласно количеству (строк) текста.
Пользователь может ввести пару слов в одну строку или вставить табличку высотой двадцать строк из экселя — поле ввода должно автоматически увеличиться/уменьшиться.
Длина строк различна (форма резиновая и зависит от размера окна браузера), строки могут переноситься как по \r\n, так и просто, если не вмещаются по ширине.
В принципе, нужна формула подсчёта количества строк текста, чтобы менять атрибут rows у textarea.

Javascript приветствуется. Если решение возможно только средствами html/css, то ещё лучше.

Решения:

Web Developer Toolbar — известный набор утилит для веб-разработчика, который в сочетании с Firebug составляет незаменимый инструментарий, без которого я не мыслю веб-разработки.

Из основных изменений:

— Поддержка Firefox 3
— Оптимизация кода
— Исправления ошибок

Для тех, кто любит держать перед глазами схемы с базовыми классами языка — этот постер будет самое то. Распечатать его правда будет довольно сложно так как он здоровый, а не мини-подсказка.
JPG version [5.8MB]
PNG version [6.5MB]
TIF Version [19.9 MB]

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

Как дать пользователю возможность проверить свой пароль на строгость и взломоустойчивость?

Такой вопрос возникает в последнее время всё чаще, потому нарыл немного вариантов решения вопроса.

 

Со странички wordpress.org/about зашел на сайт организации The Web Standards Project, которая борется за соблюдение стандартов W3C. Посмотрел, что они пишут у себя на сайте, пролистал до футера, там ссылка на валидацию — кликнул ради интереса. XHTML 1.0 Strict — полностью валидный, а для CSS валидатор выдает вот такое сообщение:



Куда катится мир?

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

Значит так. Что заиметь у себя одновременно и графическую, и звуковую капчу, нужно для начала всё это дело скачать. Потом скопировать себе в удобное место и читать дальше. Кстати, лицензия у этой радости — BSD. Кто понимает, тот выбирает =).

19 марта, 19:00-22:00, встреча Программного комитета РИТ-2008. Пройдет в Экстрополисе (Москва), зал Вестник-1.

Задача членов Программного комитета к этому времени собрать как минимум заявки на доклады (названия тем), как максимум — тезисы докладов. Заявки без тезисов принимаем только от проверенных докладчиков ;-)

Встреча открыта — приходите все желающие, мы можем решить там любые вопросы!