Здравствуй хабр!
Рассмотрим старый, известный рецепт прижатия футера к низу страницы минусовыми отступами, это удобно, просто и главное — красиво.
Хочу предложить несколько нестандартную трактовку старого рецепта, с небольшим включением jQuery, просто еще один взгляд на привычные вещи, прошу заинтересовавшимся под кат.
Читать полностью »
Метка «html» - 11
Небольшая хитрость всем известного футера
2013-04-28 в 13:51, admin, рубрики: css, html, jquery, верстка, метки: css, html, jquery, версткаДайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)
2013-04-26 в 19:38, admin, рубрики: css, css3, html, html5, jquery, JS, Samsung, автомобили, Блог компании Zfort Group, браузеры, букмарклеты, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, хакеры, метки: css, css3, html, html5, jquery, Samsung, автомобили, браузеры, букмарклеты, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми, хакерыПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
WebMarkupMin HTML Minifier – современный HTML-минимизатор для платформы .NET
2013-04-26 в 10:48, admin, рубрики: .net, ASP.NET, asp.net mvc, ASP.NET Web Pages, html, xhtml, XML, Клиентская оптимизация, минимизация, метки: .net, ASP.NET, asp.net mvc, ASP.NET Web Pages, html, xhtml, XML, клиентская оптимизация, минимизация
В начале 2012 года я работал над серией статей о клиентской оптимизации в ASP.NET MVC для журнала MSDeveloper.RU. Всего было опубликовано 2 статьи: «Сжатие JS- и CSS-файлов» и «Менеджеры ресурсов», но в моих планах было написать еще 2 статьи: одну про оптимизацию графики, а вторую про минимизацию HTML-разметки и GZIP/Deflate-сжатие (далее просто HTTP-сжатие). К сожалению, эти планы не удалось воплотить в жизнь из-за нехватки свободного времени (в тот момент, я запускал проект Bundle Transformer) и последовавшего закрытия журнала.
Но недавно я решил вернуться к теме оптимизации HTML-разметки. После небольшого исследования я понял, что под .NET практически не существует полноценных HTML-минимизаторов. Все существующие .NET-решения производят лишь 2 операции: удаление ненужных пробельных символов и удаление HTML-комментариев, из-за чего они очень сильно проигрывают решениям с других платформ. Поэтому я решил написать собственный HTML-минимизатор для .NET, о котором и пойдет речь в данной статье.
Эволюция HTML-минимизаторов
Прежде чем приступить к описанию своего проекта, я хотел бы немного рассказать о почти 15-летней истории HTML-минимизации и эволюции программный средств, автоматизирующих данный процесс.
Вопреки расхожему мнению, техники минимизации HTML-кода появились намного раньше, чем аналогичные техники для JavaScript. Уже в конце 1998 года Артемий Лебедев в 17-м параграфе ководства «Паранойя оптимизатора» описывал некоторые техники минимизации HTML-кода.
Читать полностью »
NPM для front-end разработки
2013-04-22 в 15:15, admin, рубрики: bdd, html, javascript, nodejs, npm, tdd, Веб-разработка, метки: bdd, html, javascript, nodejs, npm, tdd, фронтенд Недавно я задался вопросом поиска инструментария для разработки мобильных приложений на html/css. Из требований были: доступность, легковесность, простота настройки. Выбор пал на встроенный Node менеджер NPM. NPM содержит
инструментарий для базовых тасков типа install и запуска пользовательских скриптов. Также NPM не такой громоздкий, как Grunt и не требует адаптации модулей под себя, т.к. запускает модули с командной строки.
Управление front-end проектом с помощью NPM
2013-04-22 в 15:15, admin, рубрики: bdd, html, javascript, nodejs, npm, tdd, Веб-разработка, метки: bdd, html, javascript, nodejs, npm, tdd, фронтенд Недавно я задался вопросом поиска инструментария для разработки мобильных приложений на html/css. Из требований были: доступность, легковесность, простота настройки. Выбор пал на встроенный Node менеджер NPM. NPM содержит
инструментарий для базовых тасков типа install и запуска пользовательских скриптов. Также NPM не такой громоздкий, как Grunt и не требует адаптации модулей под себя, т.к. запускает модули с командной строки.
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №53 (13 — 19 апреля 2013)
2013-04-19 в 19:00, admin, рубрики: css, css3, Google Glass, html, html5, jquery, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, статистика, метки: css, css3, Google Glass, html, html5, jquery, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми, статистикаПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Foundation 4
2013-04-19 в 11:44, admin, рубрики: css, Foundation, framework, html, метки: css, Foundation, framework, html
Месяц назад вышла четвертая версия фреймворка Foundation от компании Zurb, достойной альтернативы Twitter Bootsrap.
В данной версии делался упор на мобильные устройства. В компании считают, что дизайнеры должны ориентироваться в своей работе в первую очередь на мобильные устройства, а после уже на декстопы.
Читать полностью »
Зачем разрабатывать техническое задание?
2013-04-18 в 13:43, admin, рубрики: css, html, Веб-разработка, метки: htmlВнимание, верстальщики! Тема этой статьи достаточно сухая и, возможно, кому-то будет совсем не интересна. Хочу обратиться к тем, кто планирует серьезно заняться версткой и нацелен на конечный результат – удовлетворить запросы заказчика и оставить хорошее впечатление о себе. Если вы не хотите выяснять отношения с заказчиком во время выполнения проекта, если в ваши планы не входит переделывать одну и ту же работу по несколько раз, если вы хотите иметь постоянных заказчиков, тогда не поленитесь прочитать эту статью. Возьмите себе за привычку писать техническое задание (ТЗ). И вы увидите, что работать станет намного приятнее!Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №52 (6 — 12 апреля 2013)
2013-04-12 в 19:47, admin, рубрики: Blink, css, css3, github, Google Glass, html, html5, jquery, JS, parallax, Yandex, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, препроцессоры, ресурсы, ссылки, ссылки на сми, метки: Blink, css, css3, github, Google Glass, html, html5, jquery, parallax, Yandex, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, препроцессоры, ресурсы, ссылки, ссылки на сми Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Кстати, сегодня исполняется ровно год с момента поста нашего первого дайджеста на Хабре. Вам спасибо, что до сих пор нас читате, нам спасибо, что все еще продолжаем это дело :)