-
Скальпель, сестра!
11 октября 2008 года, выпуск #17Как бы рутинно не выглядел процесс разработки Web-документов, он всё равно является творческим: нет ничего интереснее, чем придумывать формы представления информации, упрощать процесс взаимодействия пользователя с ней, склонять читателей к чтению текстов, а писателей — к их немедленному написанию. Пожалуй, это и есть Web как среда обмена информацией. А что если нам, как инженерам, разделить на низком уровне слои представления информации? Такой хитрый ход позволит обеспечить лёгкую модификацию ранее разработанных документов, не прибегая к прямому вмешательству в организацию документа: всё будет проходить достаточно прозрачно и просто.
Давайте попробуем сегодня достичь подобного результата. Думаю, что у нас всё получится (впрочем, как всегда).
- Метки:
- теория
- Javascript
- XML
- XHTML
- приложения
-
Минные разметочные поля
20 августа 2008 года, выпуск #16Мне всегда нравились очень простые, но достаточно умненькие редакторы. Именно поэтому я отдаю предпочтение не тяжеловесным IDE, а легковесным мини-IDE (или вовсе обычным редакторам). Особенно меня привлекает в них одна небольшая особенность: в них много совершенно разных на вкус и цвет особенностей. Про одну из них мы сегодня и поговорим.
Очень часто мне приходится иметь дело с набором текстов (даже записей в данный блог), которые включают в себя различную разметку: элементы (X)HTML, их атрибуты и тому подобное. Иногда довольно быстро устают пальцы, набирая очередную порцию сортированных списков, содержащих около 10, 15 записей. В некоторых из вышеупомянутых редакторов существует возможность автодополнения закрывающего тега. Казалось бы, такая маленькая мелочь, а «на ладошке не умещается». Посмотрим, как это можно применить на практике.
-
Расширяем сознание объекта
7 июля 2008 года, выпуск #15Сегодня я хочу представить ещё две полезные proof-of-concept функции, которые используются мной достаточно часто (и очень облегчают жизнь, надо отметить). Я назвал их концептуальными, потому что не надо видеть в них знаки свыше, а воспринимать лишь как побуждение к размышлениями о бытье JavaScript-функциональности и расширяемости.
-
Выбери меня
1 июля 2008 года, выпуск #14Писать статьи так и хочется в последнее время: моё блоггерское Я восстало против программистского эго. Хотя, ничего страшного в этом особого нет, даже, может быть, полезно.
Сегодня я постараюсь с вами обсудить один замечательный элемент интерфейса, который мы можем часто видеть в различных социальных сетях. Называют ему каждый раз по-разному: селектор сайтов, редактор собственных мест проживания в сети, мои сайты (скучно, правда?) и другими более изощрёнными способами. Данный виджет обычно сильно привлекает внимание пользователей, так как ещё никто не смог отказаться от возможности показать своё присутствие в незабвенной сети. Мы же, как разработчики, постараемся облегчить пользователю задачу навигации и управления своими сайтами.
-
Быстроредактируемые поля
24 апреля 2008 года, выпуск #13Посадив Кэт в машину, Штирлиц с облегчением сказал:
— Ну вот и всё, теперь можно трогать!
— Ого! — потрогав, сказала Кэт.Иногда хочется сделать что-то очень быстро и прямо в том месте, где сейчас находишься. На английском языке я бы назвал это просто just-in-place, а на JavaScript описал бы не очень сложным, но очень полезным, по моему мнению, кодом.
Для начала нужно определится с тем, что мы хотим получить в конечном счёте. Рисуем себе в мыслях этакий незаметный заголовок, при двойном клике на котором происходит превращение во вполне редактируемый себе элемент, содержимое которого можно изменить. Здесь можно фантазировать и фантазировать (главное, чтобы фантазии укладывались в рамки стандартов CSS), но я в итоге пришёл к минималистичному исполнению: по умолчанию элемент ничем не выделяется, но если кликнуть по нему дважды, он становится текстовым элементов ввода, стиль которого соответствует стилю текста, который должен быть отредактирован. Стоит заметить, что происходит автоматический выбор редактируемого элемента. Выбор этот зависит от вполне конкретного значения, а именно — от длины содержимого элемента. Весь элемент у нас теперь как на ладони, приступим к конкретике.
-
«Узерлист»
3 февраля 2008 года, выпуск #12Все мы прекрасно знаем как выглядят списки в (X)HTML по умолчанию. Сегодня мы попробуем представить их в совершенно ином свете. Для начала мы назовём наш кораблик: его будут звать «Узерлист». Теперь можно приступить к разработке.
Для начала мы определимся с тем, что хотим сделать. Как уже было сказано, мы сделаем пользовательские списки со своим собственным интерфейсом. Для разработки такого типа виджета нам понадобятся те самые три компонента: (X)HTML, CSS и JavaScript, причём последнего будет гораздо больше, чем двух первых.
- Метки:
- разработка
- javascript
- концепт
- 3ая
- следующая
- предыдущая