Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «html»
Функциональный JQuery плагин Презентация 2013-12-02 23:46:12
Функциональный JQuery плагин Презентация,тусует картинки ,выглядит классно. 1.Скачиваем архив ...
+ развернуть текст сохранённая копия
Функциональный JQuery плагин Презентация,тусует картинки ,выглядит классно. 1.Скачиваем архив [isnt-logged] Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам innovation.zip (90.88 Kb)[/is-logged] ,распаковываем и заливаем в папку с шаблоном. 2.Сам код меню,это не нумерованный список
Код: <ul class="contenitore"> <li>Q</li> <li>U</li> <li>A</li> <li>D</li> <li>R</li> <li>R</li> <li>A</li> <li>T</li> <li>O</li> </ul> 3.В стили добавляем
Код: .contenitore{ border: solid 1px #000; height: 400px; width: 500px; background: #FFF; position: relative; margin: auto; padding:0; } .contenitore li { display: block; text-align: center; border: solid 1px #147; line-height: 135px; width: 135px; background: #FFF; color: #147; } 4.И последнее инициализируем
Код: $('.contenitore').innSlide({ top: '60', left: '70', duration: 2000, interval: 3000, direction: 'Right' }); Вот параметры которые можно использовать в скрипте- top: (int) верхнее расположение элементов внутреннего контейнера
- left: (int) левое положение элементов внутреннего контейнера
- autoPosition: (bool) вычислить положение внутреннего элемента, true ( default false)
N.B. top and left value where not considered. - duration: (int) длительность эффекта.
N.B. must be less than interval‘s value - interval: (int)интервал времени между слайдами [es, 1000 (1 sec)]
- direction: (string) направление эффект ["Left-Bottom", "Left", "Left-Top", "Top", "Top-Right", "Right", "Right-Bottom", "Bottom"]
Вот и все
Тэги: html,, анимация,, слайдшоу
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 85 (24 — 30 ноября 2013) 2013-11-30 23:29:27
+ развернуть текст сохранённая копия
Читать дальше →
Тэги: css, css3, group, html, html5, jquery, webgl, zfort, адаптивный, блог, браузеры, веб-дизайн, веб-разработка, дайджест, дизайн, игры, интересное, компании, новости, ресурсы, сми, ссылки
Несколько интересностей и полезностей для веб-разработчика (выпуск 9) 2013-11-30 22:26:08
Доброго времени суток уважаемые хабравчане. За последнее время я увидел несколько интересных и ...
+ развернуть текст сохранённая копия
Доброго времени суток уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
Docpad
«Нашумевший» проект в Twitter и GitHub. По заявлению разработчиков «Docpad снимает ограничения и убирает разрыв между профессионалами и новичками. Теперь дизайнеры и разработчики могут создавать веб-сайты быстрее, чем когда-либо прежде». Docpad — это статический генератор сайтов написанный на Node.js. Он позволяет с легкостью создавать шаблоны и блоки. Работает c PHP, Ruby, CoffeeScript и др. В нем есть file wathing, live reload и самое главное «amazing plugin system». Большим плюсом является обучающее видео (хоть и на английском).
Видео: Rapid Web Development with DocPad
Читать дальше →
Тэги: css, html, javascript, веб-разработка, интересности&полезности
В чем проблема «проблемы БЭМ'а»? 2013-11-28 12:42:35
Вроде закончилась неделя 30 строк кода и взамен ей видимо пришла неделя "БЭМ". Причем ...
+ развернуть текст сохранённая копия
Вроде закончилась неделя 30 строк кода и взамен ей видимо пришла неделя "БЭМ". Причем прослеживается достаточно забавная очередность топиков:
- Верстаем веб-страничку за 15 мин.
- На БЭМ'е было бы лучше!
- Сами вы ешьте свой бем, у меня препроцессоры!
И самое интересное, как всегда, в комментариях — чистой воды холивар. Но из-за чего? Почему одни свято верят в методологию БЭМ'а, другие презирают её как узурпатора семантичности? Я попробую изложить свою точку зрения на суть всего холивара и прояснить в первую очередь для себя положение БЭМ'а в собственном мироздании. Читать дальше →
Тэги: bem, css, html, бэм, веб-разработка, верстка
Что такое картинка, где хранить и как её вставить на сайт? 2013-11-26 13:31:00
Интернет постепенно переходит от текстовых, к визуальным видам подачи информации. Картинки, фото, ...
+ развернуть текст сохранённая копия
Интернет постепенно переходит от текстовых, к визуальным видам подачи информации. Картинки, фото, графики и т.д. стали промежуточным этапом на этом пути, будущее мне видится за видеоконтентом и подкастингам. Тормозит этот процесс только отсутствие полноценной технической обработки такого рода контента. Так что текст и картинки, ещё долго будут актуальны в сети Интернет. Нюанс заключается в том, что вам следует знать: что такое электронная картинка, где её можно/нужно хранить, а также как вставить картинку на сайт? В рамках данной статьи я постараюсь рассказать вам об этом, коротко и доступно. Читать всю запись →
Тэги: html, примеры, теория
Главная / Главные темы / Тэг «html»
|
Взлеты Топ 5
Падения Топ 5
|