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