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

В прошлой статье я коротко описал возможности формальных грамматик. Сейчас я хочу представить вам интересное приложение полученных навыков — HTML Cleaner на PHP. Если коротко, то задача стояла так: чистить введенный пользователем в редакторе MCE текст.

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

Недавно на Хабре проскакивало несколькой статей, в которых описывались различные способы реализации подсказок в полях для ввода (1, 2).
Мне ближе по душе был второй способ, так как его описание заключалось в использовании атрибута placeholder у элементов input.
Но не давало покоя одно «но» — скрипт базировался на замене свойства value у элемента. Мне кажется это не совсем правильным.
Итак, мой «велосипед», базируется на наложении слоя с подсказкой поверх элемента input . Конечно, очевидный минус этого подхода в том, что разрастается DOM-дерево, и затраты времени на создание новых элементов. Но зато значение value остается «чистым».

Проект на гугл-коде http://code.google.com/p/placeholderjs/
Живой пример

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

Закругленные уголки опять волнуют хабравчан, за последние 24 часа наблюдал 2 интересных топика с различными способа закругления этих самых уголков. Решил показать то, чем пользуюсь сам.
Сразу хочу оговориться, что я не претендую на уникальность данного способа, но додумался до него сам.

Онлайн инструмент для создания цветовых схем. Есть 6 вариантов подборки цветов, возможность корректировки яркости контрастности отобранных цветов или выбор из имеющихся вариантов (темное / светлое и т. п.), возможность просмотреть шестнадцатеричные коды основного цвета и дополнительных, есть функция предпросмотра «сайта» с выбраными цветами со светлым / темным фоном, симуляция различных нарушений восприятия цветов людьми, рандомайзер, а так же API для интеграции с вашим сайтом. www.colorschemedesigner.com

0. Вступление

Ни для кого не секрет, что в последнее время webmoney набрало достаточную популярность для того, чтобы стать одним из самых удобных и доступных средств для безналичного расчёта через интернет. Пополнить баланс своего мобильного, оплатить покупку товаров в веб-магазине — всё это можно сделать с помощью webmoney.

Я бы хотел рассказать вам несколько способов, как можно устроить приём оплаты за какие либо товары или услуги на вашем сайте электронной валютой webmoney. Это, кстати, не так сложно, как могло бы показаться на первый взгляд!

Здравствуйте.

Хочу вам представить свою небольшую разработку, которая облегчит установку скриптов на другой хостинг PHPInstaller.
Достаточно на локальном копьютере указать какие файлы нужны для упаковки, прописать название пакета, версию, автора и собрать пакет в 1 php файл!

Как работает?

Скрипт использует класс PclZip для паковки и распаковки архива.
В процессе работы скрипт создает подобие XML. Пакованный архив кодируется base64_encode, это увеличивает архив на 33%, но лишает пользователя обязательно заливать в бинарном виде, да и есть проблемы в содержании архива в XML.
По этому Base64… :)

После работы скрипта появляется 1 скрипт, который содержит в себе архив и оболочку для распаковки.

От слов к примеру

Покажу пример детальнее на сборке пакета phpMyAdmin.

Шаг1

Запустим скрипт и сразу же впишем название пакета, автора, а также укажем местоположение файлов.
(картинки кликабельны)

Рекомендации по html-коду, вёрстке и немного — по копирайтингу. Актуально для февраля-2009

Это не очередной список «101 совет, как достичь идеала в том-то», которых полно в интернете. Это «инсайдерская информация» SEO-компании, ведущей более 600 проектов. Перечислено то, на что мы обращаем внимание, начиная поисковую оптимизацию. Разумеется, не всё получается реализовать (например, движок сайта что-то не позволяет, а где-то пункты противоречат(!) друг другу). Ничего страшного. Если больше половины рекомендаций получается реализовать, то это уже очень хорошо!

Недавно столкнулся с проблемой реализации плавающих блоков в одном интернет магазине. Суть в том, что товары выводятся в виде блоков. По задумке количество блоков по горизонтали должно меняться в зависимости от разрешения экрана. Использовать float в тупую не удалось из-за не фиксированой высоты блоков.
Немного погуглив я ничего не нашел. Зато вспомнил, что видел подобное на Яндексе и в магазине студии Лебедева.
Сообственно я выкладываю сюда для ознакомления то, что вы и сами можете найти в указанных источниках. Все, что я сделал это почистил от лишнего кода. Если-бы я нашел подобный пост раньше это сэкономило-бы мне время.

По многочисленным просьбам, материал старой статьи про монтаж видеоподакстов теперь преподнесен в самом натуральном для этого виде — скринкаст!

Как обычно, видео доступно в HD-формате, но для этого нужно пойти на vimeo.

Сейчас пошла мода на так называемые нетбуки — ноутбуки, маленькие по размеру и с довольно слабой аппаратной начинкой, но зато — дешевые. Вот и я поддался соблазну и приобрел пару месяцев назад¹ такую машинку: ASUS eee PC. Один из минусов компактности у этой машинки — маленький экран. Причем, мала как диагональ экрана, так и физическое разрешение: всего 800 х 480 точек. Из-за этого многие окна программ просто не влазят в экран и чтобы как-то оптимизировать работу, я стал настраивать графическое оформление системы. Во-первых, зачем нужны такие громоздкие заголовки окон, во-вторых, зачем оставлять в панельках инструментов столько свободного места? Незачем, посчитал я и принялся искать замену стандартному голубому оформлению Windows XP².

Очень удивился, что не нашёл на Хабре никакой информации об этом форумном движке. А между тем около месяца назад вышел релиз 3-й (под номером 1.3) версии.

Чем же он отличается от phpBB, iPB и прочих? По заявлениям разработчиков основными векторами развития движка являются лёгкость, компактность и отсутствие графической «навороченности».
Чистый PunBB достаточно ограничен в функциональности, но при этом он, как и заявляется, работает быстро, а выходной код не может не радовать: доктайп — XHTML 1.0 Strict, красивая вёрстка на div’ах, микроформаты в профилях и прочие вкусности.
Но никто же нас не заставляет его использовать в чистом виде. А расширения к нему тоже имеются, причём с установкой в два клика.

До сих пор сталкиваюсь с вопросами людей, как протестировать сайт в IE разных версий.
И как чтобы этот процесс был быстрым и удобным.
Как ни странно, Microsoft подумала про это. Идем по ссылке и качаем сначала последнюю версию Virtual PC а затем необходимые образы с версиями IE.
Ставим Virtual PC, распаковываем образы, подключаем (только под 8-й ie отведите не меньше 256 памяти) и вуа ля.
Простой и удобный способ готов к применению.
А главное вы видете реальный результат работы нужного вам браузера в окружении «чистой» ОС

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

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

Исследование данной проблемы нашло отражение в следующей статье.

Этапы внедрения потокового видео:

C несказанной радостью обнаружил, что в стандарте CSS2 есть поддержка системных цветов. Думаю таблица ниже будет интересна всем кто когда-нибудь пытался откатить значения CSS до дефолтных. Вся эта радость подходит для всех браузеров начиная с IE 5 и Netscape 5.

Название цвета	Описание
ActiveBorder	Active window border.
ActiveCaption	Active window caption.
AppWorkspace	Background color of multiple document interface.
Background	Desktop background.
ButtonFace	Face color for three-dimensional display elements.
ButtonHighlight	Dark shadow for three-dimensional display elements (for edges facing away from the light source).
ButtonShadow	Shadow color for three-dimensional display elements.
ButtonText	Text on push buttons.
CaptionText	Text in caption, size box, and scrollbar arrow box.
GrayText	Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color.
Highlight	Item(s) selected in a control.
HighlightText	Text of item(s) selected in a control.
InactiveBorder	Inactive window border.
InactiveCaption	Inactive window caption.
InactiveCaptionText	Color of text in an inactive caption.
InfoBackground	Background color for tooltip controls.
InfoText	Text color for tooltip controls.
Menu	Menu background.
MenuText	Text in menus.
Scrollbar	Scroll bar gray area.
ThreeDDarkShadow	Dark shadow for three-dimensional display elements.
ThreeDFace	Face color for three-dimensional display elements.
ThreeDHighlight	Highlight color for three-dimensional display elements.
ThreeDLightShadow	Light color for three-dimensional display elements (for edges facing the light source).
ThreeDShadow	Dark shadow for three-dimensional display elements.
Window	Window background.
WindowFrame	Window frame.
WindowText	Text in windows.

Пример: тест системных цветов

Здравствуйте. Вы будете смеяться, но я написал маленький текстовый редактор для сайтов. Он совсем маленький и совсем текстовый. Но он мне нравится. Встречайте, Ninja Editor

Ну и картинка для привлечения внимания:

SEO совет #1: Сделайте Google Alerts вашим личным интернет шпионом.

Google Alerts это отличный способ позволить крупнейшей в мире поисковой системе стать вашим личным шпионом в интернете. Этот способ позволит поисковой оптимизации инсайдерской информации выйти на совершенно новый уровень.

Вот выдержка прямо из Google:
"Google Alerts оповещает вас по эл. почте об обновлении соответствующих результатов (веб, новости и т.д.) на основе выбора вашего запроса или темы."