Небольшой пример реализации AJAX в CakePHP, пример показывает, как легко работать с AJAX в СakePHP, всю работу берет на себя фреймворк. Реализуем пример на библиотеке jquery.js затем переделаем наш пример на библиотеку prototype.js
Читать полностью »
Метка «jquery» - 11
AJAX в CakePHP на jQuery и Prototype
2013-01-22 в 13:28, admin, рубрики: ajax, CakePHP, jquery, prototype, Песочница, метки: ajax, cakephp, jquery, prototypeДайджест интересных новостей и материалов из мира айти за последнюю неделю №40 (12 — 18 января 2013)
2013-01-18 в 20:40, admin, рубрики: 2013, CES 2013, css, css3, html, jquery, JS, responsive, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: 2013, CES 2013, css, css3, html, jquery, responsive, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №40 (12 — 18 января 2013)")
Встречайте долгожданный plugins.jquery.com
2013-01-17 в 19:01, admin, рубрики: javascript, jquery, jquery plugins, open source, метки: javascript, jquery, jquery plugins, open sourceРеестр плагинов jQuery уже давным давно успел превратиться в кладбище. За последние несколько лет по нему стало страшно перемещаться, на могилах некогда популярных библиотек перестали читаться имена, и лишь порывы холодного ветра и странные тени, мелькающие между мраморных плит, могли ожидать случайного путника, на свое несчастье выбравшего дорогу через этот ресурс.
К счастью, царствию уныния и страха пришел конец. Встречайте переродившийся, красивый и удобный, полезный, логичный и пригодный к использованию Реестр Плагинов jQuery
Читать полностью »
Простой параллакс эффект на сайте и важные нюансы его исполнения
2013-01-17 в 15:12, admin, рубрики: jquery, web-дизайн, веб-дизайн, параллакс, метки: jquery, web-дизайн, веб-дизайн, параллаксВ этом посте речь пойдет о создании простого параллакс эффекта на сайте с использованием jquery, но без использования готовых плагинов. В частности, будет затронут ряд неочевидных, но важных тонкостей визуального и композиционного оформления всей сцены.
В качестве примера представлен вертикальный параллакс для «короткой» страницы.
Данный подход очень хорошо придает эффект третьего измерения, что можно очень интересно обыграть.
Фактически, если сайт многостраничный, и оформление каждой страницы сделать уникальным, то будет очень похоже на детскую книжку — раскладушку (помните такие, с объемными бумажными папье-маше, появляющимися на разворотах?).
Что нам стоит DOM построить
2013-01-17 в 14:40, admin, рубрики: dom, jquery, web-разработка, Веб-разработка, метки: dom, jquery, web программирование, web-разработка Скажу сразу, всю DOM-модель мы строить не будем, а лишь рассмотрим ее элементы и как с ними работать при помощи jQuery. Статья рассчитана на начинающих или тех кто хочет вспомнить как можно строить элементы «на лету», надеюсь кому-то это будет полезно.
Большинство веб-разработчиков сталкивается с необходимостью вставить какое-либо содержимое из js, возможно это ajax или событие. Но никто не задумывается о том что с вашим кодом возможно кому-то придется работать. И часто даже в очень известных плагинах можно встретить код такого типа:
var content = "<table>"
for(i=0; i<3; i++){
content += '<tr><td>' + 'result ' + i + '</td></tr>';
}
content += "</table>"
$('#table').append(content);
Сразу видно, что этот кусочек кода сделан на быструю руку, я и сам так когда-то делал, но ведь можно сделать и лучше.
В статье я вывел самые основные элементы которые используются при разработке, возможно они помогут вам сэкономить время.
Под катом много кода с примерами.
Читать полностью »
Браузерная онлайн игра средствами jQuery, CoffeeScript, SVG и node.JS
2013-01-14 в 16:43, admin, рубрики: coffee script, javascript, jquery, node.js, игра, Песочница, метки: coffee script, jquery, node.js, игра 
Давно хотел написать свою небольшую игрушку. И вот, изучив подходящие технологии, создал «шедевр».
Читать полностью »
Создание простых всплывающих подсказок на HTML5, CSS и jQuery
2013-01-14 в 16:08, admin, рубрики: css, html, html5, jquery, верстка, дизайн, метки: css, html5, jquery, верстка, дизайн Гуру верстки вряд ли найдут в этом посте что-то новое для себя. Этот пост скорее для начинающих верстальщиков у которых, как и у меня, были проблемы с созданием и стилизацией универсальных всплывающих подсказок.
Недавно, когда я делал небольшой блог, передо мной встала задача сделать стильные, но одновременно простые всплывающие подсказки. Попробовав разные способы создания отдельных div-контейнеров для подсказок, или создание всплывающих подсказок на чистом CSS, я нашел универсальное решение которое не будет загромождать код, будет кросбраузерним, и в то же время будет очень простым для реализации.
Всех кого заинтересовал мой способ решения этой простой задачи прошу под кат.
Magic Panel — jQuery плагин для быстрой прокрутки страницы
2013-01-13 в 10:10, admin, рубрики: jquery, jquery plugins, метки: jquery, jquery pluginsПри помощи плагина Magic Panel можно быстро создать боковую панельку, при помощи которой страница прокручивается вверх, как это сделано на Хабрахабр и ВК.
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №39 (5 — 11 января 2013)
2013-01-11 в 20:48, admin, рубрики: 2012, 2013, CES 2013, css, css3, html, jquery, JS, responsive, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: 2012, 2013, CES 2013, css, css3, html, jquery, responsive, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №39 (5 — 11 января 2013)")