Значки

typoFix. Смена раскладки в input-полях

Опубликовано 8 июня 2009

typofixОчень хочется рассказать о ситуации, которая и побудила меня к созданию typoFix’а:

Свой ник, twenty, я набираю менее, чем за секунду и довольно часто вместо ника обнаруживаю в инпуте «ецутен». Ну тут всё понятно — дело в раскладке клавиатуры, на которую я не обратил внимания. После долгих и весьма безуспешных попыток привыкнуть к автоматической смене раскладки Punto Switcher’а, мой мозг выдал концепцию typoFix’а.

Читать дальше →

Метки:

No more IE6

Опубликовано 22 февраля 2009

no-more-ie6hДействительно, сколько уже можно? Хватит уже верстать под браузер, которому почти 9 лет! Оптимизируя страницы под Internet Explorer 6 верстальщики сами роют себе яму: пользователь не видит разницы в отображении и не видит причин для перехода на современные браузеры. Что же делать и как выйти из этого порочного круга? Как всегда, не претендуя на гениальность и новаторство, хочу поделиться своим решением.

Начну, пожалуй, с того, что пользователи IE6 ущербны, так же как и профнепригодные сисадмины, оставляющие эту огромную дыру на подведомственных компьютерах. Они, в силу особенностей восприятия интернета через IE6, неспособны видеть нормальную семантичную вёрстку, видеть полупрозрачные PNG-изображения, быть уверенными в безопасностости веб-сёрфигна. Ну а чего хотеть от браузера, которому почти 9 лет? Да просто вдумайтесь в эту цифру!
Читать дальше →

Карта.211.ru

Опубликовано 5 декабря 2008

Вчера подошёл итог трудного пути от идеи к Карте.211.ru.
Карта будет (пока база забита только частично) отражать реальный список терминалов оплаты, в которых можно будет оплатить услуги «Сибирских сетей», будет проинтегрирована с другими проектами и добавлено что-то ещё очень вкусное и полезное.

Лично я разрабатывал только front-end. Дизайн — от Алексеенко.
А всё остальное сделал S@nchesS, который срубил больше всех опыта с этого проекта.

Работает карта «медленно», поскольку генерирует каждую страницу заново; вменяемого и удобного движка с Яндексоподобной сеткой изображений даже после нескольких недель поисков и тестирований не было найдено.

Разработка была настолько долгой, что я уже пересмотрел методы вёрстки, которые использовал в карте, а так же всю логику JS. Если выделят время на рефакторинг — перепишу более красиво, стабильно, грамотно и расширяемо.
С другой стороны, для пользователя всё равно одинаково будет: что без рефакторинга, что с рефакторингом — на визуальной составляющей это никак не отразится. Не выделит мне никто время — «лучшее — враг хорошего».

Min-properties IE6

Опубликовано 24 октября 2008

В резиновой вёрстке, почти всегда, необходимо делать минимальный размер страницы, после которого уже нет возможности уменьшать размер без искажений и самая пора показывать горизонтальный скролл.
Как все, наверное, знают, IE6, в связи со своим возрастом, не балует нас CSS-свойствами min-width и min-height. Это, конечно, немного огорчает, но только, если не знать о простом и очень удобном решении. Таком, как например Min-properties IE6.
Читать дальше →

cssClass: работа с классами

Опубликовано 21 октября 2008

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

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

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

Читать дальше →

За пределами домена

Опубликовано 17 октября 2008

Снова пришла пора изобрести велосипед. На все 100% уверен, что до меня это сделали уже не один и не два раза.

Делая записи в блог, постоянно сталкиваюсь с проблемой необходимости прописывания target’а и title у внешних ссылок. Тысячу раз думал: вот бы все ссылки, выходящие за пределы домена, сами получали необходимые мне атрибуты. Уже даже придумал реализацию, но вот как-то руки до неё не могли дойти. Оно и понятно, ведь руки не ходят… а если у кого-то и ходят — значит растут из соответствующего места.
Читать дальше →

Признание. Ассорти.

Опубликовано 15 октября 2008
Раздел:

Завожу традицию признаваться в «леваках» — разных штуках, сделанных в свободное время от основной работы в «Сибирских сетях».

Знакомство с Александром Алексеенко, когда он работал в «Сибирских сетях», не прошло для меня даром — помимо того, что он просто хороший чувак, вот уже около года мы тесно сотрудничаем. Одним из результатов этого сотрудничества стала интерактивная Flash-заставка промо-сайта туристического агентства «Ассорти». Дизайн выполнен Александром. От меня только вёрстка и Flash.

Вы никогда не узнали бы, что:

  • В ролик загружаются 10 изображений из папки, находящейся на сервере.
  • Несглаженное изображение в фотографии, при увеличении, заменяется на сглаженное, которое генерируется программно (спасибо BitmapData и 8-й версии Flash’а).
  • Кнопка «Найди свое фото» — визуально меняется с помощью изменения класса у элемента, благодаря взаимосвязи Flash→JavaScript (спасибо ExternalInterface)
  • Для людей без flash-player’а я специально нарисовал иконку загрузки с официального сайта.

О, DOMReady…

Опубликовано 3 октября 2008

Очень часто (более того — каждый раз) перед JavaScript-разработчиками встаёт вопрос: «Как узнать, что все элементы структуры страницы уже доступны JavaScript’у для использования?». Другими словами: «Как узнать, что произошла загрузка DOM?».

Большинство разработчиков уже нашли своё решение и успешно им пользуется: как правило, используется некая подключаемая библиотека (к примеру jQuery или Mootools), которая содержит в себе всё необходимое для определения момента доступности DOM в том числе.

Несмотря на всё удобство данного решения — есть один минус: Читать дальше →

Метки:

Антисборщик e-mail’ов

Опубликовано 2 октября 2008

Во время вёрстки и натягивания шаблона на движок, когда дело дошло до публикации e-mail’а — задумался я о спамерах и их почто-собирательных программах. И так, знаете, крепко задумался, что полез искать всякую-разную информацию о способах сбора почты.

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

Если бы я был спамером Читать дальше →

Поиск

Мои штуки

  • JS: noMoreIE6 — предлагает обновиться пользователям IE6.
  • Flash: Писькомер — незаменимый аргумент в любом споре.
  • JS: Min-properties IE6 — эмулирует min-width и min-height в IE6.
  • JS: targetBlank — добавляет всем внешним ссылкам target="_blank" и кое-что ещё.
  • JS: HideEmail — уменьшает вероятность попадания вашего e-mail’а в спам-базу.
  • JS: DOMReady — кроссбраузерно предсказывает момент доступности всех элементов на странице.
Геникон. Воплощение фавикона.