Блог о разработке приложений на PHP с использованием jQuery. Личный опыт и уроки. http://www.recens.ru/design/html5_facts_and_myths.html?from=rss http://www.recens.ru/design/html5_facts_and_myths.html?from=rss Recens http://www.recens.ru/design/html5_facts_and_myths.html?from=rss#comments Mon, 8 Nov 2010 18:14:38 GMT Вы никуда не денетесь - сейчас все говорят о HTML5. Наверно, это самая разрекламированная технология, после которой люди стали пихать закругленные углы и градиенты куда только можно. Фактически, многое из того, что люди называют HTML5, является старомодным DHTML или AJAX. Достоверная информация перемешана с выдумками, и, чтобы исправить положение, Реми Шарп (эксперт JavaScript) и Брюс Лоусон (евангелист Opera) рассмотрят некоторые мифы и отделят истину от распространенных заблуждений.

Начнём с фактов →]]> http://www.recens.ru/css/transparent_sprites.html?from=rss http://www.recens.ru/css/transparent_sprites.html?from=rss Recens http://www.recens.ru/css/transparent_sprites.html?from=rss#comments Thu, 4 Nov 2010 15:15:34 GMT Один из самых полезных методов вёрстки за последние годы - это незаметные на первый взгляд CSS спрайты. Этот метод стал известным благодаря Дэйву Шеа, который в 2004 году опубликовал статью под названием CSS Sprites: Image Slicing’s Kiss of Death. Техника работы со спрайтами очень проста, и, как только вы поймёте основы, вы сможете применять их где угодно. Обычно спрайты используют для графических меню, но они также подходят и для кнопок, и для стилизованных заголовков.

Узнать больше →]]> http://www.recens.ru/mysql/32_tips_to_speed_up_mysql.html?from=rss http://www.recens.ru/mysql/32_tips_to_speed_up_mysql.html?from=rss Recens http://www.recens.ru/mysql/32_tips_to_speed_up_mysql.html?from=rss#comments Thu, 28 Oct 2010 23:42:46 GMT Сегодня начинаю новую тему в блоге - MySQL. Начинаю её с перевода статьи 32 Tips To Speed Up Your MySQL Queries.

Если вам интересно, как создавать по-настоящему быстрые запросы к MySQL, эта статья для вас.

1. Используйте постоянное соединение с базой данных, чтобы избежать системных издержек.

2. Проверьте, чтобы на столбцах с высоким количеством уникальных элементов был PRIMARY KEY. Например, у столбца `gender` есть всего 2 варианта (male и female). Уникальный ID пользователя, напротив, содержит большое количество значений и подходит для того, чтобы стать первичным ключом.

Узнать ещё тридцать не менее интересных советов →]]> http://www.recens.ru/php/detect_user_browser.html?from=rss http://www.recens.ru/php/detect_user_browser.html?from=rss Recens http://www.recens.ru/php/detect_user_browser.html?from=rss#comments Fri, 17 Sep 2010 23:21:27 GMT Недавно для одного проекта мне потребовалось сделать определение браузера и его версии на PHP.
Безуспешно просмотрев десятки устаревших скриптов, я решила написать свой собственный.
Чем он лучше других? Тем, что может определять не только основные браузеры (Firefox, Chrome, IE, Opera, Safari), но и те, которые построены на ядре Trident (Maxthon, Avant Browser, MyIE2) и Gecko (Konqueror, K-Meleon,Flock), и даже старые версии Оперы, маскирующиеся под IE. Кроме того, скрипт находит и отображает версию браузера.

А поподробнее?]]> http://www.recens.ru/jquery/plugin_auto_complete.html?from=rss http://www.recens.ru/jquery/plugin_auto_complete.html?from=rss Recens http://www.recens.ru/jquery/plugin_auto_complete.html?from=rss#comments Thu, 9 Sep 2010 22:18:43 GMT Хотя и с большим опозданием (я обещала написать об этом плагине ещё 3 месяца назад), но я всё-таки пишу о простом, но довольно интересном плагине автозаполнения на jQuery.
Интересен он своей расширяемостью и тем, что при наличии прямых рук и небольшого знания jQuery и php из него можно сделать практически что угодно.
Узнать больше →]]> http://www.recens.ru/jquery/plugin_stickr.html?from=rss http://www.recens.ru/jquery/plugin_stickr.html?from=rss Recens http://www.recens.ru/jquery/plugin_stickr.html?from=rss#comments Wed, 23 Jun 2010 23:00:57 GMT Идея плагина совершенно проста – он выводит сообщения (или стикеры) в любом углу экрана. Это может быть как сообщение, которое будет висеть определённое количество секунд и после этого исчезнет, так и сообщение, которое будет скрыто только после того, как вы нажмёте кнопку закрытия.
Узнать больше →]]> http://www.recens.ru/jquery/plugin_checkpass.html?from=rss http://www.recens.ru/jquery/plugin_checkpass.html?from=rss Recens http://www.recens.ru/jquery/plugin_checkpass.html?from=rss#comments Wed, 16 Jun 2010 23:44:17 GMT В очередной раз задумавшись о надобности поменять пароли на некоторых сайтах, я решила написать плагин проверки сложности пароля. При написании я постаралась учесть как можно больше факторов, которые имеют значение при попытке подбора пароля – это и длина, и количество различных символов, и процент цифр в пароле.
Посмотреть, что из этого получилось →]]> http://www.recens.ru/jquery/plugin_drag.html?from=rss http://www.recens.ru/jquery/plugin_drag.html?from=rss Recens http://www.recens.ru/jquery/plugin_drag.html?from=rss#comments Fri, 11 Jun 2010 23:41:34 GMT Сегодняшний плагин призван заменить плагин Draggable в тех проектах, где не требуется довольно тяжелый jQuery UI. Плагин с незамыслыватым названием Drag весит всего 400 байт и может выполнять те же действия, что и его старший собрат.

Узнать подробнее →]]> http://www.recens.ru/jquery/plugin_shifty.html?from=rss http://www.recens.ru/jquery/plugin_shifty.html?from=rss Recens http://www.recens.ru/jquery/plugin_shifty.html?from=rss#comments Wed, 9 Jun 2010 23:31:48 GMT Часто бывает так, что в одной таблице надо выбрать большое количество хаотично разбросанных строк. А если ещё десяток выбираемых строк идёт друг за другом... В этом случае на помощь приходит Shifty - небольшой плагин, написанный мной в попытке разрешить эту проблему.

И что он делает?]]> http://www.recens.ru/css/css3_rgba_hsla.html?from=rss http://www.recens.ru/css/css3_rgba_hsla.html?from=rss Recens http://www.recens.ru/css/css3_rgba_hsla.html?from=rss#comments Mon, 7 Jun 2010 23:02:44 GMT Сегодня мы рассмотрим сразу два свойства - rgba и hsla. Данные свойства – производные от rgb и hsl (hsl, к слову, до сих пор не поддерживается в IE), и единственное отличие в них – это четвёртый параметр, отвечающий за прозрачность.
Возможно, вы спросите: зачем использовать эти свойства, если есть opacity, которое худо-бедно поддерживается большинством браузеров?

А вот зачем!]]> http://www.recens.ru/jquery/plugin_box_shadow.html?from=rss http://www.recens.ru/jquery/plugin_box_shadow.html?from=rss Recens http://www.recens.ru/jquery/plugin_box_shadow.html?from=rss#comments Wed, 28 Apr 2010 23:00:00 GMT В комментариях к этой статье меня попросили написать плагин для jQuery, который бы делал возможным использование CSS3 свойства box-shadow в IE. Идея показалась мне интересной, к тому же для одного из моих проектов был нужен подобный функционал.
Этот плагин похож на плагин textShadow - разница лишь в том, что в textShadow подложкой является текст, а в boxShadow для эффекта тени используется блок, размытый средствами IE.
К слову, в Internet Explorer есть фильтр, который создаёт тень от блока, но она выглядит слишком жёсткой и может быть направлена только в одну сторону, что нас совершенно не устраивает.

Читать дальше →]]> http://www.recens.ru/design/ie6_no_more.html?from=rss http://www.recens.ru/design/ie6_no_more.html?from=rss Recens http://www.recens.ru/design/ie6_no_more.html?from=rss#comments Sun, 4 Apr 2010 23:00:55 GMT * Под современным браузером в лучшем случае подразумеваем последние версии Firefox, Chrome, Opera или Safari, в худшем – IE 8.

Наверняка большинство людей так или иначе связанных с IT прекрасно представляют себе, что такое IE 6.
IE 6 был выпущен в 2001 году, и был довольно неплохим браузером для того времени.
Начало двухтысячных – время домашних страничек и гостевых книг, и с ними IE справлялся хорошо. Конечно, он иногда неправильно считал отступы, не мог отобразить полупрозрачный PNG – но кого это тогда волновало?
Время шло, и постепенно единственный игрок на рынке стал считаться лучшим.

И что же было дальше?]]> http://www.recens.ru/jquery/plugin_text_shadow.html?from=rss http://www.recens.ru/jquery/plugin_text_shadow.html?from=rss Recens http://www.recens.ru/jquery/plugin_text_shadow.html?from=rss#comments Thu, 1 Apr 2010 20:05:37 GMT В предыдущей статье про свойство text-shadow я писала, что его вполне можно использовать, отказавшись от поддержки IE.
Но потом я подумала – а зачем отказываться?
И написала небольшой jQuery плагин для реализации этого свойства под IE.

Читать дальше →]]> http://www.recens.ru/css/css3_text_shadow.html?from=rss http://www.recens.ru/css/css3_text_shadow.html?from=rss Recens http://www.recens.ru/css/css3_text_shadow.html?from=rss#comments Sat, 27 Mar 2010 21:31:22 GMT Не прошло и дня, как вышла новая статья из серии о новых возможностях CSS3.
Сегодня мы будем говорить о text-shadow.
Это свойство нельзя назвать новым – оно было включено ещё в спецификацию CSS 2.0, а в версии 3.0 было переработано и улучшено.

Надо заметить, это одно из немногих свойств в CSS 3, которое объявляется одинаково во всех браузерах (без приставок –moz и –webkit).

Читать дальше →]]> http://www.recens.ru/css/css3_gradient.html?from=rss http://www.recens.ru/css/css3_gradient.html?from=rss Recens http://www.recens.ru/css/css3_gradient.html?from=rss#comments Fri, 26 Mar 2010 22:07:13 GMT В предыдущей статье я обещала рассмотреть свойство gradient. Приступим.
В настоящий момент gradient – само неоднозначное свойство. Браузеры поддерживают его по-разному, у каждого браузера свой стиль написания и свои возможности.
Сейчас свойство gradient так или иначе поддерживается в следующих браузерах:

• Firefox (начиная с версии 3.6)
• Safari (с версии 4)
• Chrome
• IE (с версии 5.5, через свойство filter)

Перейдём к реальным примерам →]]> http://www.recens.ru/php/cheat_sheet_date.html?from=rss http://www.recens.ru/php/cheat_sheet_date.html?from=rss Recens http://www.recens.ru/php/cheat_sheet_date.html?from=rss#comments Fri, 19 Mar 2010 11:34:03 GMT Меня всегда неприятно удивлял порядок символов в документации к функции date.
В документации они идут в алфавитном порядке, что очень неудобно, когда ты не знаешь, что именно тебе нужно найти.
Поэтому я сделала свой порядок список символов с сортировкой по типу времени, которое они возвращают.



Скачать PNG или PDF →]]> http://www.recens.ru/css/css3_box_shadow.html?from=rss http://www.recens.ru/css/css3_box_shadow.html?from=rss Recens http://www.recens.ru/css/css3_box_shadow.html?from=rss#comments Wed, 17 Mar 2010 21:52:34 GMT В первой части мы рассмотрели создание закруглённых углов с помощью свойства border-radius.

Сегодня мы рассмотрим свойство box-shadow, которое позволяет создавать тень вокруг блока.
Как и предыдущее свойство, его поддерживают далеко не все браузеры, но если вам нужен лишь декоративный эффект с минимальным использованием css, то box-shadow нет равных.

Читать дальше →]]> http://www.recens.ru/css/css3_border_radius.html?from=rss http://www.recens.ru/css/css3_border_radius.html?from=rss Recens http://www.recens.ru/css/css3_border_radius.html?from=rss#comments Tue, 16 Mar 2010 13:29:41 GMT Новая версия CSS (а именно CSS 3) не за горами, и уже сейчас некоторые браузеры поддерживают новые свойства.
Что это за свойства и как они могут быть полезны уже сейчас?
Об этом мы сегодня и поговорим, а именно о свойстве border-radius.
Читать дальше →]]> http://www.recens.ru/jquery/plugin_marked_list.html?from=rss http://www.recens.ru/jquery/plugin_marked_list.html?from=rss Recens http://www.recens.ru/jquery/plugin_marked_list.html?from=rss#comments Sun, 7 Mar 2010 17:17:56 GMT В этой статье мы рассмотрим, как с помощью CSS и jQuery можно сделать списки с вложенными элементами более удобными для просмотра и использования. Такая структура хорошо подходит для руководств, документации и файловых менеджеров.

Читать дальше →]]> http://www.recens.ru/design/conditional_comments.html?from=rss http://www.recens.ru/design/conditional_comments.html?from=rss Recens http://www.recens.ru/design/conditional_comments.html?from=rss#comments Thu, 25 Feb 2010 16:51:42 GMT В статье про закруглённые углы мы слегка затронули тему условных комментариев для написания костылей к IE.
Сейчас мы постараемся подробно разобрать, что же такое условные комментарии и как с их помощью можно сильно упростить себе жизнь.

Читать дальше →]]> http://www.recens.ru/css/round_borders.html?from=rss http://www.recens.ru/css/round_borders.html?from=rss Recens http://www.recens.ru/css/round_borders.html?from=rss#comments Wed, 24 Feb 2010 21:20:48 GMT Тема закруглённых углов и их реализации многим уже наверняка набила оскомину :)
Всё-таки я предложу свои четыре кроссбраузерных способа создания закруглённых углов, которые тянутся по ширине и длине, с использованием минимального количества пустых тегов и изображений.

Читать дальше →]]> http://www.recens.ru/jquery/plugin_imgshow.html?from=rss http://www.recens.ru/jquery/plugin_imgshow.html?from=rss Recens http://www.recens.ru/jquery/plugin_imgshow.html?from=rss#comments Mon, 22 Feb 2010 21:28:50 GMT Если вы начали осваивать jQuery или когда-нибудь собираетесь начать, то этот урок наверняка вам пригодится.
Сегодня мы будем рассматривать разработку не очень сложного плагина на jQuery, который будет запускать слайдшоу из готовых картинок.

Узнать подробности →]]> http://www.recens.ru/php/resize_and_crop.html?from=rss http://www.recens.ru/php/resize_and_crop.html?from=rss Recens http://www.recens.ru/php/resize_and_crop.html?from=rss#comments Sun, 21 Feb 2010 19:50:07 GMT Сегодня мы будем писать скрипт на PHP, который будет автоматически масштабировать и обрезать изображения.
Зачем это нужно?
Допустим, у вас есть 100 изображений, которые нужно уменьшить до 300 пикселей в ширину. Или сжать до размеров аватара (100 на 100, например) и урезать до квадрата. Или уменьшить вдвое. Или произвести любую другую манипуляцию с масштабом и обрезкой...

Интересно? Тогда читайте дальше →]]>