http://www.ruseller.com/ Из этой RSS ленты Вы можете получать ссылки на все самые свежие уроки от команды сайта ruseller.com даже не заходя на сайт! ru ruseller/CdHXhttp://feedburner.google.com http://feedproxy.google.com/~r/ruseller/CdHX/~3/uTntryXs5KY/lessons.php Звездный рейтинг является классическим элементом интерфейса пользователя. Любому веб мастеру хотя бы раз приходилось иметь дело со "звездочками". В данном уроке представлена идея, как сделать интерфейсную часть рейтинга без JavaScript несколькими строчками кода CSS.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/uTntryXs5KY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1367 http://www.ruseller.com/lessons.php?rub=2&id=1367 http://feedproxy.google.com/~r/ruseller/CdHX/~3/BL-REygIwmk/lessons.php WordPress стал самой используемой CMS в мире. В данном уроке мы представим одну из интересных возможностей WordPress - мультисайт (известную также как создание сети). С помощью мультисайта можно создать несколько блогов, которые будут использовать одни и те же файлы CMS, базу данных, плагины, темы. Можно вставлять в блог записи из другого блога сети. Можно динамически создавать блоги в разных доменах и многое другое.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/BL-REygIwmk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1366 http://www.ruseller.com/lessons.php?rub=40&id=1366 http://feedproxy.google.com/~r/ruseller/CdHX/~3/TZFwu_USCFY/lessons.php Навигация в виде "хлебных крошек" помогает посетителям сайта ориентироваться в иерархической структуре документов и находить путь на верхний уровень. Поэтому, если на сайте размешается большое количество документов, то его надо снабдить "хлебными крошками". В данном уроке будет представлен CSS код для создания различных вариантов дизайна такого нужного навигационного инструмента.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/TZFwu_USCFY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1365 http://www.ruseller.com/lessons.php?rub=2&id=1365 http://feedproxy.google.com/~r/ruseller/CdHX/~3/uClmFkHTpr8/lessons.php Файл .htaccess используется для конфигурации сервера Apache, впрочем, и для нескольких других серверов тоже. Не смотря на странное расширение, он является простым текстовым файлом, который можно модифицировать в любом редакторе. В данном уроке мы рассмотрим, как .htaccess можно использовать в своих проектах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/uClmFkHTpr8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1364 http://www.ruseller.com/lessons.php?rub=29&id=1364 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Z4cyLAWt0is/lessons.php В данном уроке описана иерархия файлов в теме WordPress. Мы разберемся, какие файлы используются, когда загружается страница. Может быть, вы уже знаете, что конкретные записи обслуживаются файлом single.php, а страница - page.php. Но WordPress ищет различные файлы в зависимости от имеющихся факторов, и очень полезно иметь представление об общей картине.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Z4cyLAWt0is" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1363 http://www.ruseller.com/lessons.php?rub=40&id=1363 http://feedproxy.google.com/~r/ruseller/CdHX/~3/wQFwKlfBOmg/lessons.php В данном уроке представлен очередной вариант организации всплывающих подсказок на CSS3. Используются CSS переходы и псевдо-элементы :before и :after.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/wQFwKlfBOmg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1362 http://www.ruseller.com/lessons.php?rub=2&id=1362 http://feedproxy.google.com/~r/ruseller/CdHX/~3/UaZ0DILrtKc/lessons.php Нет занятия более раздражающего, чем прокручивание длинной записи или страницы, при чем в условиях, когда разбиение на небольшие части выполняется легко и быстро. В WordPress такая задача решается очень просто. Доступно любому.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/UaZ0DILrtKc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1360 http://www.ruseller.com/lessons.php?rub=40&id=1360 http://feedproxy.google.com/~r/ruseller/CdHX/~3/mzjPUbO_1fo/lessons.php Создадим эффект приближения для миниатюр с помощью jQuery. Масштаб миниатюр будет изменяться в зависимости от расстояния между ними и курсором мыши.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/mzjPUbO_1fo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1359 http://www.ruseller.com/lessons.php?rub=32&id=1359 http://feedproxy.google.com/~r/ruseller/CdHX/~3/h5gSaMzttLo/lessons.php В предыдущем уроке серии мы рассмотрели простой пример использования плагина jQuery Template, разработанного командой Microsoft Ajax Core. Теперь разберем связанные шаблоны, которые позволяют полностью контролировать структуру документа.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/h5gSaMzttLo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1358 http://www.ruseller.com/lessons.php?rub=32&id=1358 http://feedproxy.google.com/~r/ruseller/CdHX/~3/wgRhlc5l1Nw/lessons.php Наверняка многие читатели знакомы с какой-нибудь серверной системой шаблонов, например, Smarty или Cheetah. Но есть шаблон, который выполняется на стороне клиента - плагин jQuery Template, созданный в недрах Microsoft. В современных условиях усложнения веб приложений его использование имеет ясный практический смысл.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/wgRhlc5l1Nw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1357 http://www.ruseller.com/lessons.php?rub=32&id=1357 http://feedproxy.google.com/~r/ruseller/CdHX/~3/JVzdCq384Nw/lessons.php WordPress стал очень популярной платформой в наши дни (около 8.5% всех веб сайтов работают под управлением WordPress!). Так как данная система имеет открытый исходный код, то любой желающий может исследовать внутренне строение системы и экспериментировать с методами взлома. Более миллиона сайтов WordPress было взломано за прошедший год. Но с помощью небольших усилий вы можете защитить ваш сайт под управлением WordPress и усилить его безопасность.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/JVzdCq384Nw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1356 http://www.ruseller.com/lessons.php?rub=40&id=1356 http://feedproxy.google.com/~r/ruseller/CdHX/~3/1Ky1jVdwfVs/lessons.php Если вы публикуете в своем блоге информацию, которая может устареть со временем, то будет очень полезно наглядно информировать читателя о времени, прошедшем с начала публикации.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/1Ky1jVdwfVs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1355 http://www.ruseller.com/lessons.php?rub=40&id=1355 http://feedproxy.google.com/~r/ruseller/CdHX/~3/xDnVoY69qd4/lessons.php PHP используется во многих веб приложениях, например, в WordPress. Не смотря на мощные средства языка, PHP имеет некоторые недостатки. Один из самых существенных - вывод сообщений об ошибках прямо на веб странице. Панель инструментов WordPress 3.3 закрывает первые несколько строк на странице, что мешает разработчику в процессе отладки.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/xDnVoY69qd4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1354 http://www.ruseller.com/lessons.php?rub=40&id=1354 http://feedproxy.google.com/~r/ruseller/CdHX/~3/FMDBFweFmG8/lessons.php Создаем рекламный анимированный баннер с использованием возможностей CSS3. А в старых браузерах он будет простой статичной картинкой.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/FMDBFweFmG8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1353 http://www.ruseller.com/lessons.php?rub=2&id=1353 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ZdbHgvN_WWs/lessons.php В данном уроке мы разберемся задачей создания прелестных скользящих панелей с изображениями. Будет использоваться только CSS. Идей заключается в применении фоновых изображений для панелей и анимации при нажатии на метку. В качестве меток будут использоваться радио кнопки.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ZdbHgvN_WWs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1352 http://www.ruseller.com/lessons.php?rub=2&id=1352 http://feedproxy.google.com/~r/ruseller/CdHX/~3/GVMbaNiz4qU/lessons.php В данном уроке рассматриваются четыре очень простых кнопки CSS с эффектами анимации при наведении курсора мыши на них.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/GVMbaNiz4qU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1351 http://www.ruseller.com/lessons.php?rub=2&id=1351 http://feedproxy.google.com/~r/ruseller/CdHX/~3/SGawjE7T3N4/lessons.php В данном уроке мы разберемся, как придать меню особенный вид с помощью интересного эффекта с выскальзывающим изображением, который проявляется при наведении курсора мыши на пункт меню.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/SGawjE7T3N4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1350 http://www.ruseller.com/lessons.php?rub=2&id=1350 http://feedproxy.google.com/~r/ruseller/CdHX/~3/F6JiWsLShmE/lessons.php В настоящий момент ситуация такова, что все больше и больше разработчиков приходят в мир JavaScript через ворота jQuery. И новички являются счастливчиками. Они получают доступ к изобилию новых API JavaScript, которые делают процесс работы с DOM существенно легче. Но, к сожалению, они не имеют представления об этих API! В данном уроке мы рассмотрим несколько типовых задач, которые решаются средствами jQuery, и преобразуем решения в обычный JavaScript.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/F6JiWsLShmE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1349 http://www.ruseller.com/lessons.php?rub=32&id=1349 http://feedproxy.google.com/~r/ruseller/CdHX/~3/TcA70rvtVlI/lessons.php Последняя вариация дизайна сайта YouTube имеет интересный вид кнопок (большей частью они расположены в нижнем колонтитуле), которые в обычном состоянии имеют еле различимую рамочку, но при наведении курсора мыши на них как бы "всплывают", побуждая посетителя нажать их.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/TcA70rvtVlI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1348 http://www.ruseller.com/lessons.php?rub=2&id=1348 http://feedproxy.google.com/~r/ruseller/CdHX/~3/NojB2U3JM_0/lessons.php Независимо от того, какой сайт или веб приложение разрабатывается, всегда возникает необходимость создавать стили для заголовков, подобных h1 или h2. В данном уроке мы рассмотрим несколько эффектов, которые применяются для заголовков, с использованием псевдо-элементов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/NojB2U3JM_0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1347 http://www.ruseller.com/lessons.php?rub=2&id=1347 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Sa-1aGoOIFg/lessons.php Прелесть WordPress состоит в том, что его можно легко адаптировать для решения любых задач. Любому по силам расширить возможности системы, добавив пару строк кода. В данном уроке мы рассмотрим 10 способов, которые помогут улучшить тему WordPress.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Sa-1aGoOIFg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1346 http://www.ruseller.com/lessons.php?rub=40&id=1346 http://feedproxy.google.com/~r/ruseller/CdHX/~3/xjs0jDuHwFM/lessons.php Использование закладок в интерфейсе пользователя помогает лучше организовать содержание. Естественно, что любая тема WordPress, которая имеет множество различных опций, только выиграет от использования закладок на странице установок. В данном уроке мы рассмотрим, как создать страницу установки с закладками.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/xjs0jDuHwFM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1345 http://www.ruseller.com/lessons.php?rub=40&id=1345 http://feedproxy.google.com/~r/ruseller/CdHX/~3/9sREjnUTDqQ/lessons.php В данном уроке мы создадим эластичное слайдшоу с миниатюрами. Слайдшоу будет автоматически подстраиваться под содержащий его контейнер, навигация по слайдам осуществляется с помощью предварительного просмотра миниатюр, имеется опция автоматического проигрывания.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/9sREjnUTDqQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1344 http://www.ruseller.com/lessons.php?rub=32&id=1344 http://feedproxy.google.com/~r/ruseller/CdHX/~3/h7w5TPi_iMc/lessons.php Если у вас есть профиль в Twitter, то наверняка вы ищете способ выводить ваши твиты на вашем сайте или блоге. Данная задача имеет отличное решение в виде плагина jQuery. Но что если надо выводить только определённые твиты? В Twitter есть инструмент для решения такой задачи - отмечать тивиты избранными. В данном уроке мы сделаем класс PHP который будет извлекать, помещать в кэш и выводить избранные твиты. для интерфейса будет использоваться CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/h7w5TPi_iMc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1343 http://www.ruseller.com/lessons.php?rub=37&id=1343 http://feedproxy.google.com/~r/ruseller/CdHX/~3/zN0UmkeO4DA/lessons.php В данном уроке мы организуем контроль прав доступа к информации с помощью битовой маски. Битовая маска является простым и быстрым способом определения возможностей пользователя.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/zN0UmkeO4DA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1342 http://www.ruseller.com/lessons.php?rub=37&id=1342 http://feedproxy.google.com/~r/ruseller/CdHX/~3/H7qoU9RHYEI/lessons.php При создании информационной страницы для какого-либо события очень полезным элементом будет дисплей с обратным отсчетом времени. Счетчик подстегивает посетителя визуализацией утекающий сквозь пальцы секунд, что в сочетании с полем для введения адреса email может существенно увеличить базу подписчиков.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/H7qoU9RHYEI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1341 http://www.ruseller.com/lessons.php?rub=32&id=1341 http://feedproxy.google.com/~r/ruseller/CdHX/~3/-9K2E69mUuQ/lessons.php В данном уроке мы создадим собственную систему комментирования (с использованием AJAX) разных пунктов списка (может быть все что угодно на вашем сайте - статьи, товары, фотографии и так далее) с применением PHP. В системе будет использоваться простая защита от спама - можно размещать только один комментарий в течении 10 минут.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/-9K2E69mUuQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1340 http://www.ruseller.com/lessons.php?rub=37&id=1340 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ZHSp_gu1Zvc/lessons.php В данном уроке представлено решение задачи автоматического изменения размера элемента textarea в соответствии с содержанием, которое может быть загружено динамически с помощью AJAX. Размер содержания не известен, а элемент textarea не изменяет размера естественным образом, как другие элементы HTML. Поэтому нужно использовать JavaScript для изменения высоты элемента каждый раз при обновлении содержания.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ZHSp_gu1Zvc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1339 http://www.ruseller.com/lessons.php?rub=2&id=1339 http://feedproxy.google.com/~r/ruseller/CdHX/~3/MyOarhSXqV4/lessons.php В данном уроке мы разберем процесс создания адаптивной галереи миниатюр. Рассмотрим, как добиться решения определенных задач и обойти проблемы, которые могут проявиться в контексте большого проекта.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/MyOarhSXqV4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1338 http://www.ruseller.com/lessons.php?rub=2&id=1338 http://feedproxy.google.com/~r/ruseller/CdHX/~3/7UJNy8JXJ5E/lessons.php В данном уроке мы создадим гостевую книгу на PHP с использованием AJAX. Записи будут храниться в базе данных. Таблица будет содержать следующую информацию: имя отправителя, адрес email, IP адрес и дата-время последней записи. Будет использоваться jQuery (для реализации AJAX). Также будет реализована простая защита от спама - можно размещать не более одной записи каждые 10 минут.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/7UJNy8JXJ5E" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1337 http://www.ruseller.com/lessons.php?rub=37&id=1337 http://feedproxy.google.com/~r/ruseller/CdHX/~3/EV1z9P0L7bQ/lessons.php В данном уроке мы сделаем системы автозаполнения полей для сайта. Данные могут располагаться в различных источниках - непосредственно в коде JavaScript, в базе данных или в XML файле.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/EV1z9P0L7bQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1336 http://www.ruseller.com/lessons.php?rub=37&id=1336 http://feedproxy.google.com/~r/ruseller/CdHX/~3/lLDSLGF15o8/lessons.php Выбор цветовой схемы для сайта является одним из важных моментов в процессе дизайна. Подбор сочетания цветов - достаточно сложный и творческий процесс. К счастью, существует достаточно много сервисов, которые могут оказать существенную поддержку для правильного выбора.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/lLDSLGF15o8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1334 http://www.ruseller.com/lessons.php?rub=28&id=1334 http://feedproxy.google.com/~r/ruseller/CdHX/~3/xYHMI6vEHao/lessons.php В данном уроке мы выведем график на PHP с использованием библиотеки GD. Кривая будет сглаживаться с помощью интерполяции кубическими сплайнами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/xYHMI6vEHao" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1333 http://www.ruseller.com/lessons.php?rub=37&id=1333 http://feedproxy.google.com/~r/ruseller/CdHX/~3/AJJlXUTaPOE/lessons.php В данном уроке мы разберемся как создать интересный эффект, который будет проявляться при наведении курсора мыши на объект. Будет включаться очень быстрое слайдшоу, которое может привлекать внимание посетителя своей динамикой.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/AJJlXUTaPOE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1332 http://www.ruseller.com/lessons.php?rub=32&id=1332 http://feedproxy.google.com/~r/ruseller/CdHX/~3/X8eudZ2oyOM/lessons.php В данном уроке мы создадим эффект проскальзывающих ячеек изображения. Он будет похож на маленькую фотогалерею. Для урока приготовлены 3 демонстрации с разными эффектами. В качестве основы функционирования используются свойства CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/X8eudZ2oyOM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1331 http://www.ruseller.com/lessons.php?rub=2&id=1331 http://feedproxy.google.com/~r/ruseller/CdHX/~3/U6vVoOOEjcU/lessons.php При разработке таблицы с ценами на услуги или товары задача веб дизайнера заключается в том, чтобы таблица легко читалась, была проста для восприятия и интуитивно понятна. Такие требования помогают пользователю быстро и легко найти то, что ему нужно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/U6vVoOOEjcU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1330 http://www.ruseller.com/lessons.php?rub=2&id=1330 http://feedproxy.google.com/~r/ruseller/CdHX/~3/TVMZxeY906k/lessons.php Использование псевдо класса :hover широко известно как классический способ реагирования на наведение курсора мыши на элемент. Проблема проявляется при задействовании свойства border-radius для получения круглых элементов - событие hover генерируется при наведении курсора мыши на описывающий прямоугольник, а не только для действительно видимой области.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/TVMZxeY906k" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1329 http://www.ruseller.com/lessons.php?rub=32&id=1329 http://feedproxy.google.com/~r/ruseller/CdHX/~3/9NmaZGtiQIw/lessons.php В данном уроке разбирается отличный эффект для оформления заголовков. Используется только CSS, никаких изображений.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/9NmaZGtiQIw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1328 http://www.ruseller.com/lessons.php?rub=2&id=1328 http://feedproxy.google.com/~r/ruseller/CdHX/~3/rmI0ImMHZJ0/lessons.php Вот уже скоро наступят новогодние праздники и рождество. Медленно падающий пушистый снег является одним из символов наступающего торжества. В данном уроке мы представим очень простую технику CSS для вывода снегопада на вашем сайте. Кроме отличного эффекта вы получите представление о работе с множественными фонами и кадрами анимации в CSS.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/rmI0ImMHZJ0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1327 http://www.ruseller.com/lessons.php?rub=2&id=1327 http://feedproxy.google.com/~r/ruseller/CdHX/~3/synv0b7kFkA/lessons.php В данном уроке приводится 10 вставок кода для WordPress, которые могут облегчить труд блогера.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/synv0b7kFkA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1326 http://www.ruseller.com/lessons.php?rub=40&id=1326 http://feedproxy.google.com/~r/ruseller/CdHX/~3/vJbDy8w63ZY/lessons.php В данном уроке мы создадим эффект "поперечного проскальзывания материала при прокрутке страницы". Основная идея заключается в поперечном смещении материала в зависимости от положения прокрутки страницы. Разделяя страницу на правую и левую части, мы будем перемещать элементы из-за пределов страницы к центру, когда они находятся в области просмотра.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/vJbDy8w63ZY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1325 http://www.ruseller.com/lessons.php?rub=32&id=1325 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Ao7U2koAmaE/lessons.php В данном уроке мы создадим простой эффект размытия текстовых пунктов. Идея заключается в организации набора блоков с текстом, которые будут размываться и уменьшаться в масштабе при наведении курсора мыши на один из них. Блок, который получает фокус ввода, наоборот будет увеличиваться. В результате получается эффект "фокусирования", который помогает выделить пункт с курсором мыши на нем.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Ao7U2koAmaE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1324 http://www.ruseller.com/lessons.php?rub=2&id=1324 http://feedproxy.google.com/~r/ruseller/CdHX/~3/aVbAFcyepa8/lessons.php Нет сомнений, что CSS3 отличный и мощный инструмент в руках разработчика. Но те, кто им пользуются попадают в ад префиксов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/aVbAFcyepa8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1323 http://www.ruseller.com/lessons.php?rub=29&id=1323 http://feedproxy.google.com/~r/ruseller/CdHX/~3/vBCS0Mm0FP8/lessons.php Возможности CSS3 впечатляют. В данном уроке мы будем использовать их для реализации творческих замыслов. В результате получится набор эффектов, которые сопровождают событие наведения курсора мыши на объект - будет выводиться описание с использованием разных стилей для каждого примера.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/vBCS0Mm0FP8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1322 http://www.ruseller.com/lessons.php?rub=2&id=1322 http://feedproxy.google.com/~r/ruseller/CdHX/~3/n-9i3WWdxSE/lessons.php В данном уроке мы построим набор элементов для последовательного выбора. Выбор опции будет приводить к обновлению страницы, показывая пользователю дополнительные опции для уточнения выбора. Опции выбора описаны на серверной стороне с помощью PHP, поэтому будет просто переделать пример на использование базы данных.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/n-9i3WWdxSE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1321 http://www.ruseller.com/lessons.php?rub=37&id=1321 http://feedproxy.google.com/~r/ruseller/CdHX/~3/BaIgO--FTXs/lessons.php В данном уроке мы сделаем всплывающие подсказки с использованием CSS3, HTML и jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/BaIgO--FTXs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1320 http://www.ruseller.com/lessons.php?rub=2&id=1320 http://feedproxy.google.com/~r/ruseller/CdHX/~3/o0YdNz0JQpQ/lessons.php В данном уроке мы создадим плагин WordPress, который можно использовать в качестве шаблона в других проектах. Также будет рассмотрен очень популярный вопрос - создание "коротких кодов". "Короткие коды" существенно облегчают процесс публикации различных материалов на сайте под управлением WordPress.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/o0YdNz0JQpQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1319 http://www.ruseller.com/lessons.php?rub=40&id=1319 http://feedproxy.google.com/~r/ruseller/CdHX/~3/_hCJY9jY1Yg/lessons.php В данном уроке мы создадим плагин jQuery для представления глянцевого переключателя в качестве элемента управления на веб страницах. Названный knobKnob, данный плагин будет использовать трансформации CSS3 и новые методы jQuery для обработки событий, чтобы предоставить пользователю новый способ интерактивного выбора значения из доступного диапазона.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/_hCJY9jY1Yg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1318 http://www.ruseller.com/lessons.php?rub=32&id=1318 http://feedproxy.google.com/~r/ruseller/CdHX/~3/orPupHawiwc/lessons.php Представьте, какую бурю эмоций испытает пользователь, которому нужно добавить всего лишь пару символов, чтобы отправить форму с большим объемом вручную заполненных полей, и вдруг все данные теряются. Ужасно. Если, конечно, нет способа восстановить данные, чтобы избежать участи Сизифа.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/orPupHawiwc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1317 http://www.ruseller.com/lessons.php?rub=32&id=1317 http://feedproxy.google.com/~r/ruseller/CdHX/~3/YxsxAPbYJcg/lessons.php Тестирование - очень нудное и скучное занятие. И ничего с данным утверждением сделать нельзя, пока вы не станете рассматривать тестирование в терминах игры. Каждый тест нужно рассматривать как подсчет очков, а пройденный этап поднимает ваш статус на доске почета.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/YxsxAPbYJcg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1316 http://www.ruseller.com/lessons.php?rub=37&id=1316 http://feedproxy.google.com/~r/ruseller/CdHX/~3/LAV06eByiJE/lessons.php Очевидно, что всплывающие подсказки существенно улучшают удобство использования интерфейсом приложения. В данном уроке мы создадим практическое решение с применением CSS3 и jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/LAV06eByiJE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1315 http://www.ruseller.com/lessons.php?rub=2&id=1315 http://feedproxy.google.com/~r/ruseller/CdHX/~3/m_duSJoFy7w/lessons.php Индикатор прогресса можно встретить практически на любом сайте. Обычно он отражает состояние процесса, например, загрузки или переноса файла. Делаете ли вы веб приложение или просто сайт, наверняка вам потребуется данный элемент интерфейса.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/m_duSJoFy7w" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1314 http://www.ruseller.com/lessons.php?rub=2&id=1314 http://feedproxy.google.com/~r/ruseller/CdHX/~3/xzKKdiOKw24/lessons.php Поисковая форма является одним из часто используемых элементов веб интерфейса. Ее реализация на сайте является простым способом повысить привлекательность веб сайта в глазах пользователя. В данном уроке мы создадим стильную форму поиска с использованием особенностей CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/xzKKdiOKw24" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1313 http://www.ruseller.com/lessons.php?rub=2&id=1313 http://feedproxy.google.com/~r/ruseller/CdHX/~3/t4k-EdQC2ls/lessons.php Все дискуссии о использовании таблиц в веб дизайне заканчиваются одним выводом: если вы имеете дело с выводом табулированных данных, то лучшим инструментом для их представления будут таблицы. Разработка дизайна таблицы всегда является вызовом. От внешнего вида будет зависеть легкость восприятия информации, представленной в таблице. Пользователь может легко потеряться в больших наборах цифр и символов, если таблицу сложно просканировать взглядом.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/t4k-EdQC2ls" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1312 http://www.ruseller.com/lessons.php?rub=2&id=1312 http://feedproxy.google.com/~r/ruseller/CdHX/~3/oa_f2dFYA7U/lessons.php Несомненно, что особенности CSS3 (трансформации и анимации) позволяют придать дизайну проекта более утонченный вид. В данном уроке мы построим анимированное выпадающее меню на CSS3 с некоторыми интересными эффектами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/oa_f2dFYA7U" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1311 http://www.ruseller.com/lessons.php?rub=2&id=1311 http://feedproxy.google.com/~r/ruseller/CdHX/~3/yUEq1dTN7gs/lessons.php Подсказки играют очень важную роль в веб дизайне. С их помощью можно существенно повысить уровень удобства использования интерфейса. В данном уроке мы сделаем интерактивную карту с подсказками, которые будут выводиться при наведении курсора мыши на специальную метку.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/yUEq1dTN7gs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1310 http://www.ruseller.com/lessons.php?rub=2&id=1310 http://feedproxy.google.com/~r/ruseller/CdHX/~3/GSa8w9gcLiY/lessons.php Форма регистрации на сайте является одним из важных элементов веб дизайна. Но у нее есть один недостаток - она может занимать место тогда, когда уже в ней нет надобности. В данном уроке предлагается простое и эффективное решение для организации выпадающей формы регистрации. Для него будет использоваться CSS3 и jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/GSa8w9gcLiY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1309 http://www.ruseller.com/lessons.php?rub=2&id=1309 http://feedproxy.google.com/~r/ruseller/CdHX/~3/3RVyYWjivos/lessons.php Навигационное меню является одним из важных элементов сайта. В данном уроке представлено привлекательное меню на CSS 3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/3RVyYWjivos" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1308 http://www.ruseller.com/lessons.php?rub=2&id=1308 http://feedproxy.google.com/~r/ruseller/CdHX/~3/R5S_HambMSo/lessons.php Небольшой совет, который может облегчить жизнь при работе с трансформациями CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/R5S_HambMSo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1307 http://www.ruseller.com/lessons.php?rub=2&id=1307 http://feedproxy.google.com/~r/ruseller/CdHX/~3/XG0fDBM6Spc/lessons.php Вы когда-нибудь пользовались сервисом, подобным JSBin? На нем можно написать код HTML, CSS и JavaScript, и тут же увидеть результат своих действий на специальной панели. В данном уроке мы сделаем страницу с элементом iframe, которая будет выполнять почти такие же действия (за исключением реализации JavaScript кода).<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/XG0fDBM6Spc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1306 http://www.ruseller.com/lessons.php?rub=32&id=1306 http://feedproxy.google.com/~r/ruseller/CdHX/~3/gChbfexgYa8/lessons.php jQuery вдохнул новую жизнь в JavaScript. В данном уроке приводится 10 вставок кода jQuery, которые облегчат решение повседневных задач, возникающих при создании веб приложений.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/gChbfexgYa8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1305 http://www.ruseller.com/lessons.php?rub=32&id=1305 http://feedproxy.google.com/~r/ruseller/CdHX/~3/AmLJgYg8qAo/lessons.php С помощью элемента canvas можно размывать изображения при переходе от одного к другому, создавая отличный визуальный эффект. В уроке используется скрипт StackBlur, который выполняет быстрое размытие изображения по Гауссу.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/AmLJgYg8qAo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1304 http://www.ruseller.com/lessons.php?rub=29&id=1304 http://feedproxy.google.com/~r/ruseller/CdHX/~3/tqa27-q8YaM/lessons.php Есть десятки отличных CMS. Вне зависимости от типа сайта, который вы делаете, наверняка найдется одна-две, которые отлично подойдут для решения ваших задач. Проблема заключается в том, что большинство дизайнеров и разработчиков не хотят изучать набор из десятка различных CMS. Как правило, все ограничивается одной, или двумя, которые используются для построения всех сайтов. Такой подход означает, что используемые варианты должны обладать и гибкостью и мощным функционалом.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/tqa27-q8YaM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1303 http://www.ruseller.com/lessons.php?rub=28&id=1303 http://feedproxy.google.com/~r/ruseller/CdHX/~3/d0ttwmn4Igk/lessons.php В данном уроке мы сделаем небольшой симпатичный слайдер с использованием jQuery UI.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/d0ttwmn4Igk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1302 http://www.ruseller.com/lessons.php?rub=32&id=1302 http://feedproxy.google.com/~r/ruseller/CdHX/~3/FYwyJqDDDUM/lessons.php Одним из занятных приложений свойства CSS3 box-shadow является создание двойной рамки вокруг элемента. Очень интересный эффект для оформления страниц, Но работать он будет только в новых версиях браузеров, которые поддерживают box-shadow. Однако существует еще несколько методов для создания такого эффекта. Причем очевидное использование фонового изображения является весьма далеким от идеала. В данном уроке представлены пять методов для создания двойной рамки вокруг элемента. Причем только один из них требует изображение, а все остальные используют чистый код CSS с отличной поддержкой в браузерах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/FYwyJqDDDUM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1301 http://www.ruseller.com/lessons.php?rub=2&id=1301 http://feedproxy.google.com/~r/ruseller/CdHX/~3/FeDUwEid2WE/lessons.php Когда приходится центрировать элементы в веб дизайне, информация о самом элементе и его родителе очень облегчает задачу. Ну а когда неизвестно ничего, что делать? Но задача имеет решение.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/FeDUwEid2WE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1300 http://www.ruseller.com/lessons.php?rub=2&id=1300 http://feedproxy.google.com/~r/ruseller/CdHX/~3/f1-AnhocOgg/lessons.php CSS3 привнес в веб дизайн огромное количество новых свойств и возможностей. В данном уроке показаны эксперименты с тенями текста и трансформациями для достижения эффекта размытия, который будет использоваться для создания элегантного меню. Основная идея заключается в размытии других пунктов при наведении курсора мыши на определенный пункт меню.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/f1-AnhocOgg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1299 http://www.ruseller.com/lessons.php?rub=2&id=1299 http://feedproxy.google.com/~r/ruseller/CdHX/~3/H6vZ9S5WNvI/lessons.php Четвертая часть урока, посвященного методам создания JavaScript кода, который облегчит сопровождение проектов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/H6vZ9S5WNvI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1298 http://www.ruseller.com/lessons.php?rub=28&id=1298 http://feedproxy.google.com/~r/ruseller/CdHX/~3/YsIgW9kxd0k/lessons.php Иногда хочется вывести содержание страницы в необычной форме. В данном уроке мы представляем вам эксперимент с уникальной формой размещения изображений - волной.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/YsIgW9kxd0k" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1297 http://www.ruseller.com/lessons.php?rub=32&id=1297 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6ErFP1IGoHM/lessons.php Третья часть урока, посвященного коду JavaScript. Простые рекомендации для создания легко поддерживаемого проекта.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6ErFP1IGoHM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1296 http://www.ruseller.com/lessons.php?rub=28&id=1296 http://feedproxy.google.com/~r/ruseller/CdHX/~3/OdThje_T1I8/lessons.php В данном уроке мы разберемся как создать меню с проскальзыванием пунктов при наведении на них курсора мыши. Сделаем три варианта: с использованием псевдоклассов CSS3, без псевдоклассов для обеспечения лучшей поддержки браузерами, и с помощью jQuery (вариант, пригодный для работы везде).<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/OdThje_T1I8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1295 http://www.ruseller.com/lessons.php?rub=2&id=1295 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6hRX0ML3nXs/lessons.php Вторая из четырех частей урока, посвященного качественному коду JavaScript, который будет легко поддерживать и развивать.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6hRX0ML3nXs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1294 http://www.ruseller.com/lessons.php?rub=28&id=1294 http://feedproxy.google.com/~r/ruseller/CdHX/~3/eVMGm0DjU7Y/lessons.php Для блога вопрос содержания имеет решающее значение, так как по существу блог предназначен для предоставления качественной информации стратегически выделенной аудитории или сообществу. По этой причине содержание не должно быть кросс-браузерным, а дизайн блога занимает второе место по уровню важности и должен строиться, опираясь на содержание. В данном уроке приводится несколько советов для создания дизайна качественного блога.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/eVMGm0DjU7Y" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1293 http://www.ruseller.com/lessons.php?rub=28&id=1293 http://feedproxy.google.com/~r/ruseller/CdHX/~3/IZtxsnMFY58/lessons.php В данном уроке из четырех частей затрагиваются вопросы написания качественного кода JavaScript, который будет легко поддерживать и развивать, даже если к проекту приходится возвращаться спустя длительное время.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/IZtxsnMFY58" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1292 http://www.ruseller.com/lessons.php?rub=28&id=1292 http://feedproxy.google.com/~r/ruseller/CdHX/~3/XIA7bjfFxTI/lessons.php Многие веб мастера уверенны, что использовать HTML таблицы в шаблонах - плохая практика. Но в данном уроке мы рассмотрим только таблицы CSS. Какая разница между таблицами HTML и CSS? Надо ли использовать таблицы CSS? Если да, то как?<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/XIA7bjfFxTI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1291 http://www.ruseller.com/lessons.php?rub=2&id=1291 http://feedproxy.google.com/~r/ruseller/CdHX/~3/yVEKoxxsqSM/lessons.php Эффект перелистывания приобрел популярность в связи с распространением мобильных приложений. Некоторые библиотеки для мобильных приложений уже имеют встроенные функции для реализации такого эффекта с использованием прикосновения к сенсорному экрану. Однако такой эффект может быть интересен и на экранах настольных систем для смены различных слайдов с помощью курсора мыши.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/yVEKoxxsqSM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1290 http://www.ruseller.com/lessons.php?rub=32&id=1290 http://feedproxy.google.com/~r/ruseller/CdHX/~3/IIc_fWqhmYA/lessons.php Эксперименты с CSS3 могут привести к замечательным эффектам, которые появляются при наведении курсора мыши. Идея заключается в простом сочетании элементов (иконки, основного и вспомогательного заголовков), которые анимируются и трансформируются при наведении курсора мыши. В уроке объясняется, что происходит с элементами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/IIc_fWqhmYA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1289 http://www.ruseller.com/lessons.php?rub=2&id=1289 http://feedproxy.google.com/~r/ruseller/CdHX/~3/g58D2WzhQ38/lessons.php CSS3 привнес замечательные изменения в спецификацию CSS. C его помощью можно создавать великолепные эффекты на веб страницах без головной боли. В данном уроке представлены 10 с + инструментов для облегчения работы с CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/g58D2WzhQ38" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1288 http://www.ruseller.com/lessons.php?rub=2&id=1288 http://feedproxy.google.com/~r/ruseller/CdHX/~3/l8xhlrlD7f4/lessons.php Очень интересные задачки возникают, когда пытаешься воспроизвести элементы дизайна с помощью кода. Отличная разминка для интеллекта - создание графических объектов командами CSS.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/l8xhlrlD7f4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1287 http://www.ruseller.com/lessons.php?rub=2&id=1287 http://feedproxy.google.com/~r/ruseller/CdHX/~3/0-kDVgeeymM/lessons.php Как часто вы нажимаете правую кнопку мыши, чтобы сохранить логотип веб сайта? А сколько раз в результате полученное изображение имело низкое разрешение? На многих сайтах содержится специальная страница с изображениями логотипа в высоком разрешении, но такие страницы бывает очень непросто найти.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/0-kDVgeeymM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1286 http://www.ruseller.com/lessons.php?rub=32&id=1286 http://feedproxy.google.com/~r/ruseller/CdHX/~3/cRzqleNSrPw/lessons.php Типографика является самой любимой игрушкой веб дизайнеров. CSS имеет в своем составе один очень интересный инструмент - text-shadow (тень текста), который на первый взгляд кажется достаточно простым, но с его помощью можно создать запоминающиеся эффекты, если подключить изобретательность и воображение.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/cRzqleNSrPw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1285 http://www.ruseller.com/lessons.php?rub=2&id=1285 http://feedproxy.google.com/~r/ruseller/CdHX/~3/HhIxEZNt4SM/lessons.php Файл .htaccess является сердцем веб сервера, который работает под управлением Apache. Именно здесь определяется реакция сервера на различные действия посетителя. в данном уроке приводится 10 с + приемов для использования в файле .htaccess.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/HhIxEZNt4SM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1284 http://www.ruseller.com/lessons.php?rub=29&id=1284 http://feedproxy.google.com/~r/ruseller/CdHX/~3/9x_vZQJi5HA/lessons.php В данном уроке мы построим простую математическую игру с помощью jQuery. Игра позволяет развивать самоконцентрацию и внимание в сочетании с практикой по суммированию простых чисел.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/9x_vZQJi5HA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1283 http://www.ruseller.com/lessons.php?rub=32&id=1283 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Ixuid8Q_p5g/lessons.php Иногда на сайте нужно показать видео ролик, а может быть вы строите сеть для обмена видеоматериалами и музыкой. В данном уроке представлены бесплатные плагины jQuery, которые могут быть отличным решением таких задач.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Ixuid8Q_p5g" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1282 http://www.ruseller.com/lessons.php?rub=29&id=1282 http://feedproxy.google.com/~r/ruseller/CdHX/~3/QKpjIuYlNo4/lessons.php В данном уроке приводится несколько коротких, но весьма полезных вырезок кода для WordPress.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/QKpjIuYlNo4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1281 http://www.ruseller.com/lessons.php?rub=40&id=1281 http://feedproxy.google.com/~r/ruseller/CdHX/~3/WG0-Lb0ySCs/lessons.php При создании сайта под управлением WordPress вполне вероятно возникновение ситуации, когда код какой-нибудь библиотеки (например, jQuery) включается в код страницы дважды. Такое положение замедляет загрузку страниц и может привести к досадным, трудно обнаруживаемым ошибкам при работе скриптов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/WG0-Lb0ySCs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1280 http://www.ruseller.com/lessons.php?rub=40&id=1280 http://feedproxy.google.com/~r/ruseller/CdHX/~3/_0mgc6LYyYE/lessons.php В предыдущем уроке серии мы разобрались с базой использования исключений в PHP. Данный урок посвящен расширенным исключениям и блокам множественных перехватов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/_0mgc6LYyYE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1279 http://www.ruseller.com/lessons.php?rub=37&id=1279 http://feedproxy.google.com/~r/ruseller/CdHX/~3/QV1FUePZNLU/lessons.php В данном уроке мы создадим простой адаптивный аккордеон, который будет открывать разделы вниз по вертикали с плавным появлением содержания в них. Идея заключается в том, чтобы скомпоновать содержание с минимальной необходимостью для вертикальной прокрутки.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/QV1FUePZNLU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1278 http://www.ruseller.com/lessons.php?rub=32&id=1278 http://feedproxy.google.com/~r/ruseller/CdHX/~3/hskMVWVgn_w/lessons.php Все еще возвращаете false, когда функция в вашей программе обнаруживает ошибку? В данной серии из двух уроков мы рассмотрим исключения PHP, и как их использовать для обработки ошибок в ваших приложениях.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/hskMVWVgn_w" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1277 http://www.ruseller.com/lessons.php?rub=37&id=1277 http://feedproxy.google.com/~r/ruseller/CdHX/~3/GF3T4wUjKe0/lessons.php В данном уроке мы создадим простую галерею jQuery с использованием AJAX для загрузки изображений. Наборы картинок будут определяться в массиве JavaScript, что создает потенциал для использования такой галереи на динамических страницах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/GF3T4wUjKe0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1276 http://www.ruseller.com/lessons.php?rub=32&id=1276 http://feedproxy.google.com/~r/ruseller/CdHX/~3/KWWzk9apnAo/lessons.php В данном уроке мы разберемся, как создать адаптивную галерею изображений с каруселью миниатюр. Галерея будет подстраиваться под размер окна просмотра, также можно будет отключить или включить карусель миниатюр. Навигация может осуществляться с клавиатуры.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/KWWzk9apnAo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1275 http://www.ruseller.com/lessons.php?rub=32&id=1275 http://feedproxy.google.com/~r/ruseller/CdHX/~3/pvlQZxzN4Po/lessons.php В данном уроке мы сделаем отличное портфолио на основе HTML5, jQuery и плагина Quicksand. Потенциально демонстрационное портфолио может быть существенно расширено без особых усилий.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/pvlQZxzN4Po" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1274 http://www.ruseller.com/lessons.php?rub=1&id=1274 http://feedproxy.google.com/~r/ruseller/CdHX/~3/BsXg0a0IuT8/lessons.php В данном уроке мы создадим отличный эффект всплывающих миниатюр для навигации с помощью CSS3. Идея заключается в оформлении навигации стрелками, при наведении курсора мыши на которые будут всплывать миниатюры следующего или предыдущего изображений. Для реализации эффекта используются трансформации CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/BsXg0a0IuT8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1273 http://www.ruseller.com/lessons.php?rub=2&id=1273 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6G5jrpN05D8/lessons.php В одном из предыдущих уроков с помощью jQuery было продемонстрировано решение задачи некорректного отображения теней и радиусных границ для элемента изображения в некоторых браузерах. Изображение используется в качестве фона для внешнего контейнера, к которому можно применять любые стили. Данный урок демонстрирует стили изображений, которые можно получить используя трюк с фоном.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6G5jrpN05D8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1270 http://www.ruseller.com/lessons.php?rub=2&id=1270 http://feedproxy.google.com/~r/ruseller/CdHX/~3/D66h38i-leQ/lessons.php В данном уроке мы разберемся как сделать скругленную стилизацию для картинок с помощью CSS3 и jQuery. Дело в том, что далеко не все браузеры корректно отображают свойства CSS3 border-radius и box-shadow. Но проблему можно решить с помощью тега span.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/D66h38i-leQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1269 http://www.ruseller.com/lessons.php?rub=2&id=1269 http://feedproxy.google.com/~r/ruseller/CdHX/~3/T7U_rJttUtI/lessons.php В данном уроке мы научимся устанавливать и настраивать очень гибкий модуль для отображения новостей на Joomla 1.7<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/T7U_rJttUtI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=1267 http://www.ruseller.com/lessons.php?rub=41&id=1267 http://feedproxy.google.com/~r/ruseller/CdHX/~3/eN_2EsIYRu4/lessons.php В арсенале разработчика, который использует WordPress в качестве платформы для своих проектов, имеется мощный инструмент - виджеты. Когда упоминаются виджеты WordPress, обычно, имеют в виду удобный способ настройки боковых панелей без изменения кода. Но такое их использование является лишь вершиной айсберга, которые представляют различные функции, выполняемые виджетами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/eN_2EsIYRu4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1266 http://www.ruseller.com/lessons.php?rub=40&id=1266 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Zm8ttxb9UNU/lessons.php Продолжаем разработку нашего поискового ядра. В данном уроке мы напишем еще несколько функций и рассмотрим работу с шаблоном.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Zm8ttxb9UNU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1265 http://www.ruseller.com/lessons.php?rub=37&id=1265 http://feedproxy.google.com/~r/ruseller/CdHX/~3/QqOi_PVjKpU/lessons.php У меня давно стоял вопрос разработки собственного поискового ядра, которое бы позволяло осуществлять поиск по материалам сайта, работающего на движке моей студии. В этом небольшом цикле уроков мы рассмотрим вопрос создания простой системы поиска, которая умеет искать не только точные запросы, но и обучаться элементарным операциям со словами, для того, чтобы получить максимальный результат поиска.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/QqOi_PVjKpU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1264 http://www.ruseller.com/lessons.php?rub=37&id=1264 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Qs_MaDG5g0k/lessons.php В данном уроке мы научимся устанавливать и настраивать очень гибкий модуль для отображения новостей на Joomla 1.7<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Qs_MaDG5g0k" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=1263 http://www.ruseller.com/lessons.php?rub=41&id=1263 http://feedproxy.google.com/~r/ruseller/CdHX/~3/4hu9SMmii14/lessons.php Анимации CSS являются замечательным инструментом в руках веб дизайнера. С их помощью можно создавать практически любые чудеса в окне веб браузера. Есть пара "но". Первое "но" - создание анимаций часто связано с использованием пустых элементов div, что выходит за рамки семантичности кода HTML. Второе "но" - не все браузеры поддерживают анимации. И пользователи таких программ видят перед собой пустое окно вместо великолепной динамической картины.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/4hu9SMmii14" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1262 http://www.ruseller.com/lessons.php?rub=2&id=1262 http://feedproxy.google.com/~r/ruseller/CdHX/~3/azNES99BwLo/lessons.php В данном уроке мы сделаем плагин jQuery, который тасует текст любого элемента DOM. Эффект можно использовать в заголовках, логотипах и слайдшоу.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/azNES99BwLo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1261 http://www.ruseller.com/lessons.php?rub=1&id=1261 http://feedproxy.google.com/~r/ruseller/CdHX/~3/YGhTZkE4e6U/lessons.php В данном уроке мы создадим иконку документа с использованием свойств CSS3. Для нее потребуется только один элемент HTML.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/YGhTZkE4e6U" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1260 http://www.ruseller.com/lessons.php?rub=2&id=1260 http://feedproxy.google.com/~r/ruseller/CdHX/~3/A944wcbz1Ag/lessons.php Разберем плагин, который помогает создать отличные закладки, адаптирующиеся под содержание и выводящие правильный URL в адресной строке.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/A944wcbz1Ag" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1259 http://www.ruseller.com/lessons.php?rub=32&id=1259 http://feedproxy.google.com/~r/ruseller/CdHX/~3/-jkYplBjUVA/lessons.php Данный урок является последним в серии, посвященной селекторам CSS. В первом уроке были рассмотрены селекторы атрибутов, во втором - комбинаторы и некоторые псевдо-классы. Завершим обзор селекторов разбором структурных псевдо-классов и псевдо-элементов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/-jkYplBjUVA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1258 http://www.ruseller.com/lessons.php?rub=2&id=1258 http://feedproxy.google.com/~r/ruseller/CdHX/~3/-bv2n8T7f3E/lessons.php В данном уроке мы создадим динамический анимированный индикатор прогресса на jQuery. Наверняка вам знаком виджет jQuery Progressbar. По умолчанию - это статический виджет без какой-либо анимации. Мы расширим его возможности и сделаем его динамическим. Результат нашего урока будет оформлен в виде плагина jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/-bv2n8T7f3E" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1257 http://www.ruseller.com/lessons.php?rub=32&id=1257 http://feedproxy.google.com/~r/ruseller/CdHX/~3/dr6TNzHXU0Q/lessons.php Данный урок продолжает серию о селекторах CSS и будет посвящен комбинаторам и псевдо-классам.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/dr6TNzHXU0Q" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1256 http://www.ruseller.com/lessons.php?rub=2&id=1256 http://feedproxy.google.com/~r/ruseller/CdHX/~3/nZkG1FEWYtY/lessons.php При разработке интерфейса проекта всегда хочется, чтобы он был простым и понятным для пользователя. Не важно, что предлагает ваш сайт, нужно найти баланс между простотой и функциональностью. Очень важно добиться, чтобы пользователь легко находил и понимал любые функции вашего проекта, в идеале - без загрузки других страниц.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/nZkG1FEWYtY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1255 http://www.ruseller.com/lessons.php?rub=32&id=1255 http://feedproxy.google.com/~r/ruseller/CdHX/~3/D4YvTPmHu_s/lessons.php В данном уроке мы сделаем плагин jQuery, который поможет привлечь внимание пользователя к определенному элементу страницы. Будет использоваться маленький указатель, который выводится рядом с курсором мыши. Такой пример может быть полезен для указания полей формы, кнопок или сообщений об ошибках, которые находятся вне поля зрения пользователя.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/D4YvTPmHu_s" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1254 http://www.ruseller.com/lessons.php?rub=32&id=1254 http://feedproxy.google.com/~r/ruseller/CdHX/~3/zv4K1sJbr2I/lessons.php Для формирования наиболее подходящего для разных носителей вида шаблона в CSS можно определять различные типы медиа среды (например, экран или печать). CSS3 расширяет возможности типов медиа среды с помощью дополнительных выражений, которые называются медиа запросами. В данном уроке мы рассмотрим использование медиа запросов для определения ориентации шаблона и продемонстрируем их использование.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/zv4K1sJbr2I" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1253 http://www.ruseller.com/lessons.php?rub=2&id=1253 http://feedproxy.google.com/~r/ruseller/CdHX/~3/sWWv8bZd5Rg/lessons.php Системы рейтинга используются достаточно широко на различных сайтах. В данном уроке мы создадим интерфейс такой системы с интерактивностью.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/sWWv8bZd5Rg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1252 http://www.ruseller.com/lessons.php?rub=32&id=1252 http://feedproxy.google.com/~r/ruseller/CdHX/~3/oENM749FOF4/lessons.php Вероятно, что вы часто используете свойство CSS border, и почти всегда border-style имеет значение “solid”, которое отображается одинаково во всех браузерах. Всем известно, что border-style может иметь другие значения, но их применяют очень редко. Наверняка, будет интересно посмотреть, как выглядят различные значения в разных браузерах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/oENM749FOF4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1251 http://www.ruseller.com/lessons.php?rub=28&id=1251 http://feedproxy.google.com/~r/ruseller/CdHX/~3/BoHKz16muao/lessons.php Допустим, вам нужно разработать интерфейс, в котором пользователя надо ранжировать три категории по трем степеням оценки. С таким заданием вполне можно справиться с помощью радио кнопок.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/BoHKz16muao" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1250 http://www.ruseller.com/lessons.php?rub=2&id=1250 http://feedproxy.google.com/~r/ruseller/CdHX/~3/cBWsLytlNsU/lessons.php В данном уроке мы построим пузырьковый эффект анимации с использованием jQuery для слайдшоу. Это отличный метод оживления презентации изображений. В результате урока получится полностью модульный код, который легко использовать в своих проектах и модифицировать.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/cBWsLytlNsU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1249 http://www.ruseller.com/lessons.php?rub=32&id=1249 http://feedproxy.google.com/~r/ruseller/CdHX/~3/O_Z0tD0Ki8w/lessons.php Центрирование элементов по вертикали с помощью CSS является задачей, которая представляет определенную трудность для разработчиков. Однако имеется несколько методов ее решения, которые достаточно просты. В данном уроке представлено 6 вариантов вертикального центрирования содержания.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/O_Z0tD0Ki8w" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1248 http://www.ruseller.com/lessons.php?rub=2&id=1248 http://feedproxy.google.com/~r/ruseller/CdHX/~3/0V1PcJ9zK2Y/lessons.php В данном уроке мы расскажем о использовании свойств CSS3 для построения многоколночного шаблона.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/0V1PcJ9zK2Y" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1247 http://www.ruseller.com/lessons.php?rub=2&id=1247 http://feedproxy.google.com/~r/ruseller/CdHX/~3/UHQNoZ5Bpk8/lessons.php В данном уроке демонстрируется техника работы с библиотекой PHP GD. Основная цель - добавить водяной знак на исходное изображение и генерировать результат в виде PNG картинки на сервере. В качестве дополнения будет формироваться рамка вокруг изображения и добавляться текст.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/UHQNoZ5Bpk8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1246 http://www.ruseller.com/lessons.php?rub=37&id=1246 http://feedproxy.google.com/~r/ruseller/CdHX/~3/zzYgXqmeGWI/lessons.php Селекторы CSS являются значимым ингредиентом при разработке веб сайта. Они привязывают код CSS к разметке HTML. Сколько различных шаблонов селекторов вы регулярно используете?<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/zzYgXqmeGWI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1245 http://www.ruseller.com/lessons.php?rub=2&id=1245 http://feedproxy.google.com/~r/ruseller/CdHX/~3/2wOl8VpfaSg/lessons.php В данном уроке приводится 15 рекомендаций по работе с библиотекой jQuery. Описанные методы помогают эффективно использовать мощный инструмент разработчика.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/2wOl8VpfaSg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1244 http://www.ruseller.com/lessons.php?rub=32&id=1244 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ll-50yMk5tc/lessons.php В данном уроке мы создадим отличную галерею изображений на CSS3 и jQuery (с комбинацией техники "перетащи-и-брось" и плагина fancybox). Фотографии будут разбросаны по поверхности экрана, их можно перетаскивать и открывать для просмотра.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ll-50yMk5tc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1243 http://www.ruseller.com/lessons.php?rub=32&id=1243 http://feedproxy.google.com/~r/ruseller/CdHX/~3/QqiZ3CmPThU/lessons.php Ошибки при построении разметки могут приводить к разному результату в разных браузерах. Конечно, исходный код будет везде одинаков, но если проверить структуру DOM с помощью инструментов разработчика, то результат будет различаться.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/QqiZ3CmPThU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1242 http://www.ruseller.com/lessons.php?rub=1&id=1242 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Q4AZ3JyoK5A/lessons.php На странице с выбором продуктов компании Apple используется интересный эффект при смене категории. Если посмотреть исходный код страницы, то можно обнаружить, что Apple использует prototype.js - популярную до появления jQuery библиотеку JavaScript. В данном уроке мы воспроизведем эффект, применяя плагин jQuery Easing.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Q4AZ3JyoK5A" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1241 http://www.ruseller.com/lessons.php?rub=32&id=1241 http://feedproxy.google.com/~r/ruseller/CdHX/~3/hGNu1A_UAak/lessons.php При создании различных веб приложений одним из популярных методов хранения информации являются куки. Плагин jQuery jCookies существенно облегчает работу с ними. Можно работать с различными данными: строками, массивами, объектами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/hGNu1A_UAak" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1240 http://www.ruseller.com/lessons.php?rub=32&id=1240 http://feedproxy.google.com/~r/ruseller/CdHX/~3/pqXFWfGsbU8/lessons.php Трюк с использованием скрытой радио кнопки или чекбокса, селектора псевдо класса :checked и комбинатора смежных элементов (~) открывает доступ к реализации различных эффектов на чистом CSS.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/pqXFWfGsbU8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1239 http://www.ruseller.com/lessons.php?rub=2&id=1239 http://feedproxy.google.com/~r/ruseller/CdHX/~3/oVqTrNeXWqw/lessons.php Скругленные углы очень просто сделать с помощью правила border-radius. Но оно ограничивает нас формой. А что если нам нужно соединить одну форму с другой с помощью внешних круглых углов?<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/oVqTrNeXWqw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1238 http://www.ruseller.com/lessons.php?rub=2&id=1238 http://feedproxy.google.com/~r/ruseller/CdHX/~3/hgkdPUispec/lessons.php Обычно трансформации CSS3 запускаются с помощью средств CSS, таких как псевдо-классы :hover или :checked. Такое положение соответствует изменению состояния элемента, для которого определены трансформации. Однако, трансформации CSS можно запускать и из JavaScript кода.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/hgkdPUispec" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1237 http://www.ruseller.com/lessons.php?rub=32&id=1237 http://feedproxy.google.com/~r/ruseller/CdHX/~3/AlakqPR-b6k/lessons.php Использование модульной сетки в веб-дизайне в наши дни стало популярным решением у разработчиков, которые стремятся к великолепным результатам. И хотя данной концепции в информационных технологиях всего несколько лет, в инженерном деле и архитектуре сетка используется повсеместно, особенно там, где точность является ключевым моментом.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/AlakqPR-b6k" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1236 http://www.ruseller.com/lessons.php?rub=29&id=1236 http://feedproxy.google.com/~r/ruseller/CdHX/~3/MSKjq4FMPaY/lessons.php Короткие коды помогают сохранить время всем пользователям WordPress. Они позволяют выполнять сложные задачи простой вставкой кода с параметрами в текст записи. В данном уроке мы представляем 10 коротких кодов WordPress, которые увеличат вашу производительность.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/MSKjq4FMPaY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1235 http://www.ruseller.com/lessons.php?rub=40&id=1235 http://feedproxy.google.com/~r/ruseller/CdHX/~3/IGugWTvD638/lessons.php В данном уроке мы создаем клиентскую часть корзины покупок с использованием jQuery. Управление вычислениями общего количества и суммы покупки будет осуществляться в JavaScript. Для формирования корзины покупок будет использоваться технология "перетащи-и-брось" с помощью библиотеки jQuery UI.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/IGugWTvD638" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1234 http://www.ruseller.com/lessons.php?rub=32&id=1234 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ahvTJ2HHZ8c/lessons.php Библиотеки CSS для модульных сеток облегчают нашу жизнь. Но и в них есть недостатки. К счастью, новейшие техники предлагают свежие подходы к проектированию шаблонов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ahvTJ2HHZ8c" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1233 http://www.ruseller.com/lessons.php?rub=2&id=1233 http://feedproxy.google.com/~r/ruseller/CdHX/~3/tN-X03HTEyA/lessons.php Выравнивание изображений при создании дизайна может оказаться сложной задачей в условиях ограничений (размер окна, количество изображений для заполнения или размер самих картинок). С помощью описываемого скрипта можно автоматически создавать монтаж и для резинового шаблона и для фиксированного (включая окно на весь экран) с заполнением всех интервалов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/tN-X03HTEyA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1232 http://www.ruseller.com/lessons.php?rub=32&id=1232 http://feedproxy.google.com/~r/ruseller/CdHX/~3/plBEE53Lek4/lessons.php На одном из предыдущих уроков мы разобрали процесс создания простого 2-х колоночного шаблона CSS. А сейчас продолжим тему создания шаблонов CSS и построим 3-х колоночную структуру страницы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/plBEE53Lek4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1231 http://www.ruseller.com/lessons.php?rub=2&id=1231 http://feedproxy.google.com/~r/ruseller/CdHX/~3/d3i9z7KBU9o/lessons.php В данном уроке демонстрируется процесс создания простого 2-х колоночного шаблона.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/d3i9z7KBU9o" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1230 http://www.ruseller.com/lessons.php?rub=2&id=1230 http://feedproxy.google.com/~r/ruseller/CdHX/~3/rseLzUwfYXU/lessons.php В данном уроке мы разберемся, как сделать средствами CSS выскакивающее сверху окна браузера сообщение, которое скрывается через определенное время.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/rseLzUwfYXU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1229 http://www.ruseller.com/lessons.php?rub=2&id=1229 http://feedproxy.google.com/~r/ruseller/CdHX/~3/-z3Jad3OkX8/lessons.php Сделаем заголовок для раздела сбоку. Причем, выравнивать его будем по левой стороне, а не по верху блока.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/-z3Jad3OkX8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1228 http://www.ruseller.com/lessons.php?rub=2&id=1228 http://feedproxy.google.com/~r/ruseller/CdHX/~3/S2PBcGjbXLs/lessons.php Какой бы библиотекой для модульной сетки вы не пользовались, у всех есть одна проблема - управление полем и отступом для последнего элемента <div>.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/S2PBcGjbXLs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1227 http://www.ruseller.com/lessons.php?rub=2&id=1227 http://feedproxy.google.com/~r/ruseller/CdHX/~3/lZ6j3ouQ-cY/lessons.php Идея построения закладок на одном CSS витает в среде веб дизайна уже достаточно давно. Однако среди множества реализаций очень немногие соответствуют тому функционалу, который ожидается от закладок. Обычно, пользователь надеется, что нажав на закладку, он увидит новое содержание без перезагрузки страницы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/lZ6j3ouQ-cY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1226 http://www.ruseller.com/lessons.php?rub=2&id=1226 http://feedproxy.google.com/~r/ruseller/CdHX/~3/qpFpFvc8Awc/lessons.php В данном уроке мы сделаем простое и эффектное меню на jQuery с использованием изображений. Пункты меню будут оформлены в виде слайдов, которые будут отодвигаться при наведении курсора мыши.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/qpFpFvc8Awc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1225 http://www.ruseller.com/lessons.php?rub=32&id=1225 http://feedproxy.google.com/~r/ruseller/CdHX/~3/i9eDA7dOf1g/lessons.php В данном уроке мы создадим интересный шаблон сайта, который будет использовать анимацию на jQuery. Идея заключается в создании нескольких небольших прямоугольников, разбросанных в случайном порядке вверху страницы, которые по нажатию кнопки мыши на пункте меню собираются вместе, формируя поле для вывода информации. Мы будем использовать несколько различных эффектов анимации, которые можно устанавливать для пунктов меню с помощью опций.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/i9eDA7dOf1g" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1223 http://www.ruseller.com/lessons.php?rub=32&id=1223 http://feedproxy.google.com/~r/ruseller/CdHX/~3/WIM66n0VHz8/lessons.php В данном уроке мы построим веб страницу, на которой используется три разных слайдшоу, которые объединены в один динамический элемент дизайна. Такой эффект отлично работает в портфолио дизайнера или фотографа. Для создания такой страницы понадобятся начальные знания HTML, CSS и jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/WIM66n0VHz8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1222 http://www.ruseller.com/lessons.php?rub=32&id=1222 http://feedproxy.google.com/~r/ruseller/CdHX/~3/jvZK9PGX9yc/lessons.php С помощью CSS3 можно творить удивительные вещи. Например, бесконечное слайдшоу.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/jvZK9PGX9yc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1221 http://www.ruseller.com/lessons.php?rub=2&id=1221 http://feedproxy.google.com/~r/ruseller/CdHX/~3/4nPp_AY0RM8/lessons.php Изображения оживляют интерфейс веб проектов. Кроме того, при наведении курсора мыши на картинку может открываться дополнительная информация (например, автор изображения и ссылка на его блог). У этой, простой на первый взгляд, задачи, есть некоторые особенности, которые нужно учитывать при организации интерфейса.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/4nPp_AY0RM8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1220 http://www.ruseller.com/lessons.php?rub=2&id=1220 http://feedproxy.google.com/~r/ruseller/CdHX/~3/kC8-qyy8fvw/lessons.php Существуют сотни плагинов слайдшоу, от популярного Lightbox до продвинутого Galleria. Зачем создавать еще один? Наверняка вы используете подобный плагин на своем веб сайте. Неужели не интересно, как самому сделать такой замечательный инструмент. А свой код гораздо проще модифицировать и добавлять особенные фишки, если вдруг захочется развивать проект.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/kC8-qyy8fvw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1219 http://www.ruseller.com/lessons.php?rub=32&id=1219 http://feedproxy.google.com/~r/ruseller/CdHX/~3/3g4Hk4NkHrA/lessons.php В спецификации CSS3 широко известное свойство background-repeat имеет два новых значения (в дополнение к repeat, repeat-x, repeat-y, и no-repeat, которые хорошо известны в среде разработчиков): space и round. В данном уроке приводится описание использования данных значений и снимки экрана с соответствующими фонами, получившимися в результате.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/3g4Hk4NkHrA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1218 http://www.ruseller.com/lessons.php?rub=2&id=1218 http://feedproxy.google.com/~r/ruseller/CdHX/~3/VcEuM2K5AvM/lessons.php В данном уроке мы разберемся, как создать портфолио с вращением элементов по диагонали. С такой техникой можно построить интересный и выделяющийся интерфейс для сайта-визитки.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/VcEuM2K5AvM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1217 http://www.ruseller.com/lessons.php?rub=32&id=1217 http://feedproxy.google.com/~r/ruseller/CdHX/~3/aXUOpGshDRQ/lessons.php В данном уроке мы сделаем меню с эффектом выскальзывания при наведении курсора мыши на пункт. Идея заключается в том, что элементы выскальзывают из поля зрения, изменяют цвет и возвращаются обратно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/aXUOpGshDRQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1216 http://www.ruseller.com/lessons.php?rub=32&id=1216 http://feedproxy.google.com/~r/ruseller/CdHX/~3/MJvt3fmS810/lessons.php Некоторые полезные сведения о чекбоксе.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/MJvt3fmS810" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1214 http://www.ruseller.com/lessons.php?rub=28&id=1214 http://feedproxy.google.com/~r/ruseller/CdHX/~3/igLwBy4kP3w/lessons.php В данном уроке мы создадим ассиметричный слайдер с небольшим поворотом изображений: когда выполняется скольжение изображений, они слегка поворачиваются, а анимация для каждой картинки выполняется с небольшой задержкой. Необычная форма слайдера создается размещением элементов и использованием толстой рамки. Слайдер имеет опцию автопроигрывания и функционал работы с колесиком мыши.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/igLwBy4kP3w" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1213 http://www.ruseller.com/lessons.php?rub=32&id=1213 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Wha5jo12S5M/lessons.php JSON - простой, основанный на использовании текста, способ хранить и передавать структурированные данные.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Wha5jo12S5M" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1212 http://www.ruseller.com/lessons.php?rub=28&id=1212 http://feedproxy.google.com/~r/ruseller/CdHX/~3/aC0DsCD6nnA/lessons.php В первой части урока мы рассмотрели общие принципы использования техники "перетащи-и-брось" в веб приложениях с использованием jQuery. Теперь создадим простую игру, в которой на практике будут использованы описанные ранее функции.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/aC0DsCD6nnA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1211 http://www.ruseller.com/lessons.php?rub=32&id=1211 http://feedproxy.google.com/~r/ruseller/CdHX/~3/JeL8akbvOoA/lessons.php Перетаскивание элементов интерфейса с помощью курсора мыши является, скорее всего, самым интуитивно понятным способом взаимодействия пользователя с вашим сайтом или приложением.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/JeL8akbvOoA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1210 http://www.ruseller.com/lessons.php?rub=32&id=1210 http://feedproxy.google.com/~r/ruseller/CdHX/~3/zrU3wOa-FxU/lessons.php Может быть, в будущем все веб браузеры будут выводить HTML/CSS код одинаково и в соответствии со стандартами. Тогда кросс браузерная проверка станет не нужна. Но такие рассуждения все еще остаются фантастикой, и проверка вашего проекта в современных и старых версиях браузеров необходима.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/zrU3wOa-FxU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1209 http://www.ruseller.com/lessons.php?rub=28&id=1209 http://feedproxy.google.com/~r/ruseller/CdHX/~3/2naaHtX5NRY/lessons.php Семантика кода HTML всегда является горячим вопросом. Некоторые разработчики стараются всегда писать семантический код. Другие критикуют догматичных приверженцев. А некоторые даже понятия не имеют о том, что это такое и зачем оно нужно. Семантика определяется в HTML в тегах, классах, ID, и атрибутах, которые описывают назначение, но не задают точно содержание, которое в них заключено. То есть речь идет о разделении содержания и его формата.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/2naaHtX5NRY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1208 http://www.ruseller.com/lessons.php?rub=1&id=1208 http://feedproxy.google.com/~r/ruseller/CdHX/~3/0g1dicCU7dw/lessons.php В данном уроке мы разберем процесс создания эффекта переворачивания страниц для электронной книги с использованием элемента canvas и JavaScript.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/0g1dicCU7dw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1207 http://www.ruseller.com/lessons.php?rub=28&id=1207 http://feedproxy.google.com/~r/ruseller/CdHX/~3/aX79VjjsG2A/lessons.php Главный цикл является самой важной частью сайта под управлением WordPress. Именно он позволяет вам получать записи из базы данных WordPress и выводить их на экран. Обладая набором полезных и простых в использовании функций, главный цикл является очень мощным инструментом. В нем вы можете получить единственную запись, или список записей отсортированных по дате создания, заголовку или категории, или список записей, созданных определённым автором, и так далее.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/aX79VjjsG2A" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1206 http://www.ruseller.com/lessons.php?rub=40&id=1206 http://feedproxy.google.com/~r/ruseller/CdHX/~3/I_jucD5trl4/lessons.php В настоящее время наиболее часто трансформации CSS3 используются в сочетании с хорошо известным псевдо-классом CSS :hover. Вы можете анимировать изменения свойств CSS с помощью трансформаций при использовании других методов, некоторые из которых перечислены ниже. Для каждого метода приводится пример, который открывается на отдельной странице при нажатии на название метода.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/I_jucD5trl4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1205 http://www.ruseller.com/lessons.php?rub=2&id=1205 http://feedproxy.google.com/~r/ruseller/CdHX/~3/zyBQ3CbcQJc/lessons.php Одним из сложных моментов при использовании CSS является установка одинаковой высоты для колонок. Существуют различные методы, каждый из которых имеет свои плюсы и минусы. В данном уроке мы рассмотрим четыре из их.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/zyBQ3CbcQJc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1204 http://www.ruseller.com/lessons.php?rub=2&id=1204 http://feedproxy.google.com/~r/ruseller/CdHX/~3/viomri8JJKM/lessons.php API коротких кодов в Wordpress появилось в версии 2.5. Короткие коды быстро стали популярным методом индивидуальной настройки шаблона и вставки блоков со специальным форматом в содержание. Но они могут быть полезны также и при создании темы WordPress!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/viomri8JJKM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1203 http://www.ruseller.com/lessons.php?rub=40&id=1203 http://feedproxy.google.com/~r/ruseller/CdHX/~3/SVI7_7XALgA/lessons.php Один из новых интересных элементов в HTML5 - <canvas>. Он позволяет разработчику рисовать все, что угодно с помощью JavaScript. В данном уроке мы создадим логическую игру на его основе.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/SVI7_7XALgA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1202 http://www.ruseller.com/lessons.php?rub=1&id=1202 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6RJ2b24e7XI/lessons.php Обычно на курсах веб дизайна обучают использованию классов и индентификаторов, то есть . и # соответственно, для указания элементов. Этого достаточно для построения функциональных сайтов, но в таком подходе нет достаточной гибкости для полного контроля над дизайном и его изменениями. Данный метод требует достаточно много работы по созданию разметки. Мы рассмотрим альтернативный подход для указания элементов, которые сложно достать из структуры страницы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6RJ2b24e7XI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1201 http://www.ruseller.com/lessons.php?rub=2&id=1201 http://feedproxy.google.com/~r/ruseller/CdHX/~3/K2-QJIaZkR8/lessons.php WordPress является одной из популярных систем управления содержанием сайта. Для ее тонкой настройки недостаточно пользоваться только панелью инструментов. Множество интересных и полезных изменений в интерфейсе и функционировании WordPress можно сделать с помощью изменения кода.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/K2-QJIaZkR8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1200 http://www.ruseller.com/lessons.php?rub=40&id=1200 http://feedproxy.google.com/~r/ruseller/CdHX/~3/0RIT5l1GyI4/lessons.php Допустим, необходимо сделать страницу с набором фотографий. И задача состоит в том, чтобы расположить их одну к другой без зазоров по всему окну браузера.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/0RIT5l1GyI4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1199 http://www.ruseller.com/lessons.php?rub=2&id=1199 http://feedproxy.google.com/~r/ruseller/CdHX/~3/VZqWmV2mID4/lessons.php Адаптивный дизайн сайта позволяет разрабатывать проекты, которые автоматически подстраиваются под устройство, на котором его просматривают. При этом сохраняется общая стилистика дизайна, а от разработчика требуется меньше усилий, чтобы добиться высокого уровня удобства использования для большого списка разрешений браузера.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/VZqWmV2mID4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1198 http://www.ruseller.com/lessons.php?rub=2&id=1198 http://feedproxy.google.com/~r/ruseller/CdHX/~3/0qZ5L00x9Nk/lessons.php NoSQL был одной из самых обсуждаемых тем на протяжении нескольких прошедших месяцев. В этом уроке мы познакомим вас с CouchDB, которая не работает с SQL запросами, а также дадим хороший старт для самостоятельного изучения.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/0qZ5L00x9Nk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1197 http://www.ruseller.com/lessons.php?rub=28&id=1197 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Vw48D30CFbw/lessons.php Я давно искал способ, который позволил бы мне автоматически определять язык страницы для пользователя. Убив на это немало времени, я натолкнулся на следующее решение. Изъятие значения константы HTTP_ACCEPT_LANGUAGE одного из суперглобальных массивов даст то, что нам нужно, а именно строку типа “en-US,en;q=0.8?. Это значение берётся из заголовков запроса страницы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Vw48D30CFbw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1196 http://www.ruseller.com/lessons.php?rub=37&id=1196 http://feedproxy.google.com/~r/ruseller/CdHX/~3/RMDdbzKWD_Y/lessons.php Не так давно я писал о применении псевдо класса :target. В сегодняшнем уроке вы узнаете, как создать простой аккордеон, используя этот элемент CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/RMDdbzKWD_Y" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1195 http://www.ruseller.com/lessons.php?rub=2&id=1195 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Iz0KFfTRNzU/lessons.php В данном уроке мы разберемся как сделать закладку с диагональной рамкой используя только CSS и разрешим небольшую проблему с кроссбраузерностью кода.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Iz0KFfTRNzU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1194 http://www.ruseller.com/lessons.php?rub=2&id=1194 http://feedproxy.google.com/~r/ruseller/CdHX/~3/8cz5ad2yTbk/lessons.php Иногда требуется создать для небольшой компании одностраничный сайт визитку, который сочетал бы в себе простоту, элегантность и функциональность. С помощью jQuery и типографики можно сделать отличный шаблон.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/8cz5ad2yTbk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1193 http://www.ruseller.com/lessons.php?rub=32&id=1193 http://feedproxy.google.com/~r/ruseller/CdHX/~3/rCygOkiC_hM/lessons.php Подумайте о том, что заставляет вас снова и снова возвращаться в свой любимый магазин, к своему любимому человеку и даже на свой любимый веб-сайт. Ведь это не бессмысленные отношения типа “купил-ушел” или “кликнул-вышел”. Это сложная эмоциональная связь. Это именно то, что связывает людей друг с другом и с любимыми брэндами. Взаимодействие с пользователем должно нести точно такую же сложную эмоциональную нагрузку. Веб-сайт должен затронуть разум пользователя, его тело и душу. Если он этого не делает, то данный сайт - шаблон из 90-ых годов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/rCygOkiC_hM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1192 http://www.ruseller.com/lessons.php?rub=29&id=1192 http://feedproxy.google.com/~r/ruseller/CdHX/~3/17Ne1ndh2Ik/lessons.php В данном уроке мы разберемся с принципами организации модульной сетки, которая является очень популярным решением при построении различных шаблонов. В ходе усвоения материала вы сможете самостоятельно построить свою собственную модульную сетку.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/17Ne1ndh2Ik" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1191 http://www.ruseller.com/lessons.php?rub=2&id=1191 http://feedproxy.google.com/~r/ruseller/CdHX/~3/N05LyM5VR2k/lessons.php yepnope.js - это специальный инструмент, созданный Алексом Секстоном и Ральфом Холцманом в конце февраля 2011, который позволяет совершать асинхронную подгрузку как JavaScript, так и CSS файлов. В этом уроке мы рассмотрим, как пользоваться данным инструментом, и постараемся определить новые возможности, которые перед нами открываются.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/N05LyM5VR2k" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1190 http://www.ruseller.com/lessons.php?rub=32&id=1190 http://feedproxy.google.com/~r/ruseller/CdHX/~3/o0Ry61QJ0pg/lessons.php В MySQL 5 есть много новых функций, одной из самых весомых из которых является создание хранимых процедур. В этом уроке я расскажу о том, что они из себя представляют, а также о том, как они могут облегчить вам жизнь.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/o0Ry61QJ0pg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1189 http://www.ruseller.com/lessons.php?rub=28&id=1189 http://feedproxy.google.com/~r/ruseller/CdHX/~3/lwkZ5IeaB8s/lessons.php В данном уроке приводится пара методов использования спрайтов для элементов, у которых неизвестны высота и ширины.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/lwkZ5IeaB8s" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1188 http://www.ruseller.com/lessons.php?rub=2&id=1188 http://feedproxy.google.com/~r/ruseller/CdHX/~3/geq_nFzwOzI/lessons.php cURL – это специальный инструмент, который предназначен для того, чтобы передавать файлы и данные синтаксисом URL. Данная технология поддерживает множество протоколов, таких как HTTP, FTP, TELNET и многие другие. Изначально cURL было разработано для того, чтобы быть инструментом командной строки. К счастью для нас, библиотека cURL поддерживается языком программирования PHP. В этой статье мы рассмотрим некоторые расширенные функций cURL, а также затронем практическое применение полученных знаний средствами PHP.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/geq_nFzwOzI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1187 http://www.ruseller.com/lessons.php?rub=37&id=1187 http://feedproxy.google.com/~r/ruseller/CdHX/~3/qZhZe6FHJj4/lessons.php В данном уроке мы создаем небольшую галерею с эффектом раздвижных дверей или, как его еще называют, аккордеона. Изображение, на которое наводится курсор мыши, показывается в полный размер, а все остальные картинки видны лишь частично.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/qZhZe6FHJj4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1186 http://www.ruseller.com/lessons.php?rub=32&id=1186 http://feedproxy.google.com/~r/ruseller/CdHX/~3/jXRmch6Qgwk/lessons.php Разработчики JavaScript, желающие как можно лучше усовершенствовать свой продукт, всё чаще ищут простые способы внедрения современных технологий, как например, архитектура MVC. Использование данной архитектуры на стороне клиента может быть также эффективна, как и на стороне сервера. Именно поэтому мы хотим представить вам Spine.js, которое вышло совсем недавно и предназначено для решения поставленных нам задач.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/jXRmch6Qgwk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1184 http://www.ruseller.com/lessons.php?rub=32&id=1184 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Sn9DORwKofc/lessons.php Самой главной частью любого веб-сайта по-прежнему остается навигационное меню. Не важно, вертикальное или горизонтальное, простое или вложенное, меню должно быть обязательно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Sn9DORwKofc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1183 http://www.ruseller.com/lessons.php?rub=2&id=1183 http://feedproxy.google.com/~r/ruseller/CdHX/~3/KIx5E4Xy6nU/lessons.php Создание слайдшоу на JavaScript - это отличный способ поместить на странице кучу инфы и одновременно занять сравнительно мало места. Давайте создадим свое слайдшоу со скользящими слайдами и навигационными кнопками. Вы сможете использовать его для отображения какой-либо важной информации на главной странице сайта или даже в качестве галереи картинок. В любом случае его очень легко создать с помощью нескольких полезных плагинов jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/KIx5E4Xy6nU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1182 http://www.ruseller.com/lessons.php?rub=32&id=1182 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Q9r52MFdm-g/lessons.php В данном уроке представлено очень простое слайд шоу на основе jQuery. Навигация слайд шоу позволяет перемещаться между изображениями и переходить на первую и последнюю картинку. Кроме того, для быстрого перехода к картинке используется панель миниатюр.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Q9r52MFdm-g" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1181 http://www.ruseller.com/lessons.php?rub=32&id=1181 http://feedproxy.google.com/~r/ruseller/CdHX/~3/KeVsvo0QkMQ/lessons.php Модульная сетка может оказать существенную помощь при создании веб сайта. Она обеспечивает как визуальную структуру для элементов сайта, так и среду для содержания. Она является простым способом создать сбалансированный и единообразный веб сайт.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/KeVsvo0QkMQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1180 http://www.ruseller.com/lessons.php?rub=29&id=1180 http://feedproxy.google.com/~r/ruseller/CdHX/~3/AtGZzQJfLq8/lessons.php В данном уроке мы закончим построение простого шаблона Joomla.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/AtGZzQJfLq8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=1179 http://www.ruseller.com/lessons.php?rub=41&id=1179 http://feedproxy.google.com/~r/ruseller/CdHX/~3/mY6IWaHuUNo/lessons.php Добро пожаловать в четвертый урок из серии, посвященной ООП в PHP! Если вы пропустили первые три урока, вам возможно, захочется рассмотреть и их, дабы узнать подробнее о классах и объектах в PHP<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/mY6IWaHuUNo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1178 http://www.ruseller.com/lessons.php?rub=37&id=1178 http://feedproxy.google.com/~r/ruseller/CdHX/~3/8tAmpi_CQZk/lessons.php Сегодня разрешение экранов варьирует от 320px (iPhone) до 2560px (большой монитор) или еще больше. Теперь пользователи пользуются интернетом не только через свой PC, но и при помощи мобильных устройств, таких как iPad или Playbook. Таким образом, традиционный подход к фиксированным размерам страницы больше не является дееспособным. Веб-дизайн должен быть адаптирован под всё. Расположение элементов должно корректироваться автоматически, чтобы соответствовать разрешению дисплея. В этом уроке мы покажем вам, как создать кроссбраузерный дизайн, работая с HTML5 и CSS3 медиа запросами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/8tAmpi_CQZk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1177 http://www.ruseller.com/lessons.php?rub=2&id=1177 http://feedproxy.google.com/~r/ruseller/CdHX/~3/KboXyLK86Z4/lessons.php Добро пожаловать в третий урок из серии, посвященной ООП. Если вы не проходили первые два урока, то возможно, захотите с ними ознакомиться, так как данный урок базируется на них:<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/KboXyLK86Z4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1176 http://www.ruseller.com/lessons.php?rub=37&id=1176 http://feedproxy.google.com/~r/ruseller/CdHX/~3/jFonbazMKjo/lessons.php В сегодняшнем уроке мы покажем вам, как безболезненно защитить приложение, написанное на CodeIgniter (версия 2.0) от Поддельных Межсайтовых Запросов. Библиотека, которую мы создадим через несколько минут, сделает ваш сайт более сильным, стойким и безопасным.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/jFonbazMKjo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1175 http://www.ruseller.com/lessons.php?rub=37&id=1175 http://feedproxy.google.com/~r/ruseller/CdHX/~3/T13Dho0-SSM/lessons.php Вы, наверное, представляете, для чего используются ленты в web дизайне? Их применение можно увидеть повсеместно. Ещё бы! Ведь они так классно смотрятся на странице благодаря 3D эффекту.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/T13Dho0-SSM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1174 http://www.ruseller.com/lessons.php?rub=2&id=1174 http://feedproxy.google.com/~r/ruseller/CdHX/~3/_B5a42xI5oM/lessons.php Как я и говорил в предыдущей статье, после релиза Firefox 4 все вдруг резко начали загружать новые свойства CSS. Сразу после CSS селектора any() в движок Gecko добавилась новая прикольная CSS фича, которую я бы хотел сегодня помучать, - это функция element().<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/_B5a42xI5oM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1173 http://www.ruseller.com/lessons.php?rub=2&id=1173 http://feedproxy.google.com/~r/ruseller/CdHX/~3/lQDe40wk6nQ/lessons.php В этом коротеньком уроке я продемонстрирую вам всю силу эффектов и переходов CSS3, которыми мы воспользуемся для создания меню, никак не зависящего от JavaScript, которое украсит ваш сайт или шаблон. Мы воспользуемся такими клевыми свойствами CSS3, как псевдо-селектор :target и элемент :after.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/lQDe40wk6nQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1172 http://www.ruseller.com/lessons.php?rub=2&id=1172 http://feedproxy.google.com/~r/ruseller/CdHX/~3/1tCDV7VzcRs/lessons.php Вы, наверное, заметили, как часто в своих уроках я использую эти два псевдо-элемента. Почему они мне нравятся? Потому что их так удобно использовать, что даже не надо добавлять дополнительные HTML элементы. Однако данная статья посвящена не преимуществам псевдо-элементов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/1tCDV7VzcRs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1171 http://www.ruseller.com/lessons.php?rub=2&id=1171 http://feedproxy.google.com/~r/ruseller/CdHX/~3/u3NZS5tzCAk/lessons.php Webkit подарил нам огромный набор инструментов, которые эффективнейшим образом можно использовать для улучшения пользовательских интерфейсов. Теперь, когда у нас есть возможность преобразовывать элементы и пользоваться переходами, «серые» странички превратятся во что-то свежее и неотразимое.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/u3NZS5tzCAk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1170 http://www.ruseller.com/lessons.php?rub=2&id=1170 http://feedproxy.google.com/~r/ruseller/CdHX/~3/bJhRgliI8s4/lessons.php С момента выхода Firefox 4 перед нами открылось множество новых CSS селекторов. Пробежавшись по CSS селекторам, которые были включены в Firefox 4 (ну и соответственно в Webkit), я натолкнулся на селектор :any(). В этом уроке мы продемонстрируем применение данного селектора.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/bJhRgliI8s4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1169 http://www.ruseller.com/lessons.php?rub=2&id=1169 http://feedproxy.google.com/~r/ruseller/CdHX/~3/wr4x14K4zAg/lessons.php В данном уроке серии разбирается вопрос скрытия колонок шаблона, в которых отсутствует контент.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/wr4x14K4zAg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=1168 http://www.ruseller.com/lessons.php?rub=41&id=1168 http://feedproxy.google.com/~r/ruseller/CdHX/~3/QgSYyPhF1r0/lessons.php Часто при разработке веб приложения возникает необходимость отдавать файл пользователю на скачку. Содержание такого файла может быть совершенно разным, начиная от конфигурационных данных, заканчивая отчётами, статистической информацией, которая генерируется автоматически.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/QgSYyPhF1r0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1167 http://www.ruseller.com/lessons.php?rub=37&id=1167 http://feedproxy.google.com/~r/ruseller/CdHX/~3/oTu9_VTEsf8/lessons.php Сегодня мы хотим вам показать, как создать прикольную стену из фоток при помощи jQuery. Идея состоит в том, чтобы разбросать множество миниатюр изображений различных размеров по странице. При нажатии на изображение, фотография будет подвержена трансформации, после которой пользователю будет показано небольшое описание и, если он кликнет ещё раз, то изображение раскроется на весь экран.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/oTu9_VTEsf8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1166 http://www.ruseller.com/lessons.php?rub=32&id=1166 http://feedproxy.google.com/~r/ruseller/CdHX/~3/RZ4aCBvw6zg/lessons.php Трудно себе представить сайт без контактной формы. Но фишка даже не в наличии подобного компонента, а в том, как он оформлен. Всем своим видом, форма должна заставить пользователя заполнить её по собственному желанию.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/RZ4aCBvw6zg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1165 http://www.ruseller.com/lessons.php?rub=2&id=1165 http://feedproxy.google.com/~r/ruseller/CdHX/~3/BZKK9cxZmHI/lessons.php Twitter - чрезвычайно популярная социальная сеть. Одной из самых сильных сторон данного продукта является простой для понимания и мощный, с точки зрения функциональности, API, который даёт вам возможность придумывать всё, что угодно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/BZKK9cxZmHI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1164 http://www.ruseller.com/lessons.php?rub=1&id=1164 http://feedproxy.google.com/~r/ruseller/CdHX/~3/AJZIxJqIq3U/lessons.php Одна из самых полезных возможностей темы для WordPress является предоставление возможности изменить и стилизовать цвета, которые пользователь видит на странице. В этом уроке мы покажем, как добавить палитру цветов на страницу настройки шаблона, используя jQuery плагин Farbtastic, созданный специально для WordPress.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/AJZIxJqIq3U" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1163 http://www.ruseller.com/lessons.php?rub=40&id=1163 http://feedproxy.google.com/~r/ruseller/CdHX/~3/vioarqUlY3Y/lessons.php Добро пожаловать во второй урок из серии, посвященной ООП. В первой статье вы ознакомились с основами ООП в PHP, включая понятия классов, методов, полей и объектов. Также вы узнали, как создать простенький класс и реализовать его.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/vioarqUlY3Y" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1162 http://www.ruseller.com/lessons.php?rub=37&id=1162 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6v4Ixet7uCo/lessons.php В этой статье я продемонстрирую процесс создания PHP XML RPC сервера и покажу, как использовать созданный сервис через Android приложение как клиент. Всё, что касается PHP будет создано на Zend Framework, а для Android мы будем использовать очень маленькую библиотеку XML RPC.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6v4Ixet7uCo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1161 http://www.ruseller.com/lessons.php?rub=37&id=1161 http://feedproxy.google.com/~r/ruseller/CdHX/~3/dy5I8iN8fQU/lessons.php Я утверждаю, что психология цвета - это очень серьёзная тема. Меня трудно назвать экспертом в этой области, но всё же я могу немного поведать вам о некоторых парадоксальных вещах..<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/dy5I8iN8fQU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1160 http://www.ruseller.com/lessons.php?rub=29&id=1160 http://feedproxy.google.com/~r/ruseller/CdHX/~3/yy7F1bolSUY/lessons.php Галереи миниатюр – это одни из наиболее распространенных вещей, которые вы можете увидеть в сети. Оно и понятно. Каждый хочет продемонстрировать свои изображения как можно ярче. Эффективность этого инструмента не может быть оспорена. Всякий раз, когда я создаю галерею миниатюры, я сперва брожу по сети в поисках вдохновения. Другими словами, смотрю на то, что уже есть. В этой статье я покажу вам 50 примеров галерей, которые могут впечатлить каждого.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/yy7F1bolSUY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1159 http://www.ruseller.com/lessons.php?rub=29&id=1159 http://feedproxy.google.com/~r/ruseller/CdHX/~3/VmKh73MHhig/lessons.php Несколько месяцев назад я начал собирать некоторые бесплатные PHP скрипты, чтобы создать сайт социальной сети. То, что я искал, было не совсем обычным скриптом. Мне нужен был инструмент, который позволил бы пользователям обмениваться видео файлами. В этой статье я поделюсь с вами своими находками.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/VmKh73MHhig" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1158 http://www.ruseller.com/lessons.php?rub=37&id=1158 http://feedproxy.google.com/~r/ruseller/CdHX/~3/dybEIv93efA/lessons.php Можно ли автоматически сгенерировать свой успешный путь к SEO?<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/dybEIv93efA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=42&id=1157 http://www.ruseller.com/lessons.php?rub=42&id=1157 http://feedproxy.google.com/~r/ruseller/CdHX/~3/UbQAt4dts-s/lessons.php Сегодняшний пост мы хотим посвятить анимации при помощи jQuery метода animate(), плюс оформлению всего этого дела средствами CSS3. Преимущество такого подхода, в отличие от классической JavaScript анимации, заключается в расширенной поддержке определенных браузеров и мобильных устройств, что потенциально даёт более качественный эффект.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/UbQAt4dts-s" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1156 http://www.ruseller.com/lessons.php?rub=2&id=1156 http://feedproxy.google.com/~r/ruseller/CdHX/~3/hPj0O013gbY/lessons.php У всех нас есть свои собственные методы и наработки, касающиеся увеличения удобочитаемости и дизайна. Многим дизайнерам нравится скрупулёзно настраивать шрифт и иногда добавлять толстую тень, чтобы придать тексту больший эффект.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/hPj0O013gbY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1155 http://www.ruseller.com/lessons.php?rub=2&id=1155 http://feedproxy.google.com/~r/ruseller/CdHX/~3/bgtupi4yZFs/lessons.php Кому не нравится музыка? Сегодня я с радостью покажу вам, как с помощью jQuery и плагина jPlayer создать онлайн радио на JavaScript, PHP и MySQL.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/bgtupi4yZFs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1154 http://www.ruseller.com/lessons.php?rub=32&id=1154 http://feedproxy.google.com/~r/ruseller/CdHX/~3/2p8-OpxQIx4/lessons.php Для тех, кто не в курсе, cronTab, или “CronTable”, - это специальный инструмент, доступный на Linux, который облегчает планирование повторных задач, таким образом, освобождает нас от «обезьяньей работы».<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/2p8-OpxQIx4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1153 http://www.ruseller.com/lessons.php?rub=37&id=1153 http://feedproxy.google.com/~r/ruseller/CdHX/~3/xxLGbgQlLsc/lessons.php Чтобы создать хороший сайт, необходимо знать, чего хочет пользователь. Google Analytics поможет вам в этом. Но вы можете извлечь еще больше информации о посетителях вашего сайта, если будете использовать специальные переменные Google Analytics.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/xxLGbgQlLsc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=42&id=1152 http://www.ruseller.com/lessons.php?rub=42&id=1152 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Lp-UBEo2-i0/lessons.php Внимание! Халява! Сегодня, мы предоставим вам прикольную тему, разработанную Владом и Еленой Скэнтеи. Данный шаблон распространяется абсолютно бесплатно и может быть использован в частных и в коммерческих проектах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Lp-UBEo2-i0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1151 http://www.ruseller.com/lessons.php?rub=40&id=1151 http://feedproxy.google.com/~r/ruseller/CdHX/~3/24V4jxi-59k/lessons.php По многочисленным просьбам я написал урок по созданию перехода на верх страницы, как на сайте Web Designer Wall. Это очень просто сделать с помощью jQuery (каких-то пару строчек кода). Необходимо сравнить значение позиции верхней полосы прокрутки с определенным значением, и если первое из них больше, отобразить кнопку перехода на верх. Как только пользователь кликает по кнопке, производится переход на верх страницы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/24V4jxi-59k" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1150 http://www.ruseller.com/lessons.php?rub=32&id=1150 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ekoReowCQQc/lessons.php Совсем недавно на сайте Apple.com было представлено новое навигационное меню на начальной странице. На этот раз, она была намного темнее предыдущей, что придало панели навигации классный эффект. Тут я бы хотел отметить, что каждая кнопка навигации представляет собой изображение. Как раз этот момент мы и можем под редактировать средствами CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ekoReowCQQc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1149 http://www.ruseller.com/lessons.php?rub=2&id=1149 http://feedproxy.google.com/~r/ruseller/CdHX/~3/EtgJ8Ea5ZzY/lessons.php .htaccess файл, который функционирует под веб сервером Apache, однозначно является очень полезным инструментом, с помощью которого можно делать много вещей. В этой статье я собрал 10 отрывков .htaccess файлов, которые любой разработчик веб-страниц должен иметь в своем комплекте инструментов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/EtgJ8Ea5ZzY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1148 http://www.ruseller.com/lessons.php?rub=28&id=1148 http://feedproxy.google.com/~r/ruseller/CdHX/~3/2IxVYW5XdCs/lessons.php Когда-то давно, когда я создавал тему для WordPress, у меня появилась проблема, которая заключалась в том, чтобы контейнеры с видео на странице были «резиновыми». Используя max-width:100 % и height:auto я добился нужного мне результата, но он работал только в HTML5. После длительных часов поиска варианта решения, я, в конце концов, нашёл его. Если вы - любитель резиновых сайтов, то этот урок по CSS вам очень пригодится.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/2IxVYW5XdCs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1147 http://www.ruseller.com/lessons.php?rub=2&id=1147 http://feedproxy.google.com/~r/ruseller/CdHX/~3/GnJUyppIwT0/lessons.php ExtJS содержит много крупных компонентов, которые могут помочь построить мощное веб-приложение, похожее на настольное приложение. В этом уроке, я хочу показать, как создать очень простой просмотрщик файлов на ExtJS и PHP.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/GnJUyppIwT0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1146 http://www.ruseller.com/lessons.php?rub=1&id=1146 http://feedproxy.google.com/~r/ruseller/CdHX/~3/x0fcj_N4hZo/lessons.php В этом уроке вы ознакомитесь с основами объектно-ориентированного программирования в PHP. Вы узнаете о принципах ООП вообще и научитесь писать простенькие скрипты на PHP.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/x0fcj_N4hZo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1145 http://www.ruseller.com/lessons.php?rub=37&id=1145 http://feedproxy.google.com/~r/ruseller/CdHX/~3/7hpNebcBRRo/lessons.php Свойство CSS3 box-sizing потрясающе полезно при создании колонок с float-ами. Оно позволяет выбрать вид задания размеров: т.е. включать в размер внутренние и внешние отступы и рамки или же нет.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/7hpNebcBRRo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1144 http://www.ruseller.com/lessons.php?rub=2&id=1144 http://feedproxy.google.com/~r/ruseller/CdHX/~3/87mn-_JYvz8/lessons.php В данной части разбирается вопрос настройки шаблона для использования меню.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/87mn-_JYvz8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=1143 http://www.ruseller.com/lessons.php?rub=41&id=1143 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Q-B9f3c5TZU/lessons.php В данном уроке будем задавать стили для вывода модулей.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Q-B9f3c5TZU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=1142 http://www.ruseller.com/lessons.php?rub=41&id=1142 http://feedproxy.google.com/~r/ruseller/CdHX/~3/bpvePNNWFbw/lessons.php Общая структура данных шаблона была построена на предыдущем уроке и пора определяться с формой вывода информации.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/bpvePNNWFbw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=1141 http://www.ruseller.com/lessons.php?rub=41&id=1141 http://feedproxy.google.com/~r/ruseller/CdHX/~3/WaN71ldE8oQ/lessons.php Создаем основу шаблона.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/WaN71ldE8oQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=1140 http://www.ruseller.com/lessons.php?rub=41&id=1140 http://feedproxy.google.com/~r/ruseller/CdHX/~3/9WF_b4l0Wz4/lessons.php Данный урок является введением в серию уроков по созданию шаблона Joomla 1.6. Много текста рассчитанного на новичков.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/9WF_b4l0Wz4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=1139 http://www.ruseller.com/lessons.php?rub=41&id=1139 http://feedproxy.google.com/~r/ruseller/CdHX/~3/7rSo5djw8tg/lessons.php В предыдущих уроках серии были представлены плагины jQuery и для WordPress, которые выводят таймеры обратного отсчета до наступления определенного события. В данном уроке рассматривается таймер с таким же функционалом для сайтов под управлением Joomla.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/7rSo5djw8tg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=1137 http://www.ruseller.com/lessons.php?rub=41&id=1137 http://feedproxy.google.com/~r/ruseller/CdHX/~3/N31a2_cHZv4/lessons.php В предыдущем уроке серии использовался плагин jQuery для установки таймера обратного отсчета. Но что делать, если знаний для использования JavaScript недостаточно, а установить таймер обратного отсчета на своем блоге или веб сайте, который работает под WordPress или Joomla, очень нужно? Ответ прост - использовать плагины.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/N31a2_cHZv4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1136 http://www.ruseller.com/lessons.php?rub=40&id=1136 http://feedproxy.google.com/~r/ruseller/CdHX/~3/y15rbLQJOLA/lessons.php Различные акции для стимулирования посетителей веб проекта к каким-либо действиям очень популярны. Ограничения по времени великолепно действуют на людей, помогая им быстро и уверенно принимать решения. Очень полезным инструментом при организации акций является таймер обратного отсчета.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/y15rbLQJOLA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1135 http://www.ruseller.com/lessons.php?rub=32&id=1135 http://feedproxy.google.com/~r/ruseller/CdHX/~3/sW94iD5zBSw/lessons.php Обводка тела страницы - весьма изысканный и изящный эффект для оформления страниц. И создать его можно с использованием правил CSS.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/sW94iD5zBSw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1134 http://www.ruseller.com/lessons.php?rub=2&id=1134 http://feedproxy.google.com/~r/ruseller/CdHX/~3/opFfsf_VMEo/lessons.php Сегодня мы собираемся изучить, как настроить веб-сайт, который может быть легко отредактирован через Ваш iPhone и мобильное приложение thePagelime. Pagelime - это невероятно удобное приложение в работе СМS, которое делает процесс редактирования веб-сайта настолько легким, насколько это возможно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/opFfsf_VMEo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1133 http://www.ruseller.com/lessons.php?rub=29&id=1133 http://feedproxy.google.com/~r/ruseller/CdHX/~3/HZrKp4muKhA/lessons.php В этом уроке мы хотим создать свою собственную стену как на Facebook. Для этого нам придётся воспользоваться Facebook Graph API, jQuery, и плагином для шаблонов (<a href="https://github.com/jquery/jquery-tmpl#_blank">template plugin</a>). jQuery.tmpl позволит нам сконвертировать наши посты и создать отдельный HTML код.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/HZrKp4muKhA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1132 http://www.ruseller.com/lessons.php?rub=1&id=1132 http://feedproxy.google.com/~r/ruseller/CdHX/~3/BJ6pIkkBwgU/lessons.php В сегодняшнем уроке мы будем использовать HTML5 элемент canvas для вращения фотографий в портфолио. Для этого мы создадим простой плагин на jQuery, который в последствии может быть применён на ваших сайтах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/BJ6pIkkBwgU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1131 http://www.ruseller.com/lessons.php?rub=32&id=1131 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Cm2J7UZMFEg/lessons.php Недавно одной моей знакомой потребовалось 2 конфигурационных файла. Один для общего использования, а другой для локального.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Cm2J7UZMFEg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1130 http://www.ruseller.com/lessons.php?rub=37&id=1130 http://feedproxy.google.com/~r/ruseller/CdHX/~3/nxsOyWRrXQs/lessons.php Я верю в силу, скорость и будущее CSS3. Нам больше нет необходимости загружать фоновые изображения, так как на смену PNG для закругленных углов и градиентов пришли соответствующие инструменты. Мы можем сэкономить время работы (оплачиваемые часы) и скорость загрузки страницы. Уже многие сайты могут похвастаться тем, что используют CSS3 более года, и этот обновлённый язык медленно, но уверенно, адаптируется в сети.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/nxsOyWRrXQs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1129 http://www.ruseller.com/lessons.php?rub=2&id=1129 http://feedproxy.google.com/~r/ruseller/CdHX/~3/fPgIS5kK-5A/lessons.php В этом уроке мы научимся расширять стандартные вариаторы, в частности Zend_Validate_PostCode.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/fPgIS5kK-5A" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1128 http://www.ruseller.com/lessons.php?rub=37&id=1128 http://feedproxy.google.com/~r/ruseller/CdHX/~3/fepk78cW4oM/lessons.php В этом уроке мы покажем вам рецепт приготовления прикольного фона<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/fepk78cW4oM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1127 http://www.ruseller.com/lessons.php?rub=32&id=1127 http://feedproxy.google.com/~r/ruseller/CdHX/~3/laLM0yI2ccc/lessons.php TweetGT это простое приложение умеющее общаться с Twitter. Я его создал потому что не мог найти приемлемого способа передачи гео данных из tweet.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/laLM0yI2ccc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1126 http://www.ruseller.com/lessons.php?rub=37&id=1126 http://feedproxy.google.com/~r/ruseller/CdHX/~3/GNy2YjaxacY/lessons.php Сегодня мы покажем вам, как создать 3D диаграмму для голосования, которое вы можете внедрить на ваш сайт.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/GNy2YjaxacY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1125 http://www.ruseller.com/lessons.php?rub=32&id=1125 http://feedproxy.google.com/~r/ruseller/CdHX/~3/FtM3sMvQkdY/lessons.php В этом уроке я покажу вам как создавать тесты на примере приложения TodoIt.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/FtM3sMvQkdY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1124 http://www.ruseller.com/lessons.php?rub=37&id=1124 http://feedproxy.google.com/~r/ruseller/CdHX/~3/wjRoY8WPdyE/lessons.php В последнем проекте я работал над картой (изображением), которое было поделено на области. Задача сводилась к тому, что я должен был найти центр каждой из этих областей.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/wjRoY8WPdyE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1123 http://www.ruseller.com/lessons.php?rub=32&id=1123 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ezE8DA6iDKA/lessons.php В прошлой статье мы познакомились с некоторыми простыми техниками рисования элементов. В этом уроке мы углубимся в эту тему.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ezE8DA6iDKA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1122 http://www.ruseller.com/lessons.php?rub=1&id=1122 http://feedproxy.google.com/~r/ruseller/CdHX/~3/8sXwxqIIgUo/lessons.php Если в вашем Zend Framework приложении есть плагин, который выбрасывает исключение, то это приведёт к тому, что пользователю скорее всего отобразится две страницы: та, которая не загрузилась до конца и страница с ошибкой. Как это исправить вы узнаете в данном уроке.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/8sXwxqIIgUo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1121 http://www.ruseller.com/lessons.php?rub=37&id=1121 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ewUPZXFnz6E/lessons.php Недавно у меня возникла необходимость получить дату рождения пользователя используя Zend_Form. Для этого мне необходимо было создать свой собственный элемент.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ewUPZXFnz6E" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1120 http://www.ruseller.com/lessons.php?rub=37&id=1120 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ryQCasyAYu8/lessons.php Наверняка вы уже знаете, как работать с форматом JSON через jQuery. Пришло время познакомиться с тем, как можно распарсить XML файл. Единственное весомое различие заключается в том, что вы можете использовать XML только в пределах домена, в котором происходит AJAX запрос. Для использования сторонних файлов вам понадобится JSONP.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ryQCasyAYu8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1119 http://www.ruseller.com/lessons.php?rub=32&id=1119 http://feedproxy.google.com/~r/ruseller/CdHX/~3/1YB45nRMHlE/lessons.php Недавно я узнал, что Zend_Date может использоваться в двух модах iso и php, причём iso используется по умолчанию.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/1YB45nRMHlE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1118 http://www.ruseller.com/lessons.php?rub=37&id=1118 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ZMtm3CxifeE/lessons.php Сегодня мы постараемся перечислить самые распространённые техники работы с файлами .htaccess. Каждый использует данный файл по-разному. Как? Ответ в этом уроке!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ZMtm3CxifeE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1117 http://www.ruseller.com/lessons.php?rub=28&id=1117 http://feedproxy.google.com/~r/ruseller/CdHX/~3/vUmYzYTCLEg/lessons.php Недавно я столкнулся с тем, что мне необходимо было получить доступ к помощнику вида из модуля по умолчанию. Проблема была в том, что доступ нужно было получить из другого модуля. Я столкнулся с этим из-за того, что мой layout.phtml использует помощников, которые расположены в application/views/helpers.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/vUmYzYTCLEg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1116 http://www.ruseller.com/lessons.php?rub=37&id=1116 http://feedproxy.google.com/~r/ruseller/CdHX/~3/DFtJ5XshtJk/lessons.php Сегодня мы создадим отличное анимированное меню для сайта ресторана. Пункты меню будут анимированы, а при клике по одному из них будет выплывать окошко с контентом. К тому же, фоновое изображение будет меняться в зависимости от того, какой пункта меню был открыт.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/DFtJ5XshtJk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1115 http://www.ruseller.com/lessons.php?rub=1&id=1115 http://feedproxy.google.com/~r/ruseller/CdHX/~3/bGTabKDguI0/lessons.php Если вы успели заметить, то Zend Framework использует помощник вида baseUrl() для того, чтобы сформировать ссылку к CSS и другим статическим файлам. Но работа скрипта нарушается, если URL содержит строку index.php.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/bGTabKDguI0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1114 http://www.ruseller.com/lessons.php?rub=37&id=1114 http://feedproxy.google.com/~r/ruseller/CdHX/~3/H0bnCl2KyLg/lessons.php Сегодня я покажу, как объединить две технологии, clerafix и метод блокирования фоматирующего контента (overflow:hidden), для улучшения работы с float. Эта методика разработана автором статьи Николасом Галагером и Джонотаном Нилом.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/H0bnCl2KyLg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1113 http://www.ruseller.com/lessons.php?rub=2&id=1113 http://feedproxy.google.com/~r/ruseller/CdHX/~3/_PdpMtbMFto/lessons.php Предположим, что вам необходимо создать свой объект вида view в приложении Zend Framework. О том, как правильно это сделать, узнаете в этом уроке.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/_PdpMtbMFto" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1112 http://www.ruseller.com/lessons.php?rub=37&id=1112 http://feedproxy.google.com/~r/ruseller/CdHX/~3/IGnD888gCzs/lessons.php Читабельность кода - это очень больная тема, и ей нужно уделять должное внимание. В этой статье вы узнаете о 16 приёмах, которые помогут вам продвинуться в этой теме.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/IGnD888gCzs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1111 http://www.ruseller.com/lessons.php?rub=28&id=1111 http://feedproxy.google.com/~r/ruseller/CdHX/~3/9Mvy8bM-Z5g/lessons.php Часто возникает вопрос о том, как расположить одну форму на всех страницах вашего Zend приложения. Допустим я хочу расположить форму подписки в файле layout.phtml для того, чтобы она располагалась на каждой странице. Команда layout->content() работает с действиями и контроллерами... Как же реализовать то, что нам нужно?<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/9Mvy8bM-Z5g" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1110 http://www.ruseller.com/lessons.php?rub=37&id=1110 http://feedproxy.google.com/~r/ruseller/CdHX/~3/-itG2KSwPh4/lessons.php Удивлюсь если jQuery не является вашим любимым фрэймворком! В нём просто всё: эффекты, манипуляция с данными и многое другое. В этой статье речь пойдёт о 8 новых jQuery плагинах, о которых должен знать каждый разработчик.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/-itG2KSwPh4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1109 http://www.ruseller.com/lessons.php?rub=32&id=1109 http://feedproxy.google.com/~r/ruseller/CdHX/~3/rZdNP3ys5B0/lessons.php Настало время немного разъяснить, что представляют из себя помощники видов в Zend Framework. Zend Framework предоставляет компоненту Zend_View, которая позволяет создавать помощники видов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/rZdNP3ys5B0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1108 http://www.ruseller.com/lessons.php?rub=37&id=1108 http://feedproxy.google.com/~r/ruseller/CdHX/~3/mBtF394qscY/lessons.php Сегодня вы научитесь создавать меню картинок с помощью jQuery. У нас будут колонки с черно-белыми фотографиями, при клике по одной из них будет открываться блок с некоторой информацией. При клике фотография плавно перейдет из черно-белой в цветную, так мы создадим изящный эффект.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/mBtF394qscY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1106 http://www.ruseller.com/lessons.php?rub=32&id=1106 http://feedproxy.google.com/~r/ruseller/CdHX/~3/sHGt-rk5SCA/lessons.php Часто возникает необходимость в том, чтобы извлечь данные из конфигурационного файла application.ini. Используйте Zend_Application для того, чтобы считать данные из application.ini и в дальнейшем извлечь при помощи метода getOptions().<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/sHGt-rk5SCA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1105 http://www.ruseller.com/lessons.php?rub=37&id=1105 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6gCxp2PqVuo/lessons.php В 2002 Марк Ньюхауз (Mark Newhouse) опубликовал очень интересную статью “Taming lists”, в которой рассказал, как создавать собственные маркеры списков с помощью псевдо-элементов. Спустя почти десять лет Николас Галагер (Nicolas Gallagher) разработал технику pseudo background-crop, основанную на совмещении псевдо-элементов со спрайтами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6gCxp2PqVuo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1104 http://www.ruseller.com/lessons.php?rub=2&id=1104 http://feedproxy.google.com/~r/ruseller/CdHX/~3/xgwljqXL1as/lessons.php Часто возникает необходимость в миграции базы данных Zend Framework проекта, где используется Zend_Db_Adapter.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/xgwljqXL1as" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1103 http://www.ruseller.com/lessons.php?rub=37&id=1103 http://feedproxy.google.com/~r/ruseller/CdHX/~3/OouA1tDEyH8/lessons.php Страницы с сообщением об ошибке просматриваются тысячами пользователей. Вообще, когда пользователь видит такого рода страницу, он думает, что сделал что-то не так. Что он совершил какое-то действие, которое привело к ошибке на сайте, и что у него нет выхода из данной ситуации.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/OouA1tDEyH8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1102 http://www.ruseller.com/lessons.php?rub=29&id=1102 http://feedproxy.google.com/~r/ruseller/CdHX/~3/JkhTAddEooQ/lessons.php Недавно Akrabat_Db_Schema_Manager бал изменён и теперь поддерживает префиксы для таблиц. Префикс берётся из файла application.ini, из строки resources.db.table_prefix.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/JkhTAddEooQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1101 http://www.ruseller.com/lessons.php?rub=37&id=1101 http://feedproxy.google.com/~r/ruseller/CdHX/~3/EQzY8qe1kbs/lessons.php C помощью CSS3 модальное окно можно создать без использования JavaScript и изображений. Задействовав немного анимации, преобразований и переходов окну можно придать очень интересный вид.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/EQzY8qe1kbs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1099 http://www.ruseller.com/lessons.php?rub=2&id=1099 http://feedproxy.google.com/~r/ruseller/CdHX/~3/gFbhPFwmyOE/lessons.php В наши дни верстка текста на всю ширину окна браузера (что часто означает "на весь экран компьютера") встречается очень редко. Строка текста в таком случае получается слишком длинной и неудобной для чтения. Разумно, что возникает желание сделать декоративные элементы шириной на весь экран (с позиции эстетики), а ширину текста ограничить для удобства посетителя.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/gFbhPFwmyOE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1098 http://www.ruseller.com/lessons.php?rub=2&id=1098 http://feedproxy.google.com/~r/ruseller/CdHX/~3/yB8Wa-gy-1o/lessons.php В данном уроке мы построим фотокиоск с использованием jQuery и PHP. Такое приложение позволит посетителям вашего веб сайта делать снимки веб камерой и загружать их, используя приятный интерфейс на CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/yB8Wa-gy-1o" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1097 http://www.ruseller.com/lessons.php?rub=32&id=1097 http://feedproxy.google.com/~r/ruseller/CdHX/~3/1PzB__FJjSE/lessons.php Анимацию CSS (в совокупности с @-webkit-keyframes) не так просто "перезапустить", как может казаться.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/1PzB__FJjSE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1096 http://www.ruseller.com/lessons.php?rub=2&id=1096 http://feedproxy.google.com/~r/ruseller/CdHX/~3/yBtPCxg1HXk/lessons.php Закладки являются одним из важных элементов интерфейса пользователя. В данном уроке мы сделаем динамические закладки с использованием jQuery. В библиотеке JQuery UI имеется функционал для организации закладок, но возможностей для динамического добавления/удаления нет.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/yBtPCxg1HXk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1095 http://www.ruseller.com/lessons.php?rub=32&id=1095 http://feedproxy.google.com/~r/ruseller/CdHX/~3/9u6wkzAohH8/lessons.php В данном уроке мы рассмотрим, как модифицировать готовый плагин для того, чтобы его дизайн вписывался в общую концепцию проекта. В качестве плагина будем использовать отличный слайдер Nivo Slider. Урок рассчитан на новичков.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/9u6wkzAohH8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1094 http://www.ruseller.com/lessons.php?rub=28&id=1094 http://feedproxy.google.com/~r/ruseller/CdHX/~3/bJoURQ_B1lI/lessons.php Очень часто галереи, заряженные jQuery, представляют собой весьма простой шаблон - изображения или содержание располагается линейно или в прямоугольнике. Привычный стандартный вид, но можно сделать более интересную альтернативу – вывести изображения или пункты меню по кругу или эллипсу. В данном уроке как раз и будет построена такая галерея с использованием плагина jQuery Roundrr.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/bJoURQ_B1lI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1093 http://www.ruseller.com/lessons.php?rub=32&id=1093 http://feedproxy.google.com/~r/ruseller/CdHX/~3/8nieFQulp7U/lessons.php В данном уроке мы сделаем отличный эффект для сайта. Оживим мир ссылок. Сделаем так, чтобы символы менялись один за другим при наведении курсора мыши на ссылку.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/8nieFQulp7U" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1092 http://www.ruseller.com/lessons.php?rub=32&id=1092 http://feedproxy.google.com/~r/ruseller/CdHX/~3/0-Bp3EirWwQ/lessons.php Сочетание dropbox и SVN открывает хорошую перспективу для разработчика в сфере оптимизации своего рабочего места.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/0-Bp3EirWwQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1091 http://www.ruseller.com/lessons.php?rub=28&id=1091 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ilDzfoSb-60/lessons.php Эффекты при наведении курсора мыши на объект придают любому сайту динамичный и живой вид. Обычно для них используется код JavaScript, но с наступлением CSS3 можно уже использовать только средства стилей.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ilDzfoSb-60" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1090 http://www.ruseller.com/lessons.php?rub=2&id=1090 http://feedproxy.google.com/~r/ruseller/CdHX/~3/SsP1NBktO3M/lessons.php Каждый день на любом сайте мы совершаем одну и ту же операцию - прокручиваем страницу вниз. Если мы читаем запись в блоге, просматриваем описание продукта или листаем список результатов поиска ... в любом случае нам нужно прокрутить страницу обратно наверх, если мы хотим воспользоваться навигацией или запустить новый поиск. Ракетная панель является простым решением, которое предоставляет пользователю постоянную навигацию по сайту без необходимости прокручивать обратно все содержание страницы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/SsP1NBktO3M" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1089 http://www.ruseller.com/lessons.php?rub=32&id=1089 http://feedproxy.google.com/~r/ruseller/CdHX/~3/G9RSWzs7e4Q/lessons.php Сегодня я покажу вам, как создать собственное выпадающее меню на CSS, не добавив ни строчки JavaScript. В примере не используются изображения, а структура HTML проста. Давайте взглянем на пример:<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/G9RSWzs7e4Q" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1088 http://www.ruseller.com/lessons.php?rub=2&id=1088 http://feedproxy.google.com/~r/ruseller/CdHX/~3/9GbTkvYEx0o/lessons.php Самым приятным новшеством в HTML5 является возможность добавления текста по умолчанию в поля форм. Атрибут placeholder позволяет отображать в полях формы определенный текст, пока они пусты или находятся не в фокусе (когда поле в фокусе, оно очищается). Это стильная фишка, но все же она поддерживается не всеми браузерами. В этом уроке я покажу, как с помощью Modernizr, определить, поддерживается ли она данным браузером, и если нет, то забить поля формы текстом по умолчанию динамически через jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/9GbTkvYEx0o" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1087 http://www.ruseller.com/lessons.php?rub=2&id=1087 http://feedproxy.google.com/~r/ruseller/CdHX/~3/8NOmBjiBXGA/lessons.php Одной из обычных задач, которые возникают при создании шаблонов на основе плавающих блоков, является то, что контейнер не расширяется по высоте своих плавающих элементов наследников.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/8NOmBjiBXGA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1086 http://www.ruseller.com/lessons.php?rub=2&id=1086 http://feedproxy.google.com/~r/ruseller/CdHX/~3/nxfG_3V-Ep0/lessons.php WordPress сохраняет всю информацию в базе данных MySQL, будь то запись, страница, комментарий, настройки плагина ... все. Конечно, панель инструментов WordPress предоставляет фантастические возможности по контролю и редактированию всех аспектов информации. По крайней мере, до определенного момента.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/nxfG_3V-Ep0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1085 http://www.ruseller.com/lessons.php?rub=40&id=1085 http://feedproxy.google.com/~r/ruseller/CdHX/~3/uwxjl8wY9uQ/lessons.php В данном уроке я покажу другой способ создания калькулятора. Уже с фиксированной формой, которая уже готова к тому, чтобы получить из нее данные и сформировать в виде заявки.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/uwxjl8wY9uQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1084 http://www.ruseller.com/lessons.php?rub=32&id=1084 http://feedproxy.google.com/~r/ruseller/CdHX/~3/F64BkzIs_-s/lessons.php jQuery - удивительный инструмент. Но когда его не стоит использовать? В данном уроке мы рассмотрим вопрос, как создать интересную прокрутку содержания, а затем пересмотрим наш проект на предмет улучшения посредством потенциального отказа от jQuery там, где будет возможно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/F64BkzIs_-s" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1083 http://www.ruseller.com/lessons.php?rub=32&id=1083 http://feedproxy.google.com/~r/ruseller/CdHX/~3/44tP7TOpwLw/lessons.php В данном уроке мы сделаем выскальзывающий элемент интерфейса полностью только на CSS без JavaScript. Такой элемент может быть полезен для организации фиксированных элементов навигации или форм для обмена информацией, которые будут разворачиваться только тогда, когда в них есть необходимость.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/44tP7TOpwLw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1082 http://www.ruseller.com/lessons.php?rub=2&id=1082 http://feedproxy.google.com/~r/ruseller/CdHX/~3/9XTJR3kgW0s/lessons.php Тут вы узнаете всю правду о сайтах электронной коммерции: согласно последним исследованиям в этой области, по крайней мере 59,8% потенциальных покупателей отказываются от оплаты того, что набрали в корзину (MarketingSherpa 59,8%, SeeWhy 83% и MarketLive 62,14%). Главный вопрос: почему клиенты так часто отказываются от покупок? Дело в том, что есть некоторые принципиальные ошибки, которые разработчики сайтов электронной коммерции очень часто делают. Есть ли общие принципы, которые усложняют жизнь пользователям, чтобы купить наши продукты? И есть ли какой-то осмысленный способ улучшить показатели продаж того, что мы продаём?<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/9XTJR3kgW0s" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=35&id=1081 http://www.ruseller.com/lessons.php?rub=35&id=1081 http://feedproxy.google.com/~r/ruseller/CdHX/~3/5p_sCHWxcsk/lessons.php В этом уроке мы покажем вам, как создавать прикольные диаграммы при помощи Rapha?l – небольшой JavaScript библиотеки, которая работает с векторными элементами. Идея очень проста: мы нарисуем несколько дуг при помощи математических функций, основываясь на некоторых данных.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/5p_sCHWxcsk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1080 http://www.ruseller.com/lessons.php?rub=29&id=1080 http://feedproxy.google.com/~r/ruseller/CdHX/~3/1oYgC1hCWWQ/lessons.php Теперь, когда движок нашего фрэймворка готов, мы можем заняться другими вещами. К примеру, интеграцией дизайна в наш PHP фрэймворк. На данный момент, мы сконцентрируемся на оформлении фронт энда и попытаемся организовать этот процесс простым настолько, насколько это возможно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/1oYgC1hCWWQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1079 http://www.ruseller.com/lessons.php?rub=37&id=1079 http://feedproxy.google.com/~r/ruseller/CdHX/~3/cxNBTCFsm_A/lessons.php Иногда кнопке или изображению нужно прикреплять дополнительную информацию, для того чтобы пользователь понял, для чего она вообще нужна. Единственным решением является создание простых всплывающих подсказок. В этом уроке мы покажем вам, как создать подсказки на CSS: без изображений и javascript.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/cxNBTCFsm_A" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1078 http://www.ruseller.com/lessons.php?rub=2&id=1078 http://feedproxy.google.com/~r/ruseller/CdHX/~3/881kOqHrtwo/lessons.php Одним из первых решений, которые приходится принимать дизайнеру при создании нового сайта, так это решить, какого он будет размера. В то время как разрешение экрана варьируется от 1024x768px до 2560x1600px, многие дизайнеры перешли на фиксированные размеры и создают сайты с помощью CSS фрэймворков. Вообще не очень хорошо делать ширину сайта 1200px, в то время как 20% пользователей всё ещё используют разрешение 1024х768.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/881kOqHrtwo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1077 http://www.ruseller.com/lessons.php?rub=29&id=1077 http://feedproxy.google.com/~r/ruseller/CdHX/~3/fAyWSVC3R_U/lessons.php Однажды, возможно, вам понадобится функциональность, которая позволит вашим пользователям динамически добавлять поля в форму веб приложения. Благодаря нашему любимому jQuery эта задача выполняется в два счёта. Для того чтобы всё работало, мы будем использовать массив, который будет отправляться на обработку языком PHP. В этом уроке мы создадим форму с кнопками добавить, удалить и сбросить и сформируем данные, которые будут отправлены через AJAX.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/fAyWSVC3R_U" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1076 http://www.ruseller.com/lessons.php?rub=32&id=1076 http://feedproxy.google.com/~r/ruseller/CdHX/~3/NBQI3gWebXU/lessons.php Контент на сайте должен быть дружественным. Мы слышим это повсюду. Но зачем? Ответ прост: контент - основная часть любого веб-сайта. Если пользователю трудно понять и пересказать содержимое вашего сайта, то вы его точно потеряете. Именно контент, а не удобство навигации, составляет первое впечатление о сайте.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/NBQI3gWebXU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1075 http://www.ruseller.com/lessons.php?rub=29&id=1075 http://feedproxy.google.com/~r/ruseller/CdHX/~3/hORkygOGi58/lessons.php В этой небольшой статье мы приведём несколько онлайн инструментов, которые позволят вам увеличить доступность веб ресурсов, разработкой которых вы активно занимаетесь.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/hORkygOGi58" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1074 http://www.ruseller.com/lessons.php?rub=29&id=1074 http://feedproxy.google.com/~r/ruseller/CdHX/~3/fmllrzkHfv0/lessons.php За последние несколько лет создание дизайнов с фиксированной шириной стало самым обычным делом. Это не удивительно, т.к. фиксированные размеры, которые сейчас используются, удовлетворяют большую часть пользователей. Однако, совсем недавно разработчики ощутили некоторое недовольство своих пользователей (владельцев мобильных телефонов, таких устройств как iPad и др.). На сегодняшний день дизайны с фиксированной шириной всё больше и больше устаревают.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/fmllrzkHfv0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1073 http://www.ruseller.com/lessons.php?rub=2&id=1073 http://feedproxy.google.com/~r/ruseller/CdHX/~3/rrvUo0rMpPk/lessons.php Небольшое погружение в использование, казалось бы, простых и очевидных селекторов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/rrvUo0rMpPk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1072 http://www.ruseller.com/lessons.php?rub=2&id=1072 http://feedproxy.google.com/~r/ruseller/CdHX/~3/3RcjJQsvKAg/lessons.php Несмотря на то что я в основном пользуюсь CSS3, иногда все же возникает необходимость бороться и с Internet Explorer при создании проектов, которые обязательно должны быть кросс-браузерными.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/3RcjJQsvKAg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1071 http://www.ruseller.com/lessons.php?rub=1&id=1071 http://feedproxy.google.com/~r/ruseller/CdHX/~3/X-f2FCC4_cE/lessons.php Как вы, наверное, поняли из названия, в этом уроке мы хотим создать кросс доменный ajax запрос, используя JSONP. Тут же я покажу вам как извлечь данные из базы данных MySQL и превратить их в JSON строку, которую в последствии можно использовать в JavaScript. Стандарты JSON для объектов JavaScript позволяют совершать кросс доменные ajax запросы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/X-f2FCC4_cE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1070 http://www.ruseller.com/lessons.php?rub=32&id=1070 http://feedproxy.google.com/~r/ruseller/CdHX/~3/15kZSZdJMho/lessons.php Несколько недель назад у меня появилась необходимость использовать именно spy script в проекте на MySpace, где нужно объединять несколько RSS фидов из разных источников в один и отображать его в простеньком spy в зависимости от даты. Так как сайт достаточно масштабен, страница должна быть кэшируемой и доступной для других проектов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/15kZSZdJMho" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1069 http://www.ruseller.com/lessons.php?rub=32&id=1069 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6MLlK6wDcdA/lessons.php Как известно, встроенное редактирование, или другими словами, возможность редактирования контента непосредственно на странице, - это очень полезная вещь, которая всегда должна быть у вас под рукой. Я расскажу, как всё это работает, а также покажу, как с помощью PHP моментально обновить отредактированную часть на странице, и как внести все изменения в базу данных.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6MLlK6wDcdA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1068 http://www.ruseller.com/lessons.php?rub=32&id=1068 http://feedproxy.google.com/~r/ruseller/CdHX/~3/O4SZwKP83OY/lessons.php CSS3 - отличный инструмент. Его возможности позволяют добавить на страницы интересные визуальные эффекты, не прибегая к использованию изображений или Flash.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/O4SZwKP83OY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1067 http://www.ruseller.com/lessons.php?rub=2&id=1067 http://feedproxy.google.com/~r/ruseller/CdHX/~3/V1Z9YpEnW_w/lessons.php Возможность встраивания любых шрифтов, которые вам нравятся на веб-сайты посредством @font-face, является дополнительным стилистическим приёмом, который предназначен для устранения монотонности обычных системных шрифтов. Это, безусловно, было бы слишком просто и скудно, если бы все пользовались только одним шрифтом. В этой статье мы поговорим как раз об этом.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/V1Z9YpEnW_w" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1066 http://www.ruseller.com/lessons.php?rub=29&id=1066 http://feedproxy.google.com/~r/ruseller/CdHX/~3/VvgsKL1EvUs/lessons.php В своей жизни я видел несколько подобных скриптов, но с вами решил поделиться тем, который использую в своих проектах. Если вы начинающий разработчик, то рано или поздно, вы столкнётесь с тем, что вам необходимо будет распределять информацию по страницам. Для этого нам понадобится язык PHP и база данных с информацией. Наверняка вы видели примеры подобного функционала. Его можно встретить на любом крупном сайте.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/VvgsKL1EvUs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1065 http://www.ruseller.com/lessons.php?rub=37&id=1065 http://feedproxy.google.com/~r/ruseller/CdHX/~3/HsOdeDdVZlM/lessons.php В этом уроке мы воспользуемся HTML, CSS, и конечно же jQuery для создания анимированного слайд шоу на весь экран. Вы можете с лёгкостью подстроить данный скрипт под себя, изменив значение нескольких переменных. Слайд шоу реагирует на события нажатия кнопок клавиатуры и динамическую подгрузку изображений. Ширина фонового изображения составляет 2000px, для того, чтобы всё было чётко на большинстве расширениях мониторов. Если хотите, можете ознакомиться с демо!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/HsOdeDdVZlM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1064 http://www.ruseller.com/lessons.php?rub=32&id=1064 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ZiF3q8SQAVg/lessons.php У каждой профессии есть целый набор своих специфических проблем. В частности одной из самых распространённых проблем является ситуация, когда один человек напрочь отказывается делать то, что до него делал другой. Проблема заключается в том, что у всех разные подходы к работе, что очень часто приводит к тому, что они превращаются просто во вредные привычки.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ZiF3q8SQAVg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1063 http://www.ruseller.com/lessons.php?rub=28&id=1063 http://feedproxy.google.com/~r/ruseller/CdHX/~3/7KZyD-ufz08/lessons.php При разработке приложений на PHP распространенной практикой является создание одного файла на один класс. В результате может получиться весьма внушительный список включений вначале каждого скрипта. Однако, можно оформить свой проект гораздо элегантнее и эффективнее.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/7KZyD-ufz08" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1062 http://www.ruseller.com/lessons.php?rub=37&id=1062 http://feedproxy.google.com/~r/ruseller/CdHX/~3/y3sjtP44DiY/lessons.php 10 изменений в код WordPress, которые помогут сделать ваш блог индивидуальным.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/y3sjtP44DiY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=1061 http://www.ruseller.com/lessons.php?rub=40&id=1061 http://feedproxy.google.com/~r/ruseller/CdHX/~3/EASfkB740E4/lessons.php Сегодня мы познакомим вас с плагином Favicon, который использует jQuery для управления favicon. Теперь вы можете динамически изменять ваш favicon. В браузерах, которые поддерживают HTML5 Canvas вы можете даже пририсовывать какие-то элементы. Ну и конечно же вы можете подстраховать себя и указать простой favicon, если поддержка динамических не сработает.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/EASfkB740E4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1060 http://www.ruseller.com/lessons.php?rub=32&id=1060 http://feedproxy.google.com/~r/ruseller/CdHX/~3/SfQvjamYYqw/lessons.php Идеальный сайт — это тот, который одновременно прост и интересен. Лучшие вебсайты создают впечатление того, что будущее наступило, и пользователи идут в ногу со временем. Это пробуждает у пользователей желание снова и снова заходить на сайт, просто потому что он классно загружается и по нему весело гулять. Веб-дизайн — это искусство, а с современными техниками программирования стало так просто создавать сайты, которые радуют и вдохновляют пользователей.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/SfQvjamYYqw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1059 http://www.ruseller.com/lessons.php?rub=29&id=1059 http://feedproxy.google.com/~r/ruseller/CdHX/~3/3LJflMa3eRQ/lessons.php Прием для обтекания изображения с двух сторон.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/3LJflMa3eRQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1058 http://www.ruseller.com/lessons.php?rub=2&id=1058 http://feedproxy.google.com/~r/ruseller/CdHX/~3/n9i0q7H5XK4/lessons.php Капча или полностью автоматизированный публичный тест Тьюринга для различия компьютеров и людей, предназначен для того, чтобы отличить человека от бота. Эти забавные пазлы используются сплошь и рядом. Однако на сегодняшний день появилось очень много нетрадиционных капч. В этой статье мы поочерёдно их рассмотрим и постараемся выделить лучшую.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/n9i0q7H5XK4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1057 http://www.ruseller.com/lessons.php?rub=29&id=1057 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Wi2tI2GY_LA/lessons.php Иногда нам приходится пользоваться специальными объектами, для того чтобы распределить информацию на странице. Различного рода вкладки стали очень популярны, т.к. с ними работать и удобно и приятно. Сегодня мы покажем вам, как создать подобные вкладки, используя CSS3 и ваш любимый jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Wi2tI2GY_LA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1056 http://www.ruseller.com/lessons.php?rub=32&id=1056 http://feedproxy.google.com/~r/ruseller/CdHX/~3/JF-c8cDGdT8/lessons.php Сегодня мы покажем вам маленький, но очень интересный и полезный урок, в которым вы научитесь фильтровать данные посредством jQuery и плавно менять отображение результатов поиска. Если у вас есть список чего-либо, например фильмов, то этот скрипт специально для вас!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/JF-c8cDGdT8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1055 http://www.ruseller.com/lessons.php?rub=32&id=1055 http://feedproxy.google.com/~r/ruseller/CdHX/~3/V9cLnvHOZ-g/lessons.php Я помню тот момент, когда передо мной встала задача создать сайт для мобильных устройств. Кажись, это был 2006, и тогда только начинали получать популярность домены “.mobi”. Вооружившись своим новым BlackBerry Pearl 8100, я был готов к первым попыткам построения сайта для мобилок размер экрана которых составлял 240x260px.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/V9cLnvHOZ-g" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1054 http://www.ruseller.com/lessons.php?rub=29&id=1054 http://feedproxy.google.com/~r/ruseller/CdHX/~3/UQ2bnB8JEL8/lessons.php В данном уроке мы сделаем 16 различных рамочек для оформления содержания пользуясь только средствами CSS3. Подобные элементы добавляют интерфейсам веб проектов шарм и неповторимое очарование.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/UQ2bnB8JEL8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1053 http://www.ruseller.com/lessons.php?rub=2&id=1053 http://feedproxy.google.com/~r/ruseller/CdHX/~3/k8EdeQ8-C1U/lessons.php В данном уроке мы сделаем 16 различных рамочек для оформления содержания пользуясь только средствами CSS3. Подобные элементы добавляют интерфейсам веб проектов шарм и неповторимое очарование.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/k8EdeQ8-C1U" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1052 http://www.ruseller.com/lessons.php?rub=2&id=1052 http://feedproxy.google.com/~r/ruseller/CdHX/~3/SUmFVo_Bcrg/lessons.php Вам не кажется, что хватит выполнять задачи, которые можно автоматизировать? Сегодня мы этим и займёмся! Я покажу вам, как автоматизировать некоторые процессы. В этом уроке вы научитесь работать с Apache Ant.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/SUmFVo_Bcrg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1051 http://www.ruseller.com/lessons.php?rub=28&id=1051 http://feedproxy.google.com/~r/ruseller/CdHX/~3/TNM0LVuv-SM/lessons.php В этом уроке для веб разработчиков мы продемонстрируем создание слайдера на HTML, CSS, и JavaScript (jQuery) и добьёмся, чтобы он работал во всех браузерах (с активированным и дезактивированным JavaScript).<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/TNM0LVuv-SM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1050 http://www.ruseller.com/lessons.php?rub=32&id=1050 http://feedproxy.google.com/~r/ruseller/CdHX/~3/GKzsh4d0E14/lessons.php Сегодня всё больше разработчиков начинают осознавать важность ссылок, которые ведут на ваш сайт. Но для многих начинающих разработчиков до сих пор остаётся загадкой каким образом простая ссылка может повлиять на результаты поиска в поисковиках. В этой статье, мы постараемся раскрыть основы построения ссылок и развеем накопившиеся мифы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/GKzsh4d0E14" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=42&id=1049 http://www.ruseller.com/lessons.php?rub=42&id=1049 http://feedproxy.google.com/~r/ruseller/CdHX/~3/xp6KQ4Xl8RM/lessons.php Сегодня мы будем строить меню с анимационным эффектом. Тут нам конечно же не обойтись без старого доброго jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/xp6KQ4Xl8RM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1048 http://www.ruseller.com/lessons.php?rub=32&id=1048 http://feedproxy.google.com/~r/ruseller/CdHX/~3/OHFpBj6NEjE/lessons.php Отличный элемент. Вы можете использовать его где-угодно для того, чтобы пользователь ввел значение из диапазона с минимумом и максимумом. Но кое-что в нем не так. Пользователь не видит число, которое он вводит.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/OHFpBj6NEjE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1047 http://www.ruseller.com/lessons.php?rub=2&id=1047 http://feedproxy.google.com/~r/ruseller/CdHX/~3/WC50K9eetBU/lessons.php В этом уроке мы продолжим работу над нашим фрэймворком и на этот раз приступим к реализации функционала, а именно менеджера шаблонов и обработчика для работы с базами данных. Эти два инструмента позволят нам с уверенностью заявить, что наш фрэймворк можно использовать в каком угодно проекте.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/WC50K9eetBU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1046 http://www.ruseller.com/lessons.php?rub=37&id=1046 http://feedproxy.google.com/~r/ruseller/CdHX/~3/hrd6WIv0nFU/lessons.php Если вы думаете, что сразу же после запуска нового сайта на него хлынет большое количество людей, то советую вам ещё раз хорошенько об этом подумать. Первые позиции в поисковиках - это главная цель маркетинговой компании. В этой статье я хочу пройтись по 5 основным принципам, которые вам пригодятся в продвижении вашего сайта. Часто SEO воспринимается как тёмное искусство. Если вы следуете всем правилам, то содержание и качество вашего сайта может говорить само за себя. Однако, если у вас супер оптимизированный сайт со слабеньким содержанием, то вам не увидеть лидирующих позиций в поисковиках.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/hrd6WIv0nFU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=42&id=1045 http://www.ruseller.com/lessons.php?rub=42&id=1045 http://feedproxy.google.com/~r/ruseller/CdHX/~3/IMgExjBf9-o/lessons.php Эффект названий изображений, которые выскальзывают при наведении курсора мыши на картинку, можно создать с помощью набора взаимосвязанных элементов div. Но в данном уроке мы будем использовать структуру HTML5 для изображения с названием и CSS3 для задания стилей.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/IMgExjBf9-o" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1044 http://www.ruseller.com/lessons.php?rub=2&id=1044 http://feedproxy.google.com/~r/ruseller/CdHX/~3/v7KNjdFU_d0/lessons.php В данном уроке мы создадим вертикальное меню, которое прокручивается движениями курсора мыши. При наведении на пункт меню выводится текстовая подсказка.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/v7KNjdFU_d0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1043 http://www.ruseller.com/lessons.php?rub=32&id=1043 http://feedproxy.google.com/~r/ruseller/CdHX/~3/BiimO7EgwAU/lessons.php В данном уроке мы разберемся, как построить интерфейс, который реагирует на наведение курсора мыши на различные элементы. Для обеспечения функционирования будут использованы jQuery, CSS3, HTML5 и @font-face. Подобные интерфейсы приобретают всю большую актуальность в связи с ростом популярности использования веб технологий на мобильных устройствах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/BiimO7EgwAU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1042 http://www.ruseller.com/lessons.php?rub=32&id=1042 http://feedproxy.google.com/~r/ruseller/CdHX/~3/fDHOuyNvNe8/lessons.php Звук является частью дизайна и способность проигрывать/запускать звуковые ролики должна присутствовать в CSS, но увы... ее пока нет. Чтобы проиграть звук при прохождении курсором мыши определённой области нам придется полагаться на HTML5 или Flash. Но кто в наше время захочет связываться с Flash?<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/fDHOuyNvNe8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1041 http://www.ruseller.com/lessons.php?rub=29&id=1041 http://feedproxy.google.com/~r/ruseller/CdHX/~3/cchs0hnq2cQ/lessons.php В данном уроке мы разберёмся, как создать оригинальную форму для сообщений в виде пишущей машинки. Все основные функции данного агрегата, вышедшего из употребления, будут бережно восстановлены с помощью CSS и jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/cchs0hnq2cQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1040 http://www.ruseller.com/lessons.php?rub=32&id=1040 http://feedproxy.google.com/~r/ruseller/CdHX/~3/5MDySN3ehzg/lessons.php Продолжим коррекцию шаблона для нашего приложения CakePHP. В предыдущем уроке мы добавили поддержку темы в наш проект и начали корректировать xHTML/CSS код для работы с движком CakePHP. Сегодня мы удалим ненужные элементы и настроим виды CakePHP нашего приложения, чтобы они хорошо выглядели и работали правильно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/5MDySN3ehzg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1039 http://www.ruseller.com/lessons.php?rub=37&id=1039 http://feedproxy.google.com/~r/ruseller/CdHX/~3/54goYnQv0Xw/lessons.php В данном уроке мы продолжим построение приложения с помощью CakePHP. Если вы последовательно выполняли все предыдущие уроки, то у вас должно иметься функциональное демонстрационное приложение. К настоящему моменту оно имеет вид, заданный по умолчанию CakePHP. Изменим его и установим шаблон, который можно свободно скачать из сети.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/54goYnQv0Xw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1038 http://www.ruseller.com/lessons.php?rub=37&id=1038 http://feedproxy.google.com/~r/ruseller/CdHX/~3/zKqZR_JwvgI/lessons.php Очень важной частью в шаблоне программирования MVC являются виды (обозначены в названии буквой V). Виды отвечают за генерацию вывода ответа на запрос. Очень часто они формируются как HTML, XML, или JSON, но потоковые файлы и создание PDF документов также являются сферой действия видов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/zKqZR_JwvgI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1037 http://www.ruseller.com/lessons.php?rub=37&id=1037 http://feedproxy.google.com/~r/ruseller/CdHX/~3/a9WZAA-BY2s/lessons.php Самое главное для разработчика не изобретать велосипед и хранить нужный фрагмент когда, чтобы он всегда был под рукой. Сегодня мы покажем вам 9 наиполезнейших PHP техник и методов, которые наверняка вам пригодятся.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/a9WZAA-BY2s" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1036 http://www.ruseller.com/lessons.php?rub=37&id=1036 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Zmw3mmkLpHA/lessons.php Если вы установили у себя Memcache, то вы можете начать им пользоваться. Существует мнение, что много кэша это плохо. Я с этим абсолютно не согласен! Чем быстрее грузится ваш сайт – тем лучше!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Zmw3mmkLpHA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1035 http://www.ruseller.com/lessons.php?rub=37&id=1035 http://feedproxy.google.com/~r/ruseller/CdHX/~3/0LH50TVyVz8/lessons.php Этот урок понравится тем, кто привык делать резиновые сайты! Тут вы научитесь создавать резиновый фон, который будет меняться в зависимости от размеров экрана пользователя.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/0LH50TVyVz8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1034 http://www.ruseller.com/lessons.php?rub=32&id=1034 http://feedproxy.google.com/~r/ruseller/CdHX/~3/vc9bCsSniF0/lessons.php Всё больше и больше нам приходится создавать динамических и интерактивных сайтов. Именно поэтому множество разработчиков начинают применять в своей работе различные фрэймворки. Существует немало хороших фрэймворков, однако собственный экземпляр может быть подстроен полностью под ваши нужды и значительно увеличить скорость разработки проекта, конечно же, если вы знаете, как с ним взаимодействовать. В этой небольшой серии уроков, мы покажем вам, как создать собственный фрэймворк на PHP5! В этом уроке мы начнём с планирования и закончим реализацией структуры.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/vc9bCsSniF0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1033 http://www.ruseller.com/lessons.php?rub=37&id=1033 http://feedproxy.google.com/~r/ruseller/CdHX/~3/-R-cqZRjCPw/lessons.php Продолжаем работу над простым приложением, созданным генератором Bake CakePHP.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/-R-cqZRjCPw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1032 http://www.ruseller.com/lessons.php?rub=37&id=1032 http://feedproxy.google.com/~r/ruseller/CdHX/~3/gLedbyViVKs/lessons.php В данном уроке, который является продолжением серии, посвященной CakePHP, мы продолжим построение приложения для доски объявлений о вакансиях.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/gLedbyViVKs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1031 http://www.ruseller.com/lessons.php?rub=37&id=1031 http://feedproxy.google.com/~r/ruseller/CdHX/~3/m1ow0TlmHxk/lessons.php Совсем недавно передо мной встала задача считать значения с URL и продолжить работу скрипта в зависимости от значений Get параметров. В поисках наилучшего решения, было рассмотрено несколько вариантов, один из которых будет показан в данном уроке.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/m1ow0TlmHxk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=1030 http://www.ruseller.com/lessons.php?rub=29&id=1030 http://feedproxy.google.com/~r/ruseller/CdHX/~3/0I_0rLIQEnI/lessons.php Консоль CakePHP Bake может создать любой базовый компонент CakePHP: модели, виды и контроллеры. Причем будут сгенерированы не только базовые классы, а Bake может создать полностью функциональное приложение за несколько минут.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/0I_0rLIQEnI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1029 http://www.ruseller.com/lessons.php?rub=37&id=1029 http://feedproxy.google.com/~r/ruseller/CdHX/~3/P4PMX7NCZno/lessons.php Сегодня мы познакомим с небольшим фрагментом кода, который позволит вам проверить тип запроса, который направляется к вашим PHP скриптам, а именно мы покажем вам как определить Ajax запрос.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/P4PMX7NCZno" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1028 http://www.ruseller.com/lessons.php?rub=37&id=1028 http://feedproxy.google.com/~r/ruseller/CdHX/~3/wMGlFtjgeB4/lessons.php В данном уроке мы продолжим работу над приложением и построим функционал для проверки, а также для редактирования и удаления данных из таблицы категорий.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/wMGlFtjgeB4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1027 http://www.ruseller.com/lessons.php?rub=37&id=1027 http://feedproxy.google.com/~r/ruseller/CdHX/~3/TogxlUVZE3M/lessons.php Это будет маленькое приложение с одной таблицей, которое мы будем использовать в следующих уроках и расширим до вполне функционального проекта.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/TogxlUVZE3M" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1026 http://www.ruseller.com/lessons.php?rub=37&id=1026 http://feedproxy.google.com/~r/ruseller/CdHX/~3/fQKfrUgVUA4/lessons.php Некоторые люди вырывают чуть ли не последние волосы на голове, для того чтобы постараться всё успеть, а другие даже не парятся об этом. В чём же их секрет? Как раз об этом мы и поговорим в этой статье. Так что читайте и берите пример!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/fQKfrUgVUA4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1025 http://www.ruseller.com/lessons.php?rub=28&id=1025 http://feedproxy.google.com/~r/ruseller/CdHX/~3/HAJW8WYWtIE/lessons.php Редко когда можно найти качественные стили для кнопок. В этом уроке мы создадим что-то подобное на CSS3. К сожалению, стили не будут одинаково отображаться в IE. Зато в Safari, Chrome и FireFox 3+ всё будет круто.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/HAJW8WYWtIE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1024 http://www.ruseller.com/lessons.php?rub=2&id=1024 http://feedproxy.google.com/~r/ruseller/CdHX/~3/RiqyVfpowms/lessons.php В первом уроке серии мы разобрались c установкой и базовой конфигурацией CakePHP. Следующий шаг - разобраться в основах функционирования.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/RiqyVfpowms" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1023 http://www.ruseller.com/lessons.php?rub=37&id=1023 http://feedproxy.google.com/~r/ruseller/CdHX/~3/3NkNAUnqQCo/lessons.php Прямо перед выходом Internet Explorer 9, Mozilla выпустила новую версию своего знаменитого браузера Firefox 4. В первые же минуты релиза данную версию скачали 7 миллионов пользователей, а к концу дня их число увеличилось до 40 миллионов. В данной статье я бы хотел вкратце рассказать о перспективах, которые ждут разработчиков в новой версии браузера Mozilla Firefox.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/3NkNAUnqQCo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1022 http://www.ruseller.com/lessons.php?rub=28&id=1022 http://feedproxy.google.com/~r/ruseller/CdHX/~3/i9NTVCjDNGY/lessons.php Данный урок открывает серию, посвященную тому, как легко работать и создавать приложения в рабочей среде CakePHP. Уроки предполагают наличие базовых знаний PHP и объектно-ориентированного программирования. Хотя для совсем начинающих приводимые сведения будут очень полезны.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/i9NTVCjDNGY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1021 http://www.ruseller.com/lessons.php?rub=37&id=1021 http://feedproxy.google.com/~r/ruseller/CdHX/~3/IU3gHQFWFJU/lessons.php В данном уроке мы сделаем очень простую игру со стрельбой с использованием jQuery. Правила у игры очень простые - нужно стрелять в злодеев, а полицейского не трогать. Целиться надо с помощью мышки, а стрелять - левой кнопкой.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/IU3gHQFWFJU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1020 http://www.ruseller.com/lessons.php?rub=32&id=1020 http://feedproxy.google.com/~r/ruseller/CdHX/~3/inAwnDX4qec/lessons.php Twitter является отличным инструментом для владельца сайта. Если вам интересно привлечь больше посетителей на ваш сайт и увеличить трафик, то следует подумать о том, чтобы интегрировать функционал Twitter на свои страницы. В данном уроке представлены несколько фрагментов кода PHP для взаимодействия с Twitter.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/inAwnDX4qec" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1019 http://www.ruseller.com/lessons.php?rub=37&id=1019 http://feedproxy.google.com/~r/ruseller/CdHX/~3/2yPxl_7po5Q/lessons.php Доброго времени суток, уважаемые посетители сайта ruseller.com! Как и было обещано, мы представляем третий и, на данный момент, заключительный урок из серии «Азы работы с Zend Framework». Сегодня я покажу вам, как осуществить процесс авторизации с Zend_Auth. Также мы пройдёмся по тому, как использовать Zend_Acl для распределения ресурсов и ролей в нашем тестовом проекте. Итак, вперёд!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/2yPxl_7po5Q" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1018 http://www.ruseller.com/lessons.php?rub=37&id=1018 http://feedproxy.google.com/~r/ruseller/CdHX/~3/1LSqOiNsRSI/lessons.php Очень часто клиенты просят своих программистов имплементировать функционал, который позволит определить зарегистрирован пользователь с каким-то именем или оно уже занято.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/1LSqOiNsRSI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1017 http://www.ruseller.com/lessons.php?rub=32&id=1017 http://feedproxy.google.com/~r/ruseller/CdHX/~3/_PT2PvX9MFQ/lessons.php В данном уроке мы покажем как сделать небольшую галерею, в которой изображения выглядят установленными в стопку. Слайдер регулирует расстояние между изображениями. При нажатии на изображение, оно поворачивается и становится в нормальную позицию, а с помощью слайдера все изображения можно раздвинуть так, что они не будут накладываться друг на друга.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/_PT2PvX9MFQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1016 http://www.ruseller.com/lessons.php?rub=32&id=1016 http://feedproxy.google.com/~r/ruseller/CdHX/~3/3qxNpuckEQg/lessons.php Не всегда оправданно решение mkdir() и частенько мы испытываем проблемы при создании директории на сервере. Этот урок покажет, как решить данную проблему.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/3qxNpuckEQg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1015 http://www.ruseller.com/lessons.php?rub=37&id=1015 http://feedproxy.google.com/~r/ruseller/CdHX/~3/0DgFUrkrMD8/lessons.php Стратегия компании Google, которую она выработала для web разработчиков, очень эффективна. В нашем распоряжении находится множество бесплатных и мощных инструментов. Поэтому любовь разработчиков к этой компании вполне оправдана. Все инструменты, которые мы рассмотрим в этой статье смогут сыграть очень важную роль в конструировании, техническом обслуживании и улучшении ваших сайтов! Тем более, что всё это бесплатно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/0DgFUrkrMD8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1014 http://www.ruseller.com/lessons.php?rub=28&id=1014 http://feedproxy.google.com/~r/ruseller/CdHX/~3/da6rg6cwzrc/lessons.php Один из самых важных аспектов вашего сайта – это скорость его загрузки; пользователи хотят мгновенно получать картинку без всяких тормозов, и если вы не в состоянии дать им это, то они долго не раздумывая, поищут информацию в другом месте. В этой статье мы обсудим 5 способов, которые позволят вам ускорить время загрузки вашего сайта.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/da6rg6cwzrc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=1013 http://www.ruseller.com/lessons.php?rub=28&id=1013 http://feedproxy.google.com/~r/ruseller/CdHX/~3/qHMRdt6X0c0/lessons.php В данном уроке с помощью jQuery мы создадим простую игру для развития навыков печати на клавиатуре. Нужно печатать текст, который появляется в голубом прямоугольнике, при завершении ввода игроку присуждаются очки. В уроке демонстрируется техника работы с клавиатурой в jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/qHMRdt6X0c0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1012 http://www.ruseller.com/lessons.php?rub=32&id=1012 http://feedproxy.google.com/~r/ruseller/CdHX/~3/HNMkbmQ_xJ8/lessons.php В данном уроке мы разберемся как создать и использовать компонент jQuery UI для панели обложек CoverFlow на основе $.widget и трансформация CSS3. Его легко использовать, легко дополнить функционал, он поддерживает событие click, нажатия клавиш и взаимодействие с колесиком мыши.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/HNMkbmQ_xJ8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1011 http://www.ruseller.com/lessons.php?rub=32&id=1011 http://feedproxy.google.com/~r/ruseller/CdHX/~3/3sLdSMmSl7o/lessons.php В этой статье мы познакомим вас c новым элементом HTML5 - canvas, который позволяет рисовать различные объекты и отображать в самых современных браузерах. Прочитав данный урок, вы узнаете, как получить доступ к элементу canvas, рисовать фигуры, изменять цвета, и стирать объекты. Приобретайте путёвку в современный мир Web технологий.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/3sLdSMmSl7o" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=1010 http://www.ruseller.com/lessons.php?rub=1&id=1010 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6rNqiLESEB4/lessons.php Сегодня я вам покажу, как создать подобную систему, используя супер популярную технологию jQuery AJAX. Согласно спецификации, нам необходима форма, в которую пользователь будет вводить своё имя и сообщение. После того как форма будет отправлена, мы отправим введённые данные скрипту через AJAX, который вставит данные в БД и обновит содержимое доски. Но нам также нужно обновить информацию и для других пользователей. Как? Это я вам покажу в конце урока.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6rNqiLESEB4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1009 http://www.ruseller.com/lessons.php?rub=32&id=1009 http://feedproxy.google.com/~r/ruseller/CdHX/~3/qTftaqqNm0c/lessons.php Отладка PHP кода выполняется самыми разными способами. Почему бы не использовать один инструмент для всех скриптов (и PHP и Javascript)? Таким инструментом может стать консоль JavaScript, которую можно использовать и для отладки PHP кода.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/qTftaqqNm0c" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=1008 http://www.ruseller.com/lessons.php?rub=37&id=1008 http://feedproxy.google.com/~r/ruseller/CdHX/~3/46Z2Cgj6dQ0/lessons.php Blueprint - это один из самых популярных CSS фрэймворков, который поможет вам сохранить кучу времени во время написания HTML и CSS. Классы данного фрэймворка настолько удобные, что их без труда можно внедрить через Rails, PHP или любой другой язык, генерирующий HTML страницу. В этом уроке мы разберём пример, который предоставляется в архиве с Blueprint фрэймворком.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/46Z2Cgj6dQ0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1005 http://www.ruseller.com/lessons.php?rub=2&id=1005 http://feedproxy.google.com/~r/ruseller/CdHX/~3/DH7RXM5sLkg/lessons.php При проектировании мобильных приложений разработчика поджидают различные ловушки, которые могут свести к нулю все усилия. В данном уроке мы опишем 6 самых коварных и типовых ошибок при работе над версиями для мобильных устройств.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/DH7RXM5sLkg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=35&id=1004 http://www.ruseller.com/lessons.php?rub=35&id=1004 http://feedproxy.google.com/~r/ruseller/CdHX/~3/RuwnB8bc18E/lessons.php В этом уроке мы покажем, как создать и использовать слайдер миниатюр с помощью jQuery. Так как нас много раз просили показать, как создать слайдер миниатюр изображений, работающего отдельно от просмотра изображений в полном размере, в этом уроке мы решили показать только создание слайдера миниатюр.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/RuwnB8bc18E" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1003 http://www.ruseller.com/lessons.php?rub=32&id=1003 http://feedproxy.google.com/~r/ruseller/CdHX/~3/mSG51-cfxJY/lessons.php Добавить состояние hover к элементу очень просто. Но что если нам нужно изменить состояние hover для "всего, кроме" элемента, над которым действительно находится курсор мыши?<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/mSG51-cfxJY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=1001 http://www.ruseller.com/lessons.php?rub=2&id=1001 http://feedproxy.google.com/~r/ruseller/CdHX/~3/jSfJSBAbOK0/lessons.php Итак, допустим ваш клиент загрузил изображение в CMS и сказал, что ему оно не нравится, и он хотел бы его изменить. Этот сценарий знают практически все. В этом уроке мы реализуем вырезку изображения, и всё что вашему клиенту останется сделать, так это выделить нужный фрагмент и нажать на кнопку.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/jSfJSBAbOK0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=1000 http://www.ruseller.com/lessons.php?rub=32&id=1000 http://feedproxy.google.com/~r/ruseller/CdHX/~3/r0s-3VJj5qk/lessons.php В этом уроке мы уделим внимание одному очень интересному плагину, фиче, библиотеке - называйте как хотите. Для того чтобы лучше понять работу плагина, применим его в небольшом проекте.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/r0s-3VJj5qk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=999 http://www.ruseller.com/lessons.php?rub=32&id=999 http://feedproxy.google.com/~r/ruseller/CdHX/~3/_QmNBbeh1bg/lessons.php Возможность применения эффекта drag & drop, и сохранение данных после перестановки - это прекрасная возможность создать дружелюбный интерфейс, тем более что это реализуется, грубо говоря, несколькими строчками кода на jQuery. Всё что вам нужно сделать, так это подключить jQuery UI и прочитать данный урок!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/_QmNBbeh1bg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=998 http://www.ruseller.com/lessons.php?rub=32&id=998 http://feedproxy.google.com/~r/ruseller/CdHX/~3/MYiRdVJCNWE/lessons.php В данном уроке приводится код 3D галереи которая может стать отличным инструментом для представления портфолио работ.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/MYiRdVJCNWE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=997 http://www.ruseller.com/lessons.php?rub=29&id=997 http://feedproxy.google.com/~r/ruseller/CdHX/~3/hvduyZiQV6A/lessons.php В этой статье, мы покажем вам рецепт приготовления крутой поисковой формы на CSS3 с применением HTML5 атрибута placeholder. Для того, чтобы оформление было одинаково во всех браузерах, мы будем использовать Modernizr.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/hvduyZiQV6A" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=996 http://www.ruseller.com/lessons.php?rub=2&id=996 http://feedproxy.google.com/~r/ruseller/CdHX/~3/E9H3eUOd5iA/lessons.php В данном уроке мы разработаем плагин jQuery, который будет создавать слайдшоу, презентации или обзоры продуктов из наборов фотографий на сайте Flickr.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/E9H3eUOd5iA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=995 http://www.ruseller.com/lessons.php?rub=32&id=995 http://feedproxy.google.com/~r/ruseller/CdHX/~3/FseMAL9Y1ys/lessons.php Написание плагинов для jQuery та задача, которая рано или поздно становится перед любым веб-программистом. Потому что сколько бы плагинов не существовало в природе, но все равно они полностью могут не удовлетворять ни программиста ни заказчика сайта. Именно поэтому необходимо знать, как пишутся эти плагины и зачем их писать.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/FseMAL9Y1ys" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=994 http://www.ruseller.com/lessons.php?rub=32&id=994 http://feedproxy.google.com/~r/ruseller/CdHX/~3/3Bvz7tqQuXM/lessons.php Порой объём кода, ежедневно проходящий через разработчиков, поражает своими размерами. Один и тот же сайт может функционировать на от одной до пяти технологиях, совершенно отличающихся друг от друга (MySQL, PHP, JavaScript, CSS, HTML). В то же время существует целый ряд мало кому известных путей повышения эффективности вашего сайта. В этой статье мы рассмотрим 5 из них. Они довольно таки просты для понимания и применения, так что у вас не должно возникнуть проблем с их внедрением. Результаты вы получите уже очень скоро.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/3Bvz7tqQuXM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=35&id=993 http://www.ruseller.com/lessons.php?rub=35&id=993 http://feedproxy.google.com/~r/ruseller/CdHX/~3/9lzN8_DPjt8/lessons.php Проект Delicious является достаточно популярным сервисом для хранения закладок. С его помощью легко сохранять важные ссылки. В данном проекте есть очень удобный инструмент - поле для ввода меток при сохранении ссылки. В нашем уроке мы сделаем интерфейс для подобного инструмента с использованием jQuery, который можно будет использовать в своих проектах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/9lzN8_DPjt8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=992 http://www.ruseller.com/lessons.php?rub=32&id=992 http://feedproxy.google.com/~r/ruseller/CdHX/~3/p45jRYYtEs4/lessons.php Иллюзия 3D куба с текстом на гранях может быть создана с использованием современных техник CSS без использования JavaScript, изображений или SVG. Свойства трансформации для создания наклонов и вращений прямоугольников с тенями можно скомбинировать для формирования куба.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/p45jRYYtEs4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=991 http://www.ruseller.com/lessons.php?rub=2&id=991 http://feedproxy.google.com/~r/ruseller/CdHX/~3/WMyH1YkC7GM/lessons.php Доброго времени суток всем гостям сайта ruseller.com. Сегодня мы продолжим наш практический экскурс в один из самых продвинутых и популярных PHP фрэймворков – Zend Framework. В сегодняшнем уроке мы реализуем простое Zend приложение, а именно: создадим layout, научимся взаимодействовать с моделями (Базами данных), формами и прочими фичами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/WMyH1YkC7GM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=989 http://www.ruseller.com/lessons.php?rub=37&id=989 http://feedproxy.google.com/~r/ruseller/CdHX/~3/veDBhCeLztY/lessons.php Разработка хорошей навигации для веб сайта является одним из ключевых факторов хорошего развития проекта и того, что посетители начинают исследовать сайт с целью проверить все закоулки (закладки, изображения, текст и так далее) на наличие информации. Смотрите и черпайте вдохновение для своих великолепных проектов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/veDBhCeLztY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=988 http://www.ruseller.com/lessons.php?rub=28&id=988 http://feedproxy.google.com/~r/ruseller/CdHX/~3/AiH8we1DDgM/lessons.php Сегодня мы создадим специальный jQuery эффект для текста. Идея заключается в том, чтобы изменять прозрачность или цвет элементов, которые не относятся к тому или иному сегменту информации, который пользователи выбрали в соответствующем меню. Таким образом, мы позволим нашим посетителям сайта концентрировать внимание только на том, что их интересует.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/AiH8we1DDgM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=987 http://www.ruseller.com/lessons.php?rub=32&id=987 http://feedproxy.google.com/~r/ruseller/CdHX/~3/bbGJSGdCYkc/lessons.php Использование смены изображений очень легко выполнить с помощью CSS. А если нам нужно плавно заменять одно изображение на другое без резких сдвигов?<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/bbGJSGdCYkc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=986 http://www.ruseller.com/lessons.php?rub=2&id=986 http://feedproxy.google.com/~r/ruseller/CdHX/~3/exlmVMGHb0w/lessons.php Это не прописано в спецификациях, но браузеры WebKit поддерживают маскирование изображений. И работает оно также, как и в Photoshop.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/exlmVMGHb0w" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=985 http://www.ruseller.com/lessons.php?rub=2&id=985 http://feedproxy.google.com/~r/ruseller/CdHX/~3/zSLEsaZI0LM/lessons.php У каждого из нас есть свои вредные привычки. В этом уроке, мы будем с ними бороться, а именно: рассматривать, оценивать и искоренять.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/zSLEsaZI0LM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=984 http://www.ruseller.com/lessons.php?rub=37&id=984 http://feedproxy.google.com/~r/ruseller/CdHX/~3/D5l8ioDOcL0/lessons.php Лучший способ удержать пользователя на сайте, это позволить ему найти, то что он ищет. Если вы делаете для этого удобную систему, то уровень предпочтения вашего сайта будет расти и пользователь обязательно вернётся для того, чтобы найти то, что его интересует.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/D5l8ioDOcL0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=983 http://www.ruseller.com/lessons.php?rub=32&id=983 http://feedproxy.google.com/~r/ruseller/CdHX/~3/l-VNIFUme6Y/lessons.php Регулярные выражения, известные еще как regex, являются шаблонами, которые состоят из набора правил для определения соответствующей строки. Это очень мощный инструмент, который используется в большинстве языков программирования, особенно там, где требуется проверить набор данных на наличие определенных данных для принятия решений по дальнейшим действиям.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/l-VNIFUme6Y" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=982 http://www.ruseller.com/lessons.php?rub=28&id=982 http://feedproxy.google.com/~r/ruseller/CdHX/~3/b2fblaTeziI/lessons.php В этом уроке мы создадим полноэкранную галерею используя jQuery. Идея заключается в том, чтобы отображать миниатюру текущего изображения в отдельном блоке с описанием. Большое изображение будет перемещаться вверх или вниз в зависимости от направления, которое мы выберем. Галерея так же будет реагировать на колесо мыши, клавиши вверх и вниз.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/b2fblaTeziI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=981 http://www.ruseller.com/lessons.php?rub=32&id=981 http://feedproxy.google.com/~r/ruseller/CdHX/~3/WuQY35vit-E/lessons.php В этом уроке мы будем делать замену стандартных checkbox благодаря простому jQuery плагину. В случае если у пользователя будет отключён JavaScript отображаться будут стандартные элементы формы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/WuQY35vit-E" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=980 http://www.ruseller.com/lessons.php?rub=32&id=980 http://feedproxy.google.com/~r/ruseller/CdHX/~3/SRc6H6Dg_98/lessons.php Искусство в построении запросов с использованием Structured Query Language (язык структурированных запросов) заключается в создании правильных, эффективных вопросов и команд для базы данных.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/SRc6H6Dg_98" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=979 http://www.ruseller.com/lessons.php?rub=28&id=979 http://feedproxy.google.com/~r/ruseller/CdHX/~3/jWQUb7M7pY8/lessons.php При работе над приложением для клиентов разработчику приходится сталкиваться с непредсказуемыми условиями рабочего окружения, установками сервера и конфигурациями. Чтобы исправить положение можно использовать 4 простые, но эффективные PHP функции.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/jWQUb7M7pY8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=978 http://www.ruseller.com/lessons.php?rub=1&id=978 http://feedproxy.google.com/~r/ruseller/CdHX/~3/RoI5R2X7Y2E/lessons.php В этом уроке, мы рассмотрим, как можно использовать jQuery шаблоны для того, чтобы окончательно и бесповоротно отделить наш HTML код от JavaScript скриптов. Так же мы быстро пройдёмся по новой структуре AJAX модуля, который был введён в JQuery 1.5.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/RoI5R2X7Y2E" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=977 http://www.ruseller.com/lessons.php?rub=32&id=977 http://feedproxy.google.com/~r/ruseller/CdHX/~3/AWZ-rTH44Kk/lessons.php В данном уроке описан небольшой трюк, связанный с элементом style.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/AWZ-rTH44Kk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=976 http://www.ruseller.com/lessons.php?rub=2&id=976 http://feedproxy.google.com/~r/ruseller/CdHX/~3/L70qEkOGbZ4/lessons.php Доброго времени суток пользователи ruseller.com! Я счастлив, представить вам серию уроков по одному из самым популярных PHP фрэймворков - Zend Framework. Вы конечно же не раз слышали об этом мощном инструменте разработки web-приложений, об MVC и прочих фичах!.. Настало время практики.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/L70qEkOGbZ4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=974 http://www.ruseller.com/lessons.php?rub=37&id=974 http://feedproxy.google.com/~r/ruseller/CdHX/~3/zQwAeQrBKEM/lessons.php Небольшая хитрость в задании стиля только определенному элементу ввода.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/zQwAeQrBKEM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=973 http://www.ruseller.com/lessons.php?rub=2&id=973 http://feedproxy.google.com/~r/ruseller/CdHX/~3/fSPf6oGPETE/lessons.php Уже давно был создан специальный jQuery плагин, который распознаёт лица. Однако мало кто об этом знает.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/fSPf6oGPETE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=972 http://www.ruseller.com/lessons.php?rub=32&id=972 http://feedproxy.google.com/~r/ruseller/CdHX/~3/nP5obehtMb4/lessons.php В данном уроке мы сделаем индикатор прогресса с использованием только CSS3, никаких изображений. Несмотря на это, дизайн индикатора будет вполне приличный.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/nP5obehtMb4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=971 http://www.ruseller.com/lessons.php?rub=2&id=971 http://feedproxy.google.com/~r/ruseller/CdHX/~3/t5QknVMnUiE/lessons.php В Wikipedia сказано, что анонимная функция это функция, которая может существовать без идентификатора. Звучит довольно-таки интересно! В этом уроке я покажу вам несколько примеров того, как можно создать и вызвать функцию нестандартными методами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/t5QknVMnUiE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=970 http://www.ruseller.com/lessons.php?rub=37&id=970 http://feedproxy.google.com/~r/ruseller/CdHX/~3/mvDKf2LcMFo/lessons.php В данном уроке мы создадим интересное выскальзывающее меню. Идея заключается в том, что прямоугольник с пунктом меню при выборе выскальзывает вниз, а миниатюра выскакивает наверх.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/mvDKf2LcMFo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=969 http://www.ruseller.com/lessons.php?rub=2&id=969 http://feedproxy.google.com/~r/ruseller/CdHX/~3/bfAxT7FF28I/lessons.php Использование эффекта параллакса на веб страницах добавляет иллюзию трехмерного пространства и делает посещение сайта интересным для пользователя.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/bfAxT7FF28I" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=968 http://www.ruseller.com/lessons.php?rub=29&id=968 http://feedproxy.google.com/~r/ruseller/CdHX/~3/wSyva7FPYBs/lessons.php В наши дни, поисковые системы по-прежнему является одним из наиболее значимых факторов привлечения трафика на сайты, поэтому поисковая оптимизация (SEO) является очень важной составляющей в разработке структуры сайта. Хотя SEO часто считают просто набором некоторых технических приёмов, структура сайта, также критически важна. Она определяет, будет ли поисковая система понимать тему вашего сайта, и как легко она сможет находить и индексировать содержание, имеющиеся на вашем сайте.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/wSyva7FPYBs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=967 http://www.ruseller.com/lessons.php?rub=29&id=967 http://feedproxy.google.com/~r/ruseller/CdHX/~3/111NUHIDNDw/lessons.php Визуальный вес - это мощная концепция, позволяющая создавать визуальную иерархию, симметрию, баланс и гармонию в дизайне. Если использовать ее со стратегическим замыслом, концепция визуального веса может направить внимание посетителя туда, куда нужно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/111NUHIDNDw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=966 http://www.ruseller.com/lessons.php?rub=29&id=966 http://feedproxy.google.com/~r/ruseller/CdHX/~3/cJ5HaPU-eSA/lessons.php Все PHP разработки когда-либо сталкивались с проблемами безопасности. Какие методы применять? Как избежать уязвимостей? Как заделать все лазейки для снижения риска взлома? Ответы здесь. Мы расскажем вам об основных техниках, которые используются для построения прочной безопасности скриптов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/cJ5HaPU-eSA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=965 http://www.ruseller.com/lessons.php?rub=28&id=965 http://feedproxy.google.com/~r/ruseller/CdHX/~3/mcTvX71ukmY/lessons.php Сначала OAuth может показатьcя непонятным, однако, если вы хотите создать Twitter приложение, без него вам не обойтись. В этом уроки мы займёмся разбором OAuth и созданием простого приложения.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/mcTvX71ukmY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=964 http://www.ruseller.com/lessons.php?rub=37&id=964 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Vn4scYhul0g/lessons.php Зачем использовать иконки? Дизайн - это все, что связано с коммуникациями между людьми: не важно, насколько интересна и важна информация, которую вы представляете другим, если вы не смогли удержать внимание своих посетителей. Иконки являются простым и эффективным способом ввести пользователя в контент вашего сайта.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Vn4scYhul0g" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=35&id=963 http://www.ruseller.com/lessons.php?rub=35&id=963 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6YjXI_KjoYs/lessons.php Если у вас большая посещаемость на сайте, то значит, множество людей читают ваши статьи (это хорошо). Это приводит к тому, что к базе идёт огромное количество запросов (это не очень хорошо). И что же мы будем с этим делать? Лучший способ – это кеширование результатов, которые достаются из базы. Таким образом, когда первый пользователь откроет статью, она извлечётся из базы, а вот в последующие разы она будет показываться из кэша. Эта техника позволит MySQL серверу немного отдохнуть или сконцентрировать свою мощь на другие дела.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6YjXI_KjoYs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=962 http://www.ruseller.com/lessons.php?rub=37&id=962 http://feedproxy.google.com/~r/ruseller/CdHX/~3/wXbQf1wYpDE/lessons.php Эта статья для продвинутых программистов, но и новички смогут всё понять, если будут внимательны. Применение принципа ключ значение в таблицах бывает полезно тогда, когда нам в одной таблице необходимо хранить информацию о другой таблице. Предположим, что у нас есть таблица пользователей. И всё было бы хорошо, но однажды босс захотел хранить ещё несколько телефонов, пол, дату рождения…<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/wXbQf1wYpDE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=961 http://www.ruseller.com/lessons.php?rub=37&id=961 http://feedproxy.google.com/~r/ruseller/CdHX/~3/O-J_IJ7Oqr0/lessons.php В данном уроке мы разберемся, как создать такой популярный элемент дизайна веб страниц как аккордеон с использованием только HTML и CSS (будет добавлено немного CSS3 для организации перехода между слайдами).<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/O-J_IJ7Oqr0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=960 http://www.ruseller.com/lessons.php?rub=2&id=960 http://feedproxy.google.com/~r/ruseller/CdHX/~3/OVfcSEAMXE8/lessons.php Сколько бы мы не использовали PHP, всё равно всплывают некоторые функции, о которых мы даже не слышали. Некоторые из них были бы нам очень полезны.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/OVfcSEAMXE8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=959 http://www.ruseller.com/lessons.php?rub=37&id=959 http://feedproxy.google.com/~r/ruseller/CdHX/~3/WHrIxSHfzn8/lessons.php Представление контента в виде мозаики с отличным эффектом перехода между отдельными страницами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/WHrIxSHfzn8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=957 http://www.ruseller.com/lessons.php?rub=29&id=957 http://feedproxy.google.com/~r/ruseller/CdHX/~3/CfviVY5JRoI/lessons.php В этом уроке вы узнаете, как использовать переменные переменных, поиск в массивах, для того, чтобы значительно упростить процесс обработки форм. Так же мы покажем вам, как сэкономить время и упростить ваш код, не теряя при этом в функциональности.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/CfviVY5JRoI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=956 http://www.ruseller.com/lessons.php?rub=37&id=956 http://feedproxy.google.com/~r/ruseller/CdHX/~3/AoC_jthz7w4/lessons.php В данном уроке мы разберемся, как создать отличную галерею изображений с интересным анимационным эффектом с помощью библиотек Raphael и jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/AoC_jthz7w4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=955 http://www.ruseller.com/lessons.php?rub=32&id=955 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Pm5KVTw-3gI/lessons.php Один из самых эффективных методов повышения продаж товара являются положительные отзывы ваших клиентов. Для этого вам не надо ставить себе CMS или заморачиваться с базой данных. В этом уроке мы создадим XML файл с отзывами клиентов, которые будут плавно меняться при помощи jQuery.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Pm5KVTw-3gI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=954 http://www.ruseller.com/lessons.php?rub=32&id=954 http://feedproxy.google.com/~r/ruseller/CdHX/~3/t22QdwmHGqY/lessons.php В данном уроке мы разберемся, как автоматически создавать миниатюры для изображений. При создании различных проектов генерирование миниатюр является достаточно скучной, долгой и утомительной процедурой, даже при использовании различных средств для пакетной обработки изображений. Почему бы не переложить эту тупую, но нужную работу на скрипт?<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/t22QdwmHGqY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=953 http://www.ruseller.com/lessons.php?rub=37&id=953 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ZWup7d0s9lU/lessons.php Raphael - мощная библиотека для работы с векторной графикой в веб проектах. В данном уроке мы разберемся, как создать интерактивную карту её помощью.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ZWup7d0s9lU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=952 http://www.ruseller.com/lessons.php?rub=32&id=952 http://feedproxy.google.com/~r/ruseller/CdHX/~3/W5bylg8HsXE/lessons.php Как-то раз я случайно наткнулся на бесплатную базу данных фильмов - http://themoviedb.org. Через несколько мгновений обнаружилось, что они предоставляют свой API для разработчиков, который позволяет извлекать данные из их базы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/W5bylg8HsXE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=951 http://www.ruseller.com/lessons.php?rub=37&id=951 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Mg2vyAcUYh8/lessons.php Создание виртуальных хостов, это хороший способ расположения нескольких доменов на одном IP. Это позволяет нескольким сайтам пользоваться общими параметрами системы (оперативной памятью и т.д.); Такая технология часто используется компаниями, предоставляемые виртуальный хостинг.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Mg2vyAcUYh8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=950 http://www.ruseller.com/lessons.php?rub=28&id=950 http://feedproxy.google.com/~r/ruseller/CdHX/~3/K7WQ6hPkJPc/lessons.php В одном из предыдущих уроков мы разобрались, как создавать поиск по YouTube на своем сайте. В данном уроке мы сделаем минимальный проигрыватель роликов YouTube на своем сайте (чтобы не переходить на сайт YouTube).<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/K7WQ6hPkJPc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=949 http://www.ruseller.com/lessons.php?rub=29&id=949 http://feedproxy.google.com/~r/ruseller/CdHX/~3/3G6jIdzOTyc/lessons.php Если вы хотите добавить водяной знак на фото, не заморачиваясь с графическими редакторами или добавлять его во время загрузки фоток на сервер, то это урок для вас.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/3G6jIdzOTyc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=948 http://www.ruseller.com/lessons.php?rub=37&id=948 http://feedproxy.google.com/~r/ruseller/CdHX/~3/2_797f-NqNU/lessons.php YouTube - широко известный сайт для хранения видео, на котором пользователи могут загружать, просматривать и показывать всем свои ролики. В данном уроке мы разберемся как создать поиск по сайту YouTube для своего проекта.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/2_797f-NqNU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=947 http://www.ruseller.com/lessons.php?rub=32&id=947 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ERiT1Eb8at8/lessons.php В PHP5 как и в других мощных языках программирования (например Java) существует механизм выброса и перехвата исключительных ситуаций. Полезность данного инструмента рассмотрим в этом уроке.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ERiT1Eb8at8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=945 http://www.ruseller.com/lessons.php?rub=37&id=945 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Gi_7HK-RS_o/lessons.php В данном уроке мы продемонстрируем процесс конвертации кода в плагин. В качестве источника будет использоваться код одного из предыдущих уроков "Улучшаем элемент select".<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Gi_7HK-RS_o" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=944 http://www.ruseller.com/lessons.php?rub=32&id=944 http://feedproxy.google.com/~r/ruseller/CdHX/~3/KV0TNGCDsW4/lessons.php В этом уроки мы научим вас создавать детализированные диаграммы на PHP и FusionCharts. В большинстве случаев графическое представление данных наиболее приемлемо в той или иной ситуации. Если же диаграммы ещё и интерактивны, то это совсем круто! Что я имею в виду? Нажатие на элемент диаграммы влечёт за собой открытие другой диаграммы<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/KV0TNGCDsW4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=943 http://www.ruseller.com/lessons.php?rub=37&id=943 http://feedproxy.google.com/~r/ruseller/CdHX/~3/jKH6j3eM4KU/lessons.php Рано или поздно любой веб-мастер столкнется с необходимостью использовать на своем или сайте клиента систему приема электронных платежей. Различных систем большое множество, можно использовать каждую в отдельности, но все же лучше воспользоваться уже готовым сервисом.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/jKH6j3eM4KU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=30&id=942 http://www.ruseller.com/lessons.php?rub=30&id=942 http://feedproxy.google.com/~r/ruseller/CdHX/~3/vlrcpbcKYpM/lessons.php В данном уроке мы разберем, как создать выпадающее меню совсем без использования JavaScript. Простое, но функциональное решение на основе общедоступных свойств CSS можно использовать где угодно.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/vlrcpbcKYpM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=941 http://www.ruseller.com/lessons.php?rub=2&id=941 http://feedproxy.google.com/~r/ruseller/CdHX/~3/NO4UjNlh58o/lessons.php В наше время SMS широко применяются в веб-технологиях. Их используют для того, чтобы сообщить клиентам о свежих новостях, событиях и продуктах. Именно поэтому растёт рост разработчиков, которые интересуются данным инструментом. В этом уроке мы рассмотрим фундаментальные основы отправки текстовых сообщений при помощи PHP.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/NO4UjNlh58o" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=940 http://www.ruseller.com/lessons.php?rub=37&id=940 http://feedproxy.google.com/~r/ruseller/CdHX/~3/h8lec2CMX8A/lessons.php В данном уроке мы рассмотрим, как добавить кнопку на панель редактора TinyMCE в WordPress. Кнопка будет предназначена для вставки видео с YouTube. Такое дополнение упрощает процесс добавления материалов на сайт под управлением WordPress для тех авторов, которые плохо владеют HTML.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/h8lec2CMX8A" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=938 http://www.ruseller.com/lessons.php?rub=40&id=938 http://feedproxy.google.com/~r/ruseller/CdHX/~3/3YFW-R50W4I/lessons.php Практический урок по вёрстке при помощи системы 960 Grid. Обсуждаем плюсы и минусы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/3YFW-R50W4I" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=937 http://www.ruseller.com/lessons.php?rub=2&id=937 http://feedproxy.google.com/~r/ruseller/CdHX/~3/BZKlIKe9fEA/lessons.php В то время как решения для создания сайтов становятся все проще и быстрее, не все задачи могут быть решены с использованием стандартных аналитических средств за один вечер. Одним из способов точно узнать, как посетители используют ваш сайт, является применение карты нажатий.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/BZKlIKe9fEA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=35&id=936 http://www.ruseller.com/lessons.php?rub=35&id=936 http://feedproxy.google.com/~r/ruseller/CdHX/~3/7JpmfTPOqqU/lessons.php Мало кто не сталкивался с таким понятием как локализация. Это довольно-таки трудоёмкий процесс, но его не избежать, если вы ориентируете ваш ресурс на международный рынок. В этой статье изложен один из нестандартных способов внедрения локализации в ваш фронт-энд.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/7JpmfTPOqqU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=935 http://www.ruseller.com/lessons.php?rub=29&id=935 http://feedproxy.google.com/~r/ruseller/CdHX/~3/MGbcYPSiHTE/lessons.php Сегодня мы научимся создавать формы HTML5, которые будут выглядеть идентично как в новейших, так и в старых версиях браузеров. А помогут нам в этом Webforms2, Modernizr, jQuery UI и другие jQuery плагины.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/MGbcYPSiHTE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=934 http://www.ruseller.com/lessons.php?rub=1&id=934 http://feedproxy.google.com/~r/ruseller/CdHX/~3/WxferokRi0E/lessons.php Методы работы с техникой "перетащи и брось" складывались в течение многих лет. Неудивительно, что с увеличением числа программистов, разрабатывающих плагины с открытым исходным кодом (например, для jQuery) вновь возрождаются старые методы. Библиотека для JavaScript весьма адаптивна и предлагает множество улучшений в нашу эпоху веб технологий.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/WxferokRi0E" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=933 http://www.ruseller.com/lessons.php?rub=32&id=933 http://feedproxy.google.com/~r/ruseller/CdHX/~3/oYeSXcmyGhA/lessons.php Если вы не знаете, то я вам открою страшную тайну! Помимо основных функций поисковой системы Google предоставляет ещё и множество других услуг. Одна из них это калькулятор с расширенными возможностями. Как это можно использовать? Ответ в этой статье.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/oYeSXcmyGhA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=932 http://www.ruseller.com/lessons.php?rub=37&id=932 http://feedproxy.google.com/~r/ruseller/CdHX/~3/wSVjItUVMZ4/lessons.php Карта сайта HTML (в отличие от карты сайта XML) часто упоминается как полезный для SEO инструмент. Кроме того, она очень нравится читателям, которым удобно пользоваться ею для перехода к нужному материалу.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/wSVjItUVMZ4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=931 http://www.ruseller.com/lessons.php?rub=40&id=931 http://feedproxy.google.com/~r/ruseller/CdHX/~3/J2FBJkZ49bw/lessons.php Поскольку количество счастливых обладателей мобильных телефонов растёт с каждым днём, необходимо идти в ногу со временем и подстраивать под них свои сайты. Создание сайтов для мобилок несколько отличаются от традиционных устоев.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/J2FBJkZ49bw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=930 http://www.ruseller.com/lessons.php?rub=32&id=930 http://feedproxy.google.com/~r/ruseller/CdHX/~3/83rLPVEuo5o/lessons.php В данном уроке представлено создание контактной формы. Для проверки значения полей используется плагин jQuery, а результат наглядно отображается на форме.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/83rLPVEuo5o" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=929 http://www.ruseller.com/lessons.php?rub=29&id=929 http://feedproxy.google.com/~r/ruseller/CdHX/~3/TAYzlyVF4k0/lessons.php В данном обзоре представлены 30 веб дизайнов, тему которых задала матушка природа. Смотрим и черпаем идеи для своих проектов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/TAYzlyVF4k0" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=928 http://www.ruseller.com/lessons.php?rub=28&id=928 http://feedproxy.google.com/~r/ruseller/CdHX/~3/TC6USvkp1DM/lessons.php Если вы размышляете над тем, как использовать слайдшоу в своем проекте, то данный материал поможет найти отличную идею. Здесь представлены 30 вдохновляющих примеров использования слайдшоу в веб дизайне.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/TC6USvkp1DM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=927 http://www.ruseller.com/lessons.php?rub=28&id=927 http://feedproxy.google.com/~r/ruseller/CdHX/~3/bqU9Is4Z52U/lessons.php Когда я впервые увидел возможности системы 960 Grid, я был полностью ошарашен тем, как она упрощает процесс вёрстки даже самых сложных дизайнов. Как? Читайте статью!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/bqU9Is4Z52U" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=926 http://www.ruseller.com/lessons.php?rub=2&id=926 http://feedproxy.google.com/~r/ruseller/CdHX/~3/s5edlo2-9xA/lessons.php Печать веб-страниц становится всё более редким явлением, однако множество сайтов используют специальные css таблицы как раз для этих целей. И это очень удобно. Однако может вызвать головную боль после нескольких изменений страницы...<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/s5edlo2-9xA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=925 http://www.ruseller.com/lessons.php?rub=32&id=925 http://feedproxy.google.com/~r/ruseller/CdHX/~3/QGPiwV2Bfw4/lessons.php Псевдо класс :target является одной из замечательных особенностей CSS3. Он соответствует элементу, на который указывает идентификатор в URI документа.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/QGPiwV2Bfw4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=924 http://www.ruseller.com/lessons.php?rub=2&id=924 http://feedproxy.google.com/~r/ruseller/CdHX/~3/mIKOFxCfNU4/lessons.php Сегодня мы вам представим новый плагин jQuery, который поможет нам реализовать подсветку слов в предложениях. Данный плагин называется replaceText. Заинтриговал? Ну что, тогда погнали!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/mIKOFxCfNU4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=923 http://www.ruseller.com/lessons.php?rub=32&id=923 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Zk8KMNfKUbM/lessons.php Тег <hr> (горизонтальная линия) является отличным средством для семантического разделения или прерывания контента на странице. Можно заменить его на изображение, которое будет гармонировать с общей стилистикой страницы.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Zk8KMNfKUbM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=922 http://www.ruseller.com/lessons.php?rub=2&id=922 http://feedproxy.google.com/~r/ruseller/CdHX/~3/EeOmjwLPmGc/lessons.php Регулярные выражения это словно “Швейцарский армейский нож” который разрезает блоки информации по определённым шаблонам. Они сопровождаются огромным арсеналом инструментов, о существовании некоторых не знают даже те, кто не раз писал регулярки. Сегодня мы рассмотрим некоторые продвинутые техники, которые вы сможете применить в ваших проектах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/EeOmjwLPmGc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=920 http://www.ruseller.com/lessons.php?rub=37&id=920 http://feedproxy.google.com/~r/ruseller/CdHX/~3/MOnlRNpgodo/lessons.php Мы привыкли писать код исходя из наших устоев - чтения слева-направо. В тоже время, многие JavaScript фрэймворки, такие как jQuery, YUI 3, NWMatcher, а так же нативный querySelectorAll, производят парсинг справа-налево.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/MOnlRNpgodo" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=919 http://www.ruseller.com/lessons.php?rub=32&id=919 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6Doa7odtcss/lessons.php Для блоггера редактор является очень важным инструментом, потому что именно в нем создаются заметки и материалы. В данной статье представлено несколько трюков и советов по расширению возможностей редактора WordPress.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6Doa7odtcss" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=918 http://www.ruseller.com/lessons.php?rub=40&id=918 http://feedproxy.google.com/~r/ruseller/CdHX/~3/WGSPhQRXBaQ/lessons.php Наверняка вы уже не раз читали уроки по созданию системы регистрации пользователей. Большинство из них освещали тему аутентификации, а в частности вход в систему и выход из неё. Однако для многих сайтов нужен так же контроль того, что может делать пользователь и в какие части сайта у него есть доступ. Создание списка доступа (Access Control List - ACL) позволит вам организовать гибкую систему управления ролями и привилегиями пользователей.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/WGSPhQRXBaQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=917 http://www.ruseller.com/lessons.php?rub=37&id=917 http://feedproxy.google.com/~r/ruseller/CdHX/~3/QQ8r5oEyj-Y/lessons.php В данном уроке мы представим экспериментальную галерею 3D стена. При просмотре в браузере Safari галерея будет открывать перспективу при прокрутке изображений. В других браузерах галерея будет показывать все в плоском виде, сохраняя остальную функциональность.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/QQ8r5oEyj-Y" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=916 http://www.ruseller.com/lessons.php?rub=32&id=916 http://feedproxy.google.com/~r/ruseller/CdHX/~3/VwuDDjC1wJM/lessons.php В этой статье я познакомлю вас с Less. Принцип его работы прост. У вас есть файл .less который при каждом сохранении компилируется в .css файл. О возможностях, которые раскрываются перед верстальщиками пойдёт речь в этой статье.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/VwuDDjC1wJM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=915 http://www.ruseller.com/lessons.php?rub=28&id=915 http://feedproxy.google.com/~r/ruseller/CdHX/~3/5NLKBJhjdz8/lessons.php В данном уроке представлены несколько техник CSS для организации различных эффектов для обводки элементов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/5NLKBJhjdz8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=914 http://www.ruseller.com/lessons.php?rub=2&id=914 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ORAlayYr7f4/lessons.php Восстановление пароля - это полезнейшая функция, которая должна поддерживаться на вашем сайте. Тем не менее во многих уроках по созданию системы аутентификации пользователей эта часть игнорируется. В этом уроке мы разберем, как обрабатывать шифруемые и нешифруемые пароли, ознакомимся с основными возможностями MySQLi, а также создадим временную блокировку на случай, если пользователь вводит неверный ответ на секретный вопрос слишком много раз.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ORAlayYr7f4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=913 http://www.ruseller.com/lessons.php?rub=37&id=913 http://feedproxy.google.com/~r/ruseller/CdHX/~3/V_QNFr9MJwY/lessons.php Ошибка 404 генерируется сервером в ответ на запрос к ресурсу, который он не может найти. В данном обзоре собраны рекомендации по организации страницы для ошибки 404, которые помогут сохранить хорошее отношение посетителя.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/V_QNFr9MJwY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=29&id=912 http://www.ruseller.com/lessons.php?rub=29&id=912 http://feedproxy.google.com/~r/ruseller/CdHX/~3/nXraOAizVnw/lessons.php Данный урок покажет и расскажет как сделать красивое меню с эффектом наложения.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/nXraOAizVnw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=911 http://www.ruseller.com/lessons.php?rub=32&id=911 http://feedproxy.google.com/~r/ruseller/CdHX/~3/B531rOeFURY/lessons.php В данном уроке Вы сможете увидеть очередную красивую галерею от Мери Лу!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/B531rOeFURY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=910 http://www.ruseller.com/lessons.php?rub=32&id=910 http://feedproxy.google.com/~r/ruseller/CdHX/~3/4zh4JGGbnww/lessons.php Иногда в процессе создания сайтов нам необходимо спрятать часть динамического текста без перехода на следующую строку. То есть вставить длинный текст в таблицу с фиксированной шириной. В то же время, необходимо показать пользователю...<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/4zh4JGGbnww" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=909 http://www.ruseller.com/lessons.php?rub=2&id=909 http://feedproxy.google.com/~r/ruseller/CdHX/~3/MrfaQ7CcgRM/lessons.php В этой статье мы представим вам метод быстрого написания html и css кода используя целый ряд специальных селекторов и их комбинаций. Данный плагин был разработан Сергеем Чикуеноком и завоевал свою популярность по всему миру буквально в считаные дни.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/MrfaQ7CcgRM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=908 http://www.ruseller.com/lessons.php?rub=28&id=908 http://feedproxy.google.com/~r/ruseller/CdHX/~3/nOqxprcdwMc/lessons.php В данном уроке мы будем делать простое облако тегов для материалов, которые мы будем заносить в нашу базу. Конечно уже есть большое количество готовых скриптов, но лучше попробовать написать своими руками, чтобы несколько закрепить материал, и возможно узнать что-то новое.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/nOqxprcdwMc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=907 http://www.ruseller.com/lessons.php?rub=37&id=907 http://feedproxy.google.com/~r/ruseller/CdHX/~3/NcLxJuhZz4I/lessons.php Кажется, что в наши дни каждый имеет смартфон. Все больше и больше людей включают это мобильное устройство в свою жизнь, например, для проверки и отправки почты или даже для просмотра веб контента. Поэтому стоит уделять больше внимания тому, как ваш сайт выглядит на мобильных устройствах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/NcLxJuhZz4I" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=906 http://www.ruseller.com/lessons.php?rub=28&id=906 http://feedproxy.google.com/~r/ruseller/CdHX/~3/SiO6yGp3kOk/lessons.php Отложенные объекты, которые были введены в jQuery 1.5, предназначены для разделения логики задачи, которая выполнялась и её последствий. Для JavaScript ничего нового тут нет; Mochikit и Dojo давно внедрили подобную функциональность, однако для jQuery новая структура AJAX и отложенные объекты являются довольно таки существенным шагом эволюции.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/SiO6yGp3kOk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=905 http://www.ruseller.com/lessons.php?rub=32&id=905 http://feedproxy.google.com/~r/ruseller/CdHX/~3/IHu-gRryPME/lessons.php В одном из предыдущих уроков мы уже разбирали создание стрелочных часов с использованием CSS и JavaScript. В данном уроке такие же часы сделаем с использованием CSS3, чтобы посмотреть, насколько новый стандарт изменяет подход к разработке различных эффектов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/IHu-gRryPME" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=904 http://www.ruseller.com/lessons.php?rub=2&id=904 http://feedproxy.google.com/~r/ruseller/CdHX/~3/XDbLOM-CM1g/lessons.php В этом уроки я покажу вам как создать галерею на jQuery с возможностью предпросмотра миниатюр каждой фотографии. Идея заключается в том, чтобы при наведении курсора мыши на точки, появлялась миниатюра соответствующей фотографии в галерее. При нажатии на эту точку, с правой или левой стороны будет возникать оригинальная фотография.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/XDbLOM-CM1g" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=903 http://www.ruseller.com/lessons.php?rub=32&id=903 http://feedproxy.google.com/~r/ruseller/CdHX/~3/_4-bVIG_-c8/lessons.php Время от времени хотим мы этого или нет, но происходят взломы серверов баз данных. Учитывая это, важно быть уверенным в том, что конфиденциальные данные, такие как пароли пользователей, не будут раскрыты. Сегодня, мы осветим тему хэширования и мер по защите паролей в вашем web приложении.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/_4-bVIG_-c8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=902 http://www.ruseller.com/lessons.php?rub=37&id=902 http://feedproxy.google.com/~r/ruseller/CdHX/~3/4fbMfPN2zqE/lessons.php Организация CSS играет важную роль в деятельности тех, кто постоянно работает над своим проектом или выполняет заказы для других. В данном уроке представлены 7 простых, но очень важных советов по организации CSS.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/4fbMfPN2zqE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=901 http://www.ruseller.com/lessons.php?rub=2&id=901 http://feedproxy.google.com/~r/ruseller/CdHX/~3/HqSXmBBnLrA/lessons.php Open Flash Chart это проект Open Source который позволяет разработчикам создавать симпатичные диаграммы для их web страниц или приложений.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/HqSXmBBnLrA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=900 http://www.ruseller.com/lessons.php?rub=37&id=900 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Amz3ZE_L6kE/lessons.php В данном уроке мы разберемся, как создать прелестные стрелочные часы, которые будут показывать текущее время. Их можно использовать как элемент оформления сайта для оживления статичных страниц. Подобные эффекты часто используются на flash сайтах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Amz3ZE_L6kE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=899 http://www.ruseller.com/lessons.php?rub=2&id=899 http://feedproxy.google.com/~r/ruseller/CdHX/~3/GYlsChlQvDw/lessons.php Совсем недавно, как и было обещано, группа разработчиков библиотеки jQuery выпустила новую версию своего продукта. Я попытаюсь вам рассказать о фитчах, которые вошли в свежий релиз.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/GYlsChlQvDw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=898 http://www.ruseller.com/lessons.php?rub=32&id=898 http://feedproxy.google.com/~r/ruseller/CdHX/~3/g8xtJ1kzA6k/lessons.php В данном обзоре представлены 5 простых способов для повышения уровня читабельности материалов вашего сайта. Такие действия существенно улучшают удобство использования ресурса и повышают его рейтинг у пользователей.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/g8xtJ1kzA6k" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=35&id=896 http://www.ruseller.com/lessons.php?rub=35&id=896 http://feedproxy.google.com/~r/ruseller/CdHX/~3/SgFM5BCBglw/lessons.php В данном уроке мы создадим эффект загнутых уголков без использования изображений и дополнительной разметки. Он отлично работает во всех современных браузерах и хорошо подходит для дизайна сайта с простыми цветовыми решениями.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/SgFM5BCBglw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=895 http://www.ruseller.com/lessons.php?rub=2&id=895 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ZGYafRKVgig/lessons.php Использование псевдо-элементов CSS 2.1 дает возможность задействовать 3 уровня для фона, 2 изображения с фиксированными размерами и множественные сложные обводки для одного элемента HTML. Данный метод существенно расширяет возможности оформления веб страниц для всех браузеров, которые поддерживают псевдо-элементы CSS 2.1 с позиционированием. Поддержка CSS3 не требуется.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ZGYafRKVgig" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=894 http://www.ruseller.com/lessons.php?rub=2&id=894 http://feedproxy.google.com/~r/ruseller/CdHX/~3/IyUlHT7FWb4/lessons.php CSS3 продолжает набирать популярность, и количество сайтов, которые его используют, становится все больше и больше. В данном обзоре представлены шесть инструментов, которые помогут существенно ускорить процесс работы с CSS3, вне зависимости от того, используете ли вы его активно в своих проектах или только присматриваетесь к новому средству.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/IyUlHT7FWb4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=892 http://www.ruseller.com/lessons.php?rub=2&id=892 http://feedproxy.google.com/~r/ruseller/CdHX/~3/MQbIq_lXF8c/lessons.php В данном уроке приводится демонстрация возможностей CSS3. В качестве такого наглядного пособия сделана анимированная модель нашей солнечной системы практически без использования изображений (только для пояса астероидов).<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/MQbIq_lXF8c" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=891 http://www.ruseller.com/lessons.php?rub=2&id=891 http://feedproxy.google.com/~r/ruseller/CdHX/~3/GWTWBQ1aBEE/lessons.php Браузер Google Chrome по отношению к другим браузерам является новинкой. Тем не менее, благодаря своему функционалу и приятному интерфейсу он набирает популярность. В данном обзоре приведены 9 расширений браузера Chrome, которые будут полезны веб дизайнеру в его благородном труде.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/GWTWBQ1aBEE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=890 http://www.ruseller.com/lessons.php?rub=28&id=890 http://feedproxy.google.com/~r/ruseller/CdHX/~3/u1vd-VAFjyc/lessons.php Многие компании в последнее время полюбили использовать на своих сайтах, так называемые, калькуляторы цен. С помощью таких калькуляторов любой желающий может составить примерную смету своих расходов на услуги компании. Сделаем себе такой же.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/u1vd-VAFjyc" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=889 http://www.ruseller.com/lessons.php?rub=32&id=889 http://feedproxy.google.com/~r/ruseller/CdHX/~3/WrZrGLG5X2I/lessons.php Описание простого способа отменить обтекание плавающего блока текстом параграфа, который следует за ним.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/WrZrGLG5X2I" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=886 http://www.ruseller.com/lessons.php?rub=2&id=886 http://feedproxy.google.com/~r/ruseller/CdHX/~3/PRGr_ldXsJ4/lessons.php Представьте, что есть текст со ссылками. Причем некоторые из них выполняют одинаковые функции, например, ведут на страницу контактов, но имеют разный сопроводительный текст. С позиции удобства использования интерфейса отлично будет выглядеть, когда при выделении одной из ссылок, остальные, выполняющие одинаковые функции, тоже выделяются.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/PRGr_ldXsJ4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=885 http://www.ruseller.com/lessons.php?rub=2&id=885 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6P-O_3nFdn4/lessons.php В данном уроке мы построим 3D слайд шоу с использованием только HTML5 и CSS3. Никакого JavaScript. К сожалению, пока слайдшоу работает только в Safari. Целью данного урока является демонстрация потенциальных возможностей HTML5 и CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6P-O_3nFdn4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=882 http://www.ruseller.com/lessons.php?rub=2&id=882 http://feedproxy.google.com/~r/ruseller/CdHX/~3/QSOLOr_qJgM/lessons.php В данном уроке мы рассмотрим все детали создания шаблона для Joomla!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/QSOLOr_qJgM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=881 http://www.ruseller.com/lessons.php?rub=41&id=881 http://feedproxy.google.com/~r/ruseller/CdHX/~3/hz0ZlI8nXSQ/lessons.php В данном уроке мы разберемся, как создать дополнительную функцию для поиска. Идея заключается в том, чтобы при вводе запроса производить поиск по списку отобранных заранее статей (или товаров) и предлагать посетителю подходящие к запросу пункты.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/hz0ZlI8nXSQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=37&id=875 http://www.ruseller.com/lessons.php?rub=37&id=875 http://feedproxy.google.com/~r/ruseller/CdHX/~3/eNUzO5vwM9c/lessons.php В данном уроке вы сможете узнать как упростить или решить некоторые из задач на движке Joomla 1.5.xx<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/eNUzO5vwM9c" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=870 http://www.ruseller.com/lessons.php?rub=41&id=870 http://feedproxy.google.com/~r/ruseller/CdHX/~3/BTnjvrkOTEI/lessons.php Краткое описание структуры темы WordPress.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/BTnjvrkOTEI" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=40&id=866 http://www.ruseller.com/lessons.php?rub=40&id=866 http://feedproxy.google.com/~r/ruseller/CdHX/~3/GGOSEkXZ3j8/lessons.php Разработка кода CSS может стать головной болью. Правда заключается в том, что CSS - это не ракетная технология, и нужно всего лишь держать в голове несколько типовых конструкций CSS, которые постоянно используются.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/GGOSEkXZ3j8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=865 http://www.ruseller.com/lessons.php?rub=2&id=865 http://feedproxy.google.com/~r/ruseller/CdHX/~3/gg24dXNt3GQ/lessons.php В обзоре представлены сайты, которые обеспечивают удобные сервисные функции, часто используемые в работе над веб-проектами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/gg24dXNt3GQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=864 http://www.ruseller.com/lessons.php?rub=28&id=864 http://feedproxy.google.com/~r/ruseller/CdHX/~3/nj6gUT_K7K4/lessons.php На этот раз я покажу вам ещё одну возможность работы с вашей любимой библиотекой JQuery. А именно - работу с Google Maps.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/nj6gUT_K7K4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=863 http://www.ruseller.com/lessons.php?rub=32&id=863 http://feedproxy.google.com/~r/ruseller/CdHX/~3/f75Jh8H7LHs/lessons.php Электронные HTML письма - это хороший способ держать пользователей в курсе последних событий, касающихся вашего бизнеса или продукции. Однако во время создания html писем возникают трудности. Вот как раз эти трудности мы будем решать в этом уроке.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/f75Jh8H7LHs" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=861 http://www.ruseller.com/lessons.php?rub=1&id=861 http://feedproxy.google.com/~r/ruseller/CdHX/~3/Fjl0IMsCmc4/lessons.php В уроке разбирается создание ротатора для блоков с анимацией перемещения с использованием CSS3.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/Fjl0IMsCmc4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=859 http://www.ruseller.com/lessons.php?rub=2&id=859 http://feedproxy.google.com/~r/ruseller/CdHX/~3/a6MW3J8Ot9I/lessons.php В данном уроке мы рассмотрим небольшой трюк, который поможет увеличить область для нажатия для ссылок. Зачем? Большая область существенно упрощает пользователям переход по ссылкам, что повышает уровень удобства использования интерфейса веб проекта.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/a6MW3J8Ot9I" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=856 http://www.ruseller.com/lessons.php?rub=2&id=856 http://feedproxy.google.com/~r/ruseller/CdHX/~3/X9iAJ5srSDM/lessons.php В данном обзоре представлены 10 плагинов jQuery для презентации изображений на ваших сайтах. Такие плагины помогают сократить время разработки и сосредоточиться на действительно важных моментах проекта.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/X9iAJ5srSDM" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=851 http://www.ruseller.com/lessons.php?rub=32&id=851 http://feedproxy.google.com/~r/ruseller/CdHX/~3/PdLJaiQpfkw/lessons.php В данном уроке мы научимся устанавливать и настраивать красивое меню P30 Bubblemenu на своих картинках для Joomla 1.5.xx с эффектом увеличения при наведении.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/PdLJaiQpfkw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=849 http://www.ruseller.com/lessons.php?rub=41&id=849 http://feedproxy.google.com/~r/ruseller/CdHX/~3/XNk3Mivio_E/lessons.php В данном уроке демонстрируется интересная идея навигации по сайту. Замысел скрипта заключается в том, чтобы создать плавающее меню, которое следует за указателем мыши и разворачивается при наведении указателя на него.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/XNk3Mivio_E" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=848 http://www.ruseller.com/lessons.php?rub=32&id=848 http://feedproxy.google.com/~r/ruseller/CdHX/~3/I1jcIfaK8Hk/lessons.php В данном уроке мы научимся устанавливать, размещать и настраивать интерактивный модуль галереи Art Image Cycle для Joomla 1.5<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/I1jcIfaK8Hk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=41&id=847 http://www.ruseller.com/lessons.php?rub=41&id=847 http://feedproxy.google.com/~r/ruseller/CdHX/~3/9EJ6-oe36a4/lessons.php Иногда, по замыслу дизайна проекта нужно, чтобы слайдшоу на какой-нибудь странице автоматически меняло картинки. Однако такая опция доступна не во всех замечательных плагинах для демонстрации картинок. Между тем, добавить функционал автопроигрывания практически к любому слайдшоу очень просто.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/9EJ6-oe36a4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=845 http://www.ruseller.com/lessons.php?rub=32&id=845 http://feedproxy.google.com/~r/ruseller/CdHX/~3/APfP6HQMTOg/lessons.php В этой статье будут рассмотрены преимущества библиотеки Yahoo User Interface!<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/APfP6HQMTOg" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=844 http://www.ruseller.com/lessons.php?rub=28&id=844 http://feedproxy.google.com/~r/ruseller/CdHX/~3/-a9vzV95QRk/lessons.php В данном уроке мы создадим простое анимированное переключение между тремя распространенными формами. Идея заключается в том, чтобы не покидать страницу, когда пользователь переходит к другой форме, а выводить новую форму в том же контейнере, соответственно расширяя или сужая его размеры.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/-a9vzV95QRk" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=836 http://www.ruseller.com/lessons.php?rub=32&id=836 http://feedproxy.google.com/~r/ruseller/CdHX/~3/qW9Y3YTh4t8/lessons.php Решение для организации центрированного по горизонтали меню с выпадающими подпунктами. Используется только CSS (за небольшим исключением, которое наверняка скоро можно будет смело забыть).<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/qW9Y3YTh4t8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=835 http://www.ruseller.com/lessons.php?rub=2&id=835 http://feedproxy.google.com/~r/ruseller/CdHX/~3/sZ-zGZeeY8Y/lessons.php Задача центрирования горизонтального меню может оказаться не такой уж простой, особенно для новичков в CSS. Поиск решений приводит к весьма ограниченному списку методов, основная часть которых полагается на трюки CSS, JavaScript или использование нестандартных правил, которые поддерживаются не всеми браузерами.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/sZ-zGZeeY8Y" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=834 http://www.ruseller.com/lessons.php?rub=2&id=834 http://feedproxy.google.com/~r/ruseller/CdHX/~3/acEEW99lenY/lessons.php Как сделать эффект подсветки курсора мыши на неактивной закладке.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/acEEW99lenY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=833 http://www.ruseller.com/lessons.php?rub=32&id=833 http://feedproxy.google.com/~r/ruseller/CdHX/~3/SXbAzhttOh4/lessons.php В этом уроке мы будем создавать голосование на PHP и XHTML, применять некоторые эффекты jQuery Ajax, чтоб сымитировать перезагрузку страницы и конечно же добавим немного анимации.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/SXbAzhttOh4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=832 http://www.ruseller.com/lessons.php?rub=32&id=832 http://feedproxy.google.com/~r/ruseller/CdHX/~3/qthnGfsqiT8/lessons.php Проблема с выпадающими меню заключается в том, что длинный список подпунктов может выйти за пределы "сгиба" страницы, то есть нижние пункты окажутся вне видимой области окна браузера. В данном уроке предлагается решение.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/qthnGfsqiT8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=828 http://www.ruseller.com/lessons.php?rub=32&id=828 http://feedproxy.google.com/~r/ruseller/CdHX/~3/CrnRFuCWFHQ/lessons.php В данном уроке мы разберемся, как создать систему фильтрации для галереи изображений или портфолио. Идея заключается в том, чтобы сначала выводить все изображения, а потом пользователь может включать фильтрацию только тех, которые входят в нужную категорию, а остальные картинки скрываются с использованием эффектов анимации.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/CrnRFuCWFHQ" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=827 http://www.ruseller.com/lessons.php?rub=32&id=827 http://feedproxy.google.com/~r/ruseller/CdHX/~3/UwjU3glPm8E/lessons.php В данном уроке мы будем использовать принцип параллакса для перемещения нескольких фоновых изображений при перемещении слайдов галереи для создания эффекта перспективы. Так будет создаваться глубина общей картины слайдера.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/UwjU3glPm8E" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=826 http://www.ruseller.com/lessons.php?rub=32&id=826 http://feedproxy.google.com/~r/ruseller/CdHX/~3/eIK80eE7Oi8/lessons.php Такое меню может оказаться вполне удачным решением для дизайна сайта, при наличии огромного количества пунктов.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/eIK80eE7Oi8" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=825 http://www.ruseller.com/lessons.php?rub=32&id=825 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ugFkeQxTX1A/lessons.php В данном уроке мы разберем процесс создания эффекта заполнения изображения, который можно использовать в заставках или баннерах на сайте.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ugFkeQxTX1A" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=824 http://www.ruseller.com/lessons.php?rub=32&id=824 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ht2UftXb8WE/lessons.php В данном уроке мы создадим отличный эффект для портфолио или чего-то подобного. Будем использовать jQuery для создания маленького слайдера и интегрируем его с плагинами Cloud Zoom и Fancybox.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ht2UftXb8WE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=823 http://www.ruseller.com/lessons.php?rub=32&id=823 http://feedproxy.google.com/~r/ruseller/CdHX/~3/bgiJjc3vQ1M/lessons.php В данном уроке мы создадим прелестную анимированную заставку с помощью нескольких строк кода jQuery и абсолютно позиционированных элементов с изображениями.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/bgiJjc3vQ1M" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=822 http://www.ruseller.com/lessons.php?rub=32&id=822 http://feedproxy.google.com/~r/ruseller/CdHX/~3/yq38w-9MNHE/lessons.php В данном уроке мы рассмотрим, как создать панель инструментов и навигации для изображения. Такая техника может быть полезная при организации галереи изображений или различных продуктов, потому что позволит предоставить пользователю возможность использовать инструменты прямо во время просмотра изображений.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/yq38w-9MNHE" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=821 http://www.ruseller.com/lessons.php?rub=32&id=821 http://feedproxy.google.com/~r/ruseller/CdHX/~3/IOU6SlNvb0k/lessons.php Интерактивный тур поможет сделать яркую и запоминающуюся презентацию, особенно, если на сайте есть какие-нибудь особенные функции, на которые стоит обратить внимание.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/IOU6SlNvb0k" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=820 http://www.ruseller.com/lessons.php?rub=32&id=820 http://feedproxy.google.com/~r/ruseller/CdHX/~3/eiDFY2g2dPA/lessons.php В данном обзоре представлены 10 самых популярных правил CSS3, которые уже активно используются в различных проектах.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/eiDFY2g2dPA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=819 http://www.ruseller.com/lessons.php?rub=2&id=819 http://feedproxy.google.com/~r/ruseller/CdHX/~3/QP8y-ct43OA/lessons.php В данном уроке мы будем создавать сложные формы с помощью CSS3. Для вывода елочных шаров будет использоваться только правила CSS3 и HTML (без изображений).<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/QP8y-ct43OA" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=818 http://www.ruseller.com/lessons.php?rub=2&id=818 http://feedproxy.google.com/~r/ruseller/CdHX/~3/gL09KtkJL5U/lessons.php Одним из классических вопросов, над которым ломают голову при разработке сайта, какого размера нужно сделать сайдбар. В идеальном случае сайдбар должен быть такой же высоты, как и основной контент.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/gL09KtkJL5U" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=817 http://www.ruseller.com/lessons.php?rub=32&id=817 http://feedproxy.google.com/~r/ruseller/CdHX/~3/LCHICThPmuw/lessons.php Вопрос о резервном сохранении данных всегда стоит очень остро. Обидно потерять месяцы упорного труда из-за сбоя оборудования или кражи ноутбука.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/LCHICThPmuw" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=816 http://www.ruseller.com/lessons.php?rub=28&id=816 http://feedproxy.google.com/~r/ruseller/CdHX/~3/FtAGZ_JQ2I4/lessons.php Безусловно, фильтрация ботов необходима. Однако процесс самого теста должен быть организован как можно проще, чтобы не вызывать у посетителя стойкого отвращения к размещению комментариев или регистрации на вашем проекте.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/FtAGZ_JQ2I4" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=815 http://www.ruseller.com/lessons.php?rub=32&id=815 http://feedproxy.google.com/~r/ruseller/CdHX/~3/M_C9NXy6EzY/lessons.php В данном уроке мы разберем процесс создания стильной страницы о предстоящих выпусках нового продукта. Для данной страницы будут использоваться PHP, MySQL и jQuery. Она позволить собрать email адреса посетителей и сохранить их в простой таблице базы данных.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/M_C9NXy6EzY" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=814 http://www.ruseller.com/lessons.php?rub=32&id=814 http://feedproxy.google.com/~r/ruseller/CdHX/~3/6xtyOxzqjPU/lessons.php В этой статье будет описан рецепт создания раскрывающегося меню на JQuery<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/6xtyOxzqjPU" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=32&id=813 http://www.ruseller.com/lessons.php?rub=32&id=813 http://feedproxy.google.com/~r/ruseller/CdHX/~3/pjnCTCchzek/lessons.php Дизайнеры тратят часы на оттачивание мастерства для тщательной подгонки мельчайших деталей в дизайне веб сайтов, которые выходят из-под их пера. Однако качество кода очень часто остается весьма низким.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/pjnCTCchzek" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=1&id=812 http://www.ruseller.com/lessons.php?rub=1&id=812 http://feedproxy.google.com/~r/ruseller/CdHX/~3/5Xp5R7zwyho/lessons.php Описывается трюк, который позволяет организовать документ без какого-либо кода HTML, но с использованием CSS. Работает только в браузерах Opera и Firefox.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/5Xp5R7zwyho" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=28&id=811 http://www.ruseller.com/lessons.php?rub=28&id=811 http://feedproxy.google.com/~r/ruseller/CdHX/~3/ri_qr-ui-ms/lessons.php Свойство CSS3 text-shadow постепенно начинает широко использоваться для создания теней (как в Фотошоп), которые придают элементам страниц глубину, объем и выделяют их в контенте. Но это далеко не все возможности свойства text-shadow.<img src="http://feeds.feedburner.com/~r/ruseller/CdHX/~4/ri_qr-ui-ms" height="1" width="1"/> smart.noreply@gmail.com http://www.ruseller.com/lessons.php?rub=2&id=810 http://www.ruseller.com/lessons.php?rub=2&id=810