Селекторы JQuery

Небольшой справочник по селекторам JQuery.

Список селекторов

Базовые
«*» — все элементы
«.className» — элементы с классом className
«#idName» — элемент (один!) с идентификатором idName
«tagName» — элементы с заданным именем тега

Комбинированные селекторы
Селекторы, находящиеся в одном выражении, взаимодействуют между собой практически так же, как в правилах CSS
«first, second, …» — элементы удовлетворяющие любому из селекторов first, second, …
«outer inner» — элементы из inner, которые являются потомками (т.е. лежат внутри) элементов из outer
«parent > child» — элементы из child, которые являются прямыми потомками элементов из parent
«prev + next» — элементы из next, которые следуют непосредственно за элементами из prev
«prev ~ next» — элементы из next, которые следуют за элементами из prev

Читать далее

Отладка PHP кода в консоли браузера

Сегодня я задумался, как вывести print_r в консоль браузера? Ведь, сколько раз мы писали злосчастные var_dump и print_r и после этого долго мотали страницу в поиске отладочной информации, а если отладку нужно производить на боевом сайте — то клиенты могли увидеть вашу «работу» по устранению неисправностей.

Итак, поехали: реализации функции вывода отладочной информации PHP в консоль браузера

В итоге всё будет выглядеть примерно так:

Читать далее

Полезные функции при выводе информации на русском языке (окончания, номера месяцев, дней)

Очень часто веб-разработчики ленятся и вместо, скажем, надписи «3 дня» пишут «дней: 3». Действительно, зачем заморачиваться и программировать еще и функцию подбора окончания слова? Я решил упростить Вам эту задачу и представляю свои функции, которые использую в проектах.

Функция подбора окончания слова:

Читать далее

Полезные ссылки для дизайнеров и верстальщиков

Для дизайнеров:
Freebbble: Бесплатные элементы дизайна из Dribbble.
Couleurs: Простое приложения для определения цветов, которые вы видите на экране.
Pexels: Лучшие бесплатные фото в одном месте.
Для верстальщиков:
Ultimate CSS Gradient Generator: Кроссбраузерный генератор градиента.
Font Squirrel: 100% бесплатные коммерческие шрифты.

Для всех:
Joxi: удобная программа для скриншотов и обмена файлами по сети.

Заготовка собственного компонента фильтра в Битрикс

Заготовку можно скачать отсюда.

Собственно не станем вдаваться в то, как этот фильтр будет выглядеть. Рассмотрим механику его работы.

Что должен делать фильтр? Правильно! Фильтровать информацию по различным параметрам.

Схема работы будет следующая:

Сама форма фильтра только отправляет POST запрос с параметрами фильтрации, а компонент вывода — на основе этих параметров выводит именно ту информацию, которая нам требуется.

component.php компонента вывода будет выглядеть примерно так:

Читать далее