Posts Tagged ‘ html

zoom в Safari

Сегодня столкнулся со странной ошибкой в поведении одного сайта в Safari на IPad. Во всех браузерах сайт отображался нормально, но только на IPad’е центральная часть улетала вправо почти на 100%. Дополнительная неприятность в том, что у меня нет IPad’а, а исправлять ошибку, которую я не вижу, я еще не умею. Пришлось качать себе MobiOne Studio с их эмуляторами и смотреть сайт через них.

Читать полностью

Презентации о javascript

По ссылке можно найти несколько полезных техник создания приложений на javascript. Не поленись в них разобраться – там много интересного.

Музыка для разогрева:

Аудиозапись: Adobe Flash Player (версия 9 или выше) требуется для воспроизведения этой аудиозаписи. Скачать последнюю версию здесь. К тому же, в Вашем браузере должен быть включен JavaScript.

Граватар на CSS

Граватар на CSS

Накопал в сети прикольный эффект, теперь вот делюсь им с тобой. Заключается он в растягивании/сжатии сторон элементов с помощью css. С чего все начинается?

</p>
<div class="trapecia"></div>
<style type="text/css">
.trapecia{
	background: #080;
	border: 1px #f80 solid;
	border-width: 20px 40px 100px 150px;
	width: 200px;
	height: 100px;
}
</style>
<p>

Читать полностью

Ошибка в работе wmode transparent в Chrome

Ошибка в работе wmode transparent в Chrome

Сегодня впервые столкнулся с такой багой Хрома, что для флеша с заданным wmode=”transparent” фон становится черным. Во всем я винил плагин FlashControl, но, как оказалось, проблема именно в Хроме, а точнее, в его новых версиях (начиная с 16.0.912.63).
Решение оказалось простым и логичным: надо тегу object или embed добавить атрибут type=”application/x-shockwave-flash”. Почему последние версии Хрома отказываются отображать флеш нормально без атрибута – загадка.

Выпадающее меню на css

Выпадающее меню на css

Сегодня я расскажу о такой простой, но полезной вещи – выпадающем меню без использования javascript. Принцип работы прост как апельсин: пользователь мышку навел – показались дополнительные пункты меню (ага, и тебю тоже). В css для этого есть псевдокласс :hover, работающий во всех современных браузерах и даже в IE7 (IE6 понимает его только для ссылок).

Читать полностью

Противоугонка для контента

Противоугонка для контентаВот представь себе ситуацию: под вдохновением пишешь текст, постишь его в интернетах, текст радует так, что хочется скакать от радости за себя любимого/любимую. И все прекрасно, но тут на сайт приходит недобросовестный копирайтер и прет себе этот текст. Знакомая ситуация? Так вот, ему можно подложить свинью в виде невидимых кусочков текста, которые на странице не видны, но отлично копируются с текстом.

Что для этого надо? Просто прописать текст в контейнере с overflow:hidden;width:1px;height:1px. display:none не подходит, потому что спрятанный таким образом текст иногда игнорируется браузерами.

Пример:
скопируй этот я не копируюсь я копируюсь текст