Какой рейтинг вас больше интересует?
|
Главная /
Каталог блоговCтраница блогера yarixxx/Записи в блоге |
yarixxx
Голосов: 2 Адрес блога: http://yarixxx.livejournal.com/ Добавлен: 2010-03-10 17:19:20 блограйдером yarixxx |
|
-moz-element в Firefox 4
2010-08-25 14:15:50 (читать в оригинале)В Firefox 4 появилось интересное свойство moz-element.
Оно позволяет использовать один элемент страницы для создания фона другого.
Счастливчики у которых есть немного свободного времени могут воспользоваться анонсом из блога и потестировать.
А я пойду мучаться с IE6,7,8...
UPD:
Для справки: https://developer.mozilla.org/en/CSS/-moz-element
Продолжение этой душераздирающей истории с примерами использования -moz-element в CSS можно прочитать в моём новом блоге.
Разложение циклов
2010-08-17 13:59:43 (читать в оригинале)Сегодня я стал умнее еще на один пункт. Мне на глаза попалась заметка автора js-библиотечки script.aculo.us Томаса Ф. про разложение циклов.
Оказывается, 100 раз написать b++; будет гораздо эффективнее и производительнее, чем в цикле while или for сделать эту операцию те же 100 раз. Это актуально для js-движков практически всех браузеров, начиная с движка браузера IE6 и заканчивая мега оптимизированными webkit и gecko.
Понятное дело, что это будет маразмом раскладывать циклы прямо в коде и увеличивать его размеры до неприличия. За исключением тех случаев, когда оплата идет за объем кода. Однако теперь я буду иметь ввиду, что и делать циклы на пустом месте - не самая хорошая идея.
Например, если размер массива равняется одному элементу или двум, то можно не выполнять цикл, а сделать одну операцию. Особенно если циклы вложенные.
Редакторы исходных текстов
2010-08-13 17:56:21 (читать в оригинале)Вот в очередной раз убедился, что очень умные редакторы исходников это зло.
Вот например Eclipse пишет кучу лишних тегов, которые я потом стираю, хранит где-то у себя информацию об версиях файлов SVN, что-то затирает, что-то переписывает. А ответственность за это приходится нести мне. Редактор ведь не может сказать: "Да, это я виноват".
Поэтому проще использовать простые и надежные как топор редакторы Plain-Text. А главное, ты в любой момент можешь сказать: да, эту строчку написал я и я этим горжусь!
Хочется ругаться матом, найти виноватых, но увы... вся ответственность останется на мне.
Программирование: Точка выхода из функции
2010-08-11 10:41:06 (читать в оригинале)Ценное правило мне сегодня подсказали:
В каждой функции должна быть только одна точка выхода (конструкция return). Использование более одного return запутывает код и делает его неудобным для чтения.
Вот вроде бы очивидная вещь, а ведь иногда, я помню, такие бяки делал... Больше не буду! Чесна-чесна =)
UPD: Источник мудрости denis-online.net =)
JS: Меняем css-свойство transform на примере функции matrix
2010-07-13 10:33:30 (читать в оригинале)Сегодня, в продолжение экспериментов с HTML5 и CSS3, я решил разобраться со свойством transform. На самом деле, я уже разбирался с этим свойством на примере функции rotate. Тогда я писал о CSS, а вот изменять его с помощью JS-кода не пробовал.
Итак, я стал изучать функцию matrix. На вход ей подается аж 6 параметров! Естественно понять это обычным человеческим мозгом довольно трудно. Поэтому я решил сделать инструмент для изучения функции matrix.
На пути к созданию этого инструмента мне встретились некоторые затруднения. Например, как с помощью JavaScript менять свойство transform?
Также как и при описании в CSS, в JS-движках предусмотрены специальные свойства стандартного style.
Вот пример установки этих свойств:
style.MozTransform = 'matrix(1, 0, 0, 1, 1em, 1em)'; // Gecko (Firefox)
style.WebkitTransform = 'matrix(1, 0, 0, 1, 10, 10)'; // Webkit (Chrome, Safari)
style.OTransform = 'matrix(1, 0, 0, 1, 10, 10)'; // Presto (Opera)
style.transform = 'matrix(1, 0, 0, 1, 10, 10)'; // Все остальные, на всякий случай.
Но самое интересное, что если для Webkit и Gecko эту информацию можно найти, то для Presto (Opera) я обыскался. CSS описание есть, а вот для обращений из js нет примеров. Получается я первый! =)
Комментарии, вопросы, поправки и пожелания - приветствуются.
Будет странно не дать ссылки на чтение о transform:
Спецификация w3c
-moz-transform
-webkit-transform
-o-transform
частично можно трансформации делать даже в ie
старенькая статейка на русском языке
UPD: Добавил в инструмент другие функции: rotate, scale, skew, translate. С ними можно поиграть, а получившееся CSS-описание скопировать куда-нибудь к себе.
Тэги: css3, firefox, html5, javascript, matrix, moztransform, opera, otransform, transform, webkit, webkittransform
Комментарии | Постоянная ссылка
Категория «Музыканты»
Взлеты Топ 5
+187 |
221 |
Yurenzo |
+178 |
226 |
FLL |
+170 |
187 |
rled |
+149 |
196 |
Elgrad.info - живой город - Соберемся вместе! |
+147 |
182 |
Vlad_Topalov |
Падения Топ 5
-3 |
15 |
Nique |
-6 |
2 |
Евгений Гришковец |
-9 |
13 |
Мартышка_с_Алмазами |
-10 |
45 |
Детские советские композиторы |
-15 |
77 |
Indie Birdie Blog |
Популярные за сутки
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.