Archive for the ‘ Статья ’ Category

Граватар на 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>

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

Скрипт простого шифрования

Скрипт простого шифрования

В свое время, чистя html-файлы от вирусов, я наткнулся на забавный способ шифрования строк. Строки авторы вируса формировали с помощью чисел, причем все это выглядело примерно так: window[17795081..toString(36)](‘!’); Ну, с window все понятно, доступ к свойству объекта осуществляется с помощью квадратных скобок (в javascript так можно), а круглые скобки означают вызов метода. Но, блин, что за фигня там в квадратных скобках?!

Естественно, пришлось гуглить, чтобы удовлетворить свой интерес. Все, как всегда, оказалось просто.

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

Окончание введения в jQuery

Окончание введения в jQuery

Перед прочтением этой статьи советую ознакомиться со статьями Введение в jQuery и Введение в jQuery (продолжение).

А я пока расскажу об объекте Event в jQuery. Вся фишка в том, что jQuery работает со своим event, аккуратно собранным из стандартных event’ов браузеров и дополненным. Короче говоря, кроссбраузерным.

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

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

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

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

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

Ускорение Chrome

Ускорение Chrome

Могу поспорить, ты тоже пользуешься Google Chrome при разработке сайтов. Кто там прохрипел про ФФ? Убей свой комп, продизинфицируй и проветри помещение, потом сожги помещение и подвергни пепел радиационному облучению, посыпь солью и пересядь за Хром.

Итак, теперь ты пользуешься Google Chrome при разработке сайтов, но замечаешь, что эта зараза плодится во множестве процессов и весит в общем даже больше огнелиса. Есть хороший совет по оптимизации Хрома.

Перво-наперво отключи все ненужные в данный момент плагины (Настройки – Инструменты – Расширения). Каждое расширение запускается отдельным процессом и тоже жрет память. Как только расширение становится нужным, включи его там же и обнови страницу. К примеру, у меня включены и постоянно под рукой Color Pick, MeasureIt! и Smooth Gestures, а отключены BuiltWith Technology Profiler, JSONView, Webpage Screenshot и прочие полезняшки.

Второе: закрой ненужные вкладки. Да, они тоже запускаются отдельными процессами. Если есть ненужные в данный момент вкладки, но очень полезные (напр., http://htmlbook.ru), можно включить панель закладок (Настройки – Параметры – галочка “Всегда показывать панель закладок”) и скинуть вкладки туда. В итоге открытыми должны остаться только те вкладки, с которыми ты сейчас работаешь.

Что в итоге. В итоге получается очень шустрый браузер, работающий стабильно и ровно так, как тебе надо. Одно плохо: тестировать прелоадеры будет трудновато.

Удачного сайтостроения!

Введение в jQuery (продолжение)

Введение в jQuery (продолжение)Прежде чем читать эту статью, читай Введение в jQuery. Осилил? Молодец, идем дальше.

Сегодня я начну рассказ с того, что не досказал в предыдущий раз. Не, я не жадный до своих знаний, просто не хотел разводить демагогию. Итак…

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

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

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

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

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

Введение в jQuery

Введение в jQuery

Вступление Многие программисты-графоманыблоггеры любят описывать возможности jQuery в своих постах. Теперь я и поделюсь с тобой своими знаниями этой библиотеки. Начну я не с описания процесса создания супермегакрутого эффекта, а с общих принципов работы jQuery. Но для начала…

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