Слетела кодировка при импорте базы. Разбираюсь. Приношу свои извинения
Хрень какая-то
12 мая 2012Анимированный PNG (APNG)
5 мая 2012Интересно, такая старая технология, думал, что все ее поддерживают, ан нет! Столкнулся на последнем проекте. Наш верстальщик, поклонник Файрфокса, сделал прелоадер на APNG, а я сижу на Хроме и проверяю в том числе и в нем. Я был сильно расстроен, что загрузчик не крутится.
Может быть и жаль, что поддержка APNG так мала, но сейчас, в «эпоху CSS3+HTML5», когда загрузчик можно сделать вообще без использования изображений, разве может это сильно расстраивать.
Вывод простой: не используйте APNG
И проверьте свой браузер на поддержку этого фомата :)
Условные комментарии (conditional comments)
27 января 2011Вы используете условные комменарии? Конечно, вы их используете. Чтобы отделить стили для ?Е от других и при этом сохранить валидность своего CSS. Тем самым добавляя ли?ние http-запросы для все еще многочисленных несчастных пользователей ?Е. ? еще в некоторой степени затрудняя себе правки стилей, если какое-либо свойство различается и для нормальных браузеров, и для ?Е7, и для ?Е6. Приходится править три файла, а не один. Можно забыть, запутаться, ну в общем неудобно.
Можно ли этого избежать (этого — это неудобства, ли?ние http-запросы и т.п.)? Да, и при этом с помощью все тех же условных комментариев! Кажется в начале года встретил на каком-то сайте (честно, не помню) подобный рецепт. Достаточно в ва?ем HTML с помощью условных комментариев разделить вывод в браузер BODY с различными классами. Вот как-то так:
<!--[if (!IE) | (gt IE 7)]><!-->
<body>
<!--><![endif]-->
<!--[if IE 7]>
<body class="ie7">
<![endif]-->
<!--[if IE 6]>
<body class="ie6">
<![endif]-->
Пример (соответственно приведенному примеру нормальные браузеры покажут красный экран, ?Е7 — зеленый, а ?Е6 — синий ).
Теперь у вас есть возможность, не используя хаки и не плодя ли?ние файлы, править все стили в одном файле. Достаточно в стилях перед нуждающимся в корректировке для ?Е7 или ?Е6 свойством писать соответсвующий класс.
для нормальных браузеров:
.selector {attr: value }
для ?Е7:
.ie7 .selector {attr: new value} - это свойство увидит только ?Е7
ну и соотвественно для ?Е6:
.ie6 .selector {attr: new value} - а это только ?Е6
Вы скажете, что стили будут сильно много весить. Да, немного потяжелеют, но если у вас правильно все сверстано, то много правок не понадобится. Это раз. Второе, несколько ли?них строк все-таки луч?е, чем пара ли?них запросов к серверу.
P.S. Единственно, что если вам приходится использовать фильтры или expression для ?Е, то валидность CSS сохранить не удастся. Но, по-моему, важнее валидность HTML, чем CSS. Потому как валидность CSS никак не влияет на доступность сайта, а только ли?ь на его отображение.
TRINET совер?ил «революцию» :)
27 января 2011Не скажу как давно, но уже порядочно как, TRINET исключил из поддерживаемых браузеров ?Е6. Мелочь, а приятно!
СПАСЕМ ПЕТЕРБУРГ
27 января 2011Над Петербургом нависла беда – четырехсотметровый небоскреб, который изуродует всеми любимые виды города. Он будет виден с набережных Невы, от ?саакиевского собора, с Дворцовой площади. 400 метров – это боль?е, чем три колокольни Петропавловского собора. Заказчики строительства (ОАО «Газпром») пытаются получить разре?ение на возведение ба?ни, попирая действующий закон об охране исторических панорам города. Властями города игнорируется официальное предупреждение ЮНЕСКО исключить Петербург из списка всемирного культурного наследия.
С потерей Петербурга мы потеряем не только город, но и историческую память: строительство одного небоскреба откроет дорогу другим высоткам, и через несколько лет город станет неузнаваем.
Горожанам отказали в праве проведения референдума, поэтому защитить красоту великого города можно только всей страной, всем миром.
Оставьте свою подпись на сайте http://bashne.net/
Файрфокс и Input type = file
27 января 2011Крик ду?и просто. Ну почему input type="file" в файрфоксе сколько его помню не реагирует на указание размера через стили, только через атрибут size самого элемента input. WTF!
Равномерно расположить картинки по ?ирине страницы
27 января 2011Бывает, возникает вопрос (по «вине» дизайнеров или заказчиков), что картинки надо расположить по ?ирине страницы (ну или родительского контейнера) равномерно, то есть первая (для читающих слева направо) картинка должна быть выровнена по левому краю, последняя – по правому, а остальные – находится друг от друга и от крайних на одинаковом расстоянии. Вот как-то так:
Самый простой вариант, который я сам использую – это использовать таблицу. Это, так скажем, не самое правильное использование таблицы, но зато самое простое и наименее времезатратное, что бывает важно.
Создадим табличку на пять ячеек и в каждую поместим по картинке. Выровняем картинки по центру ячеек (td {text-align: center}), а таблицу растянем на всю ?ирину (table {width: 100%})
Сейчас между картинками одинаковое расстояние, что и требуется. ? это нам необходимо сохранить. ? при этом крайние картинки должны быть прижаты к краям. Для этого добавим в таблицу пустые ячейки между ячейками, в которых находятся картинки.
Как и следовало ожидать, и как и должно было произойти (такова природа таблиц: для ячеек, содержащих боль?е отводится боль?ее место), пустые ячейки сжались до минимальной ?ирины. Поэтому для ячеек с картинками создадим класс, которому зададим свойство width:1%. Опять воспользуемся свойством таблиц: несмотря на указание ?ирины ячейкам, эти ячейки будут растянуты по ?ирине содержимого, если только таблице на задано свойство table-layout:fixed.
Вот мы и получили, что требовалось. Уберем границы у ячеек, которые были добавлены для наглядности, и можно использовать. Но, конечно, надо подумать, как избавиться от таблицы при верстке подобной задачи.
Магазин автозапчастей
27 января 2011Еще раз про inline-block (коротко)
27 января 2011Сегодня в очередной раз задали вопрос: как кроссбраузерно реализовать свойство inline-block. Для этого воспользуюсь хаком для ?Е 6 и 7 версий. Это необходимо, так как ?Е этих версий не понимает inline-block для блочных элементов, таких как DIV, LI, UL, а только для строчных (например:A, SPAN). Буду предельно краток.
.someclass{
display: inline-block;
}
.someclass{
//display: inline;/*магия ?Е*/
}
?менно вот так: в таблице стилей должны присутствовать обе записи. Если же вы предпочитаете условные комментарии, то вторая запись должна быть вынесена в стили для ?Е.
Работает в ?Е6+, ФФ3+, Опера (даже не знаю с какой версии), Хром, Сафари, далее — везде).
Для ФФ2 нужен костыль
Вы хотите быстро купить/продать (подержанный|б у) или новыйавтообиль? Не хотите тратить много время, блуждая по десяткам онлайн-авторынкам. Тогда На? сервис специально для Вас!
На? автобазар предлагает Вам купить или продать (подержанный|б у|) автомобиль практически любых марок и моделей, во всех крупных городах. На?и авто ждут своих новых владельцев, которые хотят продать ма?ину выгодно, и в кратчай?ие сроки. Если Вы ре?или купить автомобиль, но новый автомобиль ва?ей мечты вам дорого, авто базар предлагает б у автомобили по вполне де?евым ценам.
Предлагаем б у {авто} (подержанные автомобили), что не означает значит, что у нас вы сможете приобрести плохое авто. Б у авто имеет низкую стоимость.
Авто-рынок — уникальный сайт подержанных автомобиль. Вы ре?или купить (подержанный|б у|) авто на вторичном рынке? Теперь Вам нет необходимости посещать каждый авто базар в интернете, не нужно ехать на автобазар. Просто посещайте на? авторынок.
Теперь поиск автомобиля стала быстрее — добавляйте понравив?иеся ма?ины в Портфель . Оцените возможность искать одновременно несколько марок авто, выбирать по регионах, в которых продается автомолбиль.
Хотите купить(продать) (подержанный|б у) или новый авто? Хотите чтобы Ва?е объявление попало на на? автобазар ? Ускорьте продажу автомобиля, сделав его VIP с помощью СМС.
