Некоторое время назад я публиковал статью «Эффект слайдов на сайте. Через грабли на собственном велосипеде»
Статья справедливо набрала множество замечаний, в основном касающихся отсутствия практической части и кодов.
Вашему вниманию переработанная статься снабженная живыми примерами.
Читать полностью »
Рубрика «html» - 126
Эффект слайдов на сайте. Версия вторая, дополненная и исправленная
2013-05-20 в 7:26, admin, рубрики: chrome, html, javascript, parallax, веб-дизайн, велосипед, слайды, метки: chrome, html, javascript, parallax, велосипед, слайдыДайджест интересных новостей и материалов из мира айти за последнюю неделю №57 (11 — 18 мая 2013)
2013-05-18 в 16:07, admin, рубрики: bitcoin, chrome, css, css3, Facebook, Google, html, html5, i/o, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, острова, ресурсы, ссылки, ссылки на сми, яндекс, метки: bitcoin, chrome, css, css3, Facebook, Google, html, html5, i/o, jquery, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, острова, ресурсы, ссылки, ссылки на сми, яндексПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.jpg "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №57 (11 — 18 мая 2013)")
MaskJS — как HMV* фреймворк
2013-05-16 в 10:40, admin, рубрики: html, javascript, Веб-разработка, фреймворк, шаблонизатор, метки: фреймворк, шаблонизатор 
Разрабатывая MaskJS вот уже больше полугода, он превратился из DOM шаблонизатора в очень мощный, но при этом производительный веб фреймворк. В статье познакомлю вас с возможно интересными подходами к разработки. Уверен, будет интересно почитать о использовании сигналов и слотов вместо DOM событий. И как компоненты делают нашу жизнь проще. Маска легко интегрируется в уже готовый проект, и даже может быть использована вместе с любым другим фреймворком. Основным же отличием наверное является render flow, где в процессе поэтапно создается Document Fragment / контроллеры / «биндинги». Собственно всю гибкость даже сложно передать, но я попробую, и приглашаю под кат.
Читать полностью »
Дайджест интересных новостей и материалов из мира айти и веб-разработки за последнюю неделю №56 (4 — 10 мая 2013)
2013-05-10 в 18:51, admin, рубрики: css, css3, Google, Google Glass, html, html5, iForum, jquery, JS, mozilla, timelapse, WebRTC, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: css, css3, Google, Google Glass, html, html5, iForum, jquery, mozilla, timelapse, WebRTC, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти и веб разработки за последнюю неделю №56 (4 — 10 мая 2013)")
Эффект слайдов на сайте — через грабли на собственном велосипеде
2013-05-07 в 14:39, admin, рубрики: Google Chrome, html, javascript, parallax, скроллинг, метки: Google Chrome, parallax, скроллинг Работая над одним из сайтов столкнулись с необходимостью реализовать эффект слайдов.
А именно — при вертикальном скроллинге страницы она должна перемещаться не как единое целое, а как складываемая пачка отдельных листов.
Не хотелось бы утруждать никого программным кодом (при необходимости в следующей статье), поэтому расскажу какое решение мы использовали и как к нему шли, используя вкрапления псевдокода только для уточнения некоторых моментов.
Читать полностью »
Аудиоплеер с плейлистом на HTML5
2013-05-06 в 7:49, admin, рубрики: .net, html, html5, javascript, php, всё равно никто не читает теги, плеер, метки: Audio, html, html5, javascript, PHP, всё равно никто не читает теги, плеерДоброго времени суток, читатели.
На днях решил проверить свои знания в JavaScript и написать аудиоплеер. Как по мне, результат получился хорошим, и я решил поделиться им с вами. Скажу сразу что это было сложновато с моими начальными знаниями js и jQuery. Перейдём сразу к делу.
Для начала создадим страницу, где будет сам плеер.
1. Добавим в массив названия всех файлов, которые лежат в папке music
<?php
$files = glob('music/*');
?>
2. Подключим к нашей странице jQuery и jQuery UI (для слайдера), а так же я подключил bootstrap иконки, чтобы не мучиться и не искать подходящие иконки по всему интернету.
Читать полностью »
Лёгкий сайт или как посадить браузер на диету
2013-05-06 в 3:58, admin, рубрики: html, Веб-разработка, Клиентская оптимизация А что если объединить профессионалов, работавших над крупными web проектами, чтобы создать исчерпывающее руководство по оптимизации front-end разработки?
И получить в результате не скучную инструкцию, а что то поинтереснее? А если позвать Briza Bueno (Americanas.com), Davidson Fellipe (Globo.com), Giovanni Keppelen (ex-Peixe Urbano), Jaydson Gomes (Terra), Marcel Duran (Twitter), Mike Taylor (Opera), Renato Mangini (Google), и Sérgio Lopes (Caelum) чтобы собрать лучшие практики?
Именно это мы и сделали! Мы научим вас создавать быстрые сайты.
— Zeno Rocha, руководитель проекта.
Читать полностью »
Дайджест интересных новостей и материалов из мира айти и веб-разработки за последнюю неделю №55 (27 — 5 мая 2013)
2013-05-05 в 20:07, admin, рубрики: Bootstrap, css, css3, Foundation, Git, Google, Google Glass, html, html5, iForum, jquery, JS, WebP, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, нло, Новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти и веб разработки за последнюю неделю №55 (27 — 5 мая 2013)")
Стилизованные чекбоксы и радиобаттоны: label в 2+ строки или мои 5 копеек
2013-05-05 в 19:43, admin, рубрики: checkbox, css, html, radiobutton, метки: checkbox, css, html, radiobutton 
Буду предельно краток: ниже я хочу предложить решение проблемы, описанной мною в комментарии, так и оставленным без ответа в отличном посте юзера grokru по мотивам этой статьи.
Если лень кликать по ссылкам, вкратце опишу суть: при стилизации посредством обращения к label'у, стоящему после чекбокса и наличием нескольких строк текста в нём, мы видим ситуацию, показанную на изображении выше.
Мобильная веб-разработка: жесты, фреймворки, цифры
2013-05-02 в 12:28, admin, рубрики: html, javascript, jquery, mobile, mobile development, phonegap, Веб-разработка, мобильная разработка, метки: html, jquery, mobile, phonegap, мобильная разработкаВведение.
Продолжая тему веб-разработки мобильных сайтов и приложений под мобильные устройства нельзя не затронуть такую тему как Фреймворки для манипуляции DOM и отправкой асинхронных запросов.
Стандартом на десктопе уже давно стал jQuery, но он никуда не годится для разработки под мобильную платформу. Давайте посмотрим, как jQuery дружит с мобильными устройствами.