Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «html»
Ресурсы в архиве или как уменьшить количество подгружаемых файлов 2014-08-10 14:30:01
Ранним жарким утром спросонья пришла в голову идея. Подозреваю, что у этой идеи есть минусы ...
+ развернуть текст сохранённая копия
Ранним жарким утром спросонья пришла в голову идея. Подозреваю, что у этой идеи есть минусы либо ее уже реализовали куда более годным способом — но, авось да пригодится кому-нибудь.
Очень часто веб-разработчики сталкиваются с проблемой большого количества мелких файлов. Картинки, скрипты, css — неудобно, все дела. Нужно как-то бороться с этим. import, спрайты, блаблабла — это хорошо, но можно попробовать и иначе. Мой вариант — упаковка всех необходимых ресурсов в архив на стороне сервера(реализация — на php), получение данных на клиенте, установка ресурсов в нужных местах.
Проблемы на данный момент: не придумал толком, как кешировать полученный архив, таким способом не стоит паковать динамический контент или большие файлы.
Для распаковки архива на клиенте использована библиотека JSZip, для удобства — jQuery.
Читать дальше →
Тэги: html, javascript, php, web-разработка, веб-разработка
[Перевод] HTML-импорт — include для веба: часть 2 2014-08-10 13:36:02
Перевод статьи « HTML Imports #include for ... -компонентов
HTML-импорт упрощает загрузку ...
+ развернуть текст сохранённая копия
Перевод статьи «HTML Imports #include for the web», Eric Bidelman.
Ссылка на первую часть перевода.
Предоставление веб-компонентов
HTML-импорт упрощает загрузку и повторное использование кода. В частности, это хороший способ распространения веб-компонентов. Это касается как простых HTML <template>, так и полноценных кастомных элементов с теневым DOM [1, 2, 3]. Когда эти технологии работают вместе, импорт становится инструментом для подключения веб-компонентов.
Читать дальше →
Тэги: html, html5, import, w3c, web-разработка, веб-разработка
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №118 (28 июля — 3 августа 2014) 2014-08-03 23:52:29
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
Тэги: api, css, css3, group, html, jquery, livestreet, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, плагины, ресурсы, сми, ссылки
[Из песочницы] Советы front-end разработчику 2014-08-01 13:58:39
... мое общение с HTML и CSS было ...
+ развернуть текст сохранённая копия
Привет, читатель хабра.
Наверное, ты сразу спросишь меня: «Да кто ты такой, чтобы давать мне советы?». Итак, немного обо мне.
Первое мое общение с HTML и CSS было 10 назад, еще в школе, когда у меня только появился интернет, и я понял что тоже хочу делать странички, которые сможет увидеть весь мир. С тех пор у меня есть как минимум 5 полных лет опыта разработки сайтов по-взрослому. Сейчас я могу без лишней скромности сказать, что сверстал я уже пару сотен сайтов, большинство из которых, как ни странно, совершенно не совпадают с моими текущими требованиями к верстке.
Я не хочу рассказывать как надо делать, эта статья результат моего опыта и попытка написать рекомендации тем, кто только начинает, хотя и для матерых верстальщиков (слово режущие слух) здесь могут найтись интересные идеи.
Если ты заинтересовался прошу под кат…
Читать дальше →
Тэги: css, front-end, html, веб-разработка, верстка, начинающим, разработка, советы
[Перевод] HTML-импорт — include для веба: часть 1 2014-07-30 01:51:43
... />Перевод статьи « HTML Imports #include for ... по основам HTML Import. Я ... не для HTML. Для HTML у нас ...
+ развернуть текст сохранённая копия
Перевод статьи «HTML Imports #include for the web», Eric Bidelman.
От переводчика
Недавно я перевел статью по основам HTML Import. Я обещал, что если эта тема заинтересует хабра-сообщество, то переведу более подробную статью. Я решил разбить перевод на две одинаковые по размеру части, так как, по моему, на одну часть слишком много буков. Вторая часть выйдет спустя несколько дней после публикации этой части. Если, конечно, эта часть более-менее понравится хабра-сообществу.
Для чего нужен HTML-импорт?
Давайте поговорим о том, как мы загружаем различные ресурсы. JavaScript мы загружаем при помощи <script src>. Для CSS у нас есть <link rel="stylesheet">. Для изображений <img>. Для видео есть <video>. Для аудио — <audio>… Давайте ближе к сути! Для большинства видов контента есть простые способы его подгрузки. Но не для HTML. Для HTML у нас есть следующие варианты:
<iframe> — испробованный и рабочий, но тяжеловесный способ. Контент iframe'а живет в отдельном от главной страницы контексте. Хоть это и хорошая особенность, она также создает дополнительные трудности: подгонка размера айфрейма к его содержимому, работа с внутренними скриптами и стилями.- AJAX — мне нравится
xhr.responseType="document", но загрузка HTML при помощи JS выглядит как-то неправильно.
- КривыеКостылиTM — html код в виде JS строк или комментариев, например
<script type="text/html">.
HTML код, это самый простой тип контента, но в этом плане, он требует наибольших усилий. Хорошо, что у нас есть Web Components, они помогут нам справиться с этой и другими проблемами.
Читать дальше →
Тэги: html, html5, import, w3c, web-разработка, веб-разработка
Главная / Главные темы / Тэг «html»
|
Взлеты Топ 5
Падения Топ 5
|
