Обновить
16
Виталий@vitvad

Пользователь

2
Подписчики
Отправить сообщение
<зануда_mod>
Как сделать пост в блог CSS:
1) погуглить linear gradient/box-shadow/text-shadow/border-radius
2) выбрать любой из онлайн генераторов, подобрать цвета
3) запостить код на хабр в виде «статьи»?!
4)…
5) Profit


Минусы/Плюсы:
— graceful degradation
— ура CSS5, HTML6, *CoolTechnologyName105*
</зануда_mod>

    background-image: linear-gradient(#f2f2f2, #e4e4e4 50%), linear-gradient(#e4e4e4, #ccc);
    background-image: -o-linear-gradient(#f2f2f2, #e4e4e4 50%), -o-linear-gradient(#e4e4e4, #ccc);
    background-image: -ms-linear-gradient(#f2f2f2, #e4e4e4 50%), -ms-linear-gradient(#e4e4e4, #ccc);
    background-image: -moz-linear-gradient(#f2f2f2, #e4e4e4 50%), -moz-linear-gradient(#e4e4e4, #ccc);
    background-image: -webkit-linear-gradient(#f2f2f2, #e4e4e4 50%), -webkit-linear-gradient(#e4e4e4, #ccc);

по коду: много раз упоминалось: Писать свойства без префиксов в конце.
вся статья задумывалась изначально из-за третьего пункта — так как эта фича наиболее мной используемая и возможно не так очевидна для использования. На полноценную статью про Fiddler это не тянуло, да и не думаю что людям нужен справочник на русском — по пользованию программой. А этот заголовок наиболее полно передавал суть поста, по моему мнению. В целом вы конечно же правы.
один из самых интересных докладов которые были на JS.Talks, который состоялся 26 ноября 2011.

остальные доклады http://jstalks.org/ пока можно увидеть здесь.
Печально что я не знал об этом событии, даже работая в EPAM(Харьков), было бы очень интересно посмотреть трансляцию. Есть ли видео докладов, где либо?
мне казалось на IndexDB все забили и никто не хотел его реализовывать кроме FF.
А теперь как видно флагманы все же решили реализовать эту фичу, впрочем как всегда с префиксами, скорее всего пока это будет в Draft. Так что Opera и Safari думаю тоже в ближайшем времени сделают свою реализацию.

Sigura — а вы IndexDB уже где-то применяли в проектах или может своих приложениях? Может подскажете в чем преимущество будет перед LocalStorage?
про поддержку indexeddb браузерами
opera 12 alpha — пока не видно поддержки IndexDB
ура, а вот и развивающийся флаг Пятницы :)
это Хабр вас положил, или до вас тоже уже добрались?
подловили :) document

ну и такими гадостями как у меня в коменте я не занимался. просто через console — писал window.blur()? а код выше это уже идея как можно напакостить.

нашел такой баг в ИЕ когда в одном месте проекта был вот такой кусочек кода
jQuery(":focus").blur();

фиксил через:
if(jquery(':focus').parents('body').length){
    jQuery(":focus").blur();
}


тут наверное интересно еще то что в ИЕ возвращается всегда то-ли window то-ли document
в FF есть ничего не найдено — просто пустой jQ массив
Про ИЕ
Сегодня случайно наткнулся на очередной способ борьбы с ним.

window.blur()
doucment.onfocus = function(){
   window.blur()
}


тестировал в ИЕ8 и ИЕ9
остальные браузеры — нормально. Разрешают вызвать blur только для дочерних окон
с надеждой в душе регистрировался на battle.net оформить пред заказ на игру (все еще нельзя)
с надеждой в душе искал часть видио про диаблу и опять разочарование. Хотя все же хоть какие-то новости, последнее время Близард как-то не очень радует ими.
открыл блин в час ночи, статью прочитать, Вот кто вам мешал опубликовать это завтра с утра? Т_Т

рац. предложение. в таких постах всегда бывают подсказки — чтоб их не искать через все коменты — сразу создать коменты на свой пост — типа подсказки для
1лвл сюда->
2лвл сюда ->


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

ЗЫ. 0 я прошел
Буквально сегодня решил поискать прошивки на данный роутер — нашел эту отличную тему.
А бонусом стала еще вот эта новость Вышел релиз OpenWRT 10.03.1

Сам еще попробовать не успел, да и немного боюсь получить кирпичь (в первую очередь по неопытности), но плюшки думаю заставят все же через пару недель рискнуть и поставит себе новую прошивку

Хотел написать то что выше, что данные теги предназначены для разметки именно header'a и footer'a документа, но решил лишний раз залезть в спецификацию — оказалось что был не прав. Такое использование как раз является правильным.
Мне как HTML-верстальщику — возвращение к табличной верстке кажется Адом. Для меня не составляет проблем
в Div-ой верстке прибить к низу футтер. Я знаю наверняка как поведет себя див в отличии от таблицы.
и 99% верстки на дивах будет меньше по коду (HTML) и ИМХО понятнее, и 1% там где дизайнеры придумали что контент должен магическим образом тянуться в разных местах по разному — там за частую и без JS не разберешься.

Кстати насчет CSS костылей css1k.com — это сайт — своего рода конкурс — где с помощью CSS делают разный дизайн для одного и того же HTML кода при этом нужно уложиться в 1кб.
И я заявляю, ХРЕН вы сделаете столько разных «дизайнов» для одного и того же кода на таблицах.
Просто разметка страницы стала немного сложнее в вашем понимании. И станет еще сложнее с введением в жизнь переменных в css и прочих плюшек.
А Семантика это и есть использование таблиц для табличных данных а дивов как контейнеров для блоков на сайте.
В прочем я боюсь нарваться на холивар, я только хотел сказать что у меня нет проблем с использованием дивов вместо таблиц.

Добавление кучи тегов для «семантики» — делает просто больше тем для холиваров, этак мы прийдем к XML :)

PS. Мне одному мозолит глаза этот пример:
<teaser>
	<header>
		<h1><a href="http://www.myserver.com/myFirstCoolArticle.html">My First Cool Article</a></h1>
	</header>
	<p>This is my first article on the page, and it's really cool.</p>
	<footer>
		<time>3 Days Ago</time>
		<div><a href="http://www.myserver.com/myFirstCoolArticle.html"
		>http://www.myserver.com/myFirstCoolArticle.html</a></div>
	</footer> 
</teaser>

где теги footer и header вобще не не в тему используются?
Geany!!! — это вкусно. Давно искал легковесный редактор по типу notepad++, но который который будет кросплатформенный. Пробовал SciTE, Gedit и еще с десяток IDE и редакторов — ничего не приглянулось, главной фишкой для меня в notepad++ является 3 вещи:
— возможность сделать две панели с кодом — для сравнивания к примеру.
— возможность использовать hot-keys + key-words к примеру тот же плагин WebEdit.
— NPPScripting — я могу писать или дописывать под себя плагины на простом Javascript. К сожалению нигде нет хорошей документации (или я не умею пользоваться гуглом) где описывается API и глобальные объекты которые предоставляются для работы с редактором. Хотя там есть еще возможность писать скрипты на Python

В общем за первые 20 минут нашел плюсы:
— наличие первой фишки из этого списка есть, и мне это уже нравится.
— наличие key-words — достаточно было просто скопировать все из файла настроек плагина WebEdit!!! кайф!!!
про hot-keys — что-то вроде есть но еще не понятно насколько оно мощное и удобное.

Из минусов:
— выбор темы — не удобен (нужно заменять файлы темы), 3 темы которые я нашел мне не нравятся.
— не работает во втором окне снипеты — багло :(
— поиск по документу похож на тот что в notepad++, но нет замены/поиска во всех открытых вкладках

В общем, насколько я понял, проект достаточно новый — и если найдет поддержку, имхо, будет круче чем нотепад++
/me Ушел тестить дальше…
может я чего-то не понимаю — но в этом конкретном примере
display: inline-block;
который кстати там и стоит + wrapper с фиксированной высотой и overflow: hidden;

кросбраузерное решение — для ИЕ6-ИЕ7 (комбинация display:inline; zoom:1; position: relative; через селекторы
* html .selector //IE6 only
*+html .selector //IE7 only
)

поведение абсолютно такое же как в примере из статьи и в вашем примере.
window.onload = function() {
window.setInterval( function() {}, 10000);
}


Не совсем понял почему вы используете такой вариант для инициализации кода
Ведь в есть Events?

Информация

В рейтинге
Не участвует
Откуда
Украина
Зарегистрирован
Активность