Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «html»
Как быстро создать индивидуальную Главную страницу с помощью сетки Bootstrap и библиотеки jQuery 2016-09-13 10:59:16
 + развернуть текст сохранённая копия
Как мы знаем, первое мнение человека оказывается самым верным. И это работает во всем: мнение о машине, одежде архитектуре и т.д. С веб-ресурсами – то же самое. При открытии любого сайта, в первую очередь мы обращаем внимание на главную страницу этого сайта и буквально за пару секунд мы понимаем, будем ли мы дальше оставаться на этом сайте или нет.
Мне хотелось бы поделиться с вами задачей, которую поставили мне и моей команде. Реализовать ее пришлось со всей ответственностью (что, впрочем, обычное дело в разработке).
Так как наш сайт рассчитан на пользователей самого разного калибра, нужно было спроектировать и разработать все так, чтобы угодить каждому. То есть, с одной стороны, дизайн должен был быть выдержан в духе минимализма, а, с другой стороны, выглядеть качественно и дорого для привлечения солидных пользователей.
Что было дальше? Смотрите под катом!
Читать дальше →
Тэги: bootstrap, css, development, homepage, html, jquery, website, веб-сайтов, верстка, разработка, сайтов
Moscow JS Meetup в Badoo 2016-09-12 10:36:41
< ...
+ развернуть текст сохранённая копия
Рады сообщить, что 24-го сентября в Badoo пройдет Moscow JS Meetup.
Программа
«Что надо знать о HTTP/2», Александр Майоров (Tutu.ru)
Протокол HTTP/2 обещает ускорение загрузки страниц и очень активно продвигается. Так ли это и какую пользу от протокола могут получить Frontend разработчики? Стоит ли переходить на новый протокол? В качестве киллер фичи заявлена поддержка Server push. Что это и как этим пользоваться? Эти и другие вопросы будут освещены в докладе. Читать дальше →
Тэги: badoo, css, front-end, frontend, globalization, html, http/2, javascript, localization, блог, веб-сайтов, компании, разработка
История языков программирования: разброд и консолидация JavaScript 2016-09-06 18:22:21
Возможности HTML-документов развивались постепенно: ... решения стандартных средств HTML не хватало.
+ развернуть текст сохранённая копия
Возможности HTML-документов развивались постепенно: сначала все ограничивалось собственно текстом с тегами и изображениями. Позднее появилась возможность вставки и воспроизведения звуковых файлов и видеоклипов. Однако помимо размещения мультимедиа-контента на веб-странице существовала проблема динамической обработки запросов и управления просмотром. Для ее решения стандартных средств HTML не хватало.
При генерации страниц в Web возникает дилемма, связанная с архитектурой «клиент-сервер». Страницы можно генерировать как на стороне клиента, так и на стороне сервера. В 1995 году специалисты компании Netscape создали механизм управления страницами на клиентской стороне, Читать дальше →
Тэги: html, javascript, microsoft, netscape, web-разработка, веб-сайтов, история, программирования, разработка, сайтов, стандарты, языков
[Перевод] Пособие по webpack 2016-09-06 13:16:57
... компонентов на JavaScript, HTML и CSS. GruntJS ... оба файла в HTML: Читать дальше ...
+ развернуть текст сохранённая копия
Давайте сначала разберемся, зачем нужен вебпак (webpack), и какие проблемы он пытается решить, а потом научимся работать с ним. Webpack позволяет избавиться от bower и gulp/grunt в приложении, и заменить их одним инструментом. Вместо bower'а для установки и управления клиентскими зависимостями, можно использовать стандартный Node Package Manager (npm) для установки и управления всеми фронтэнд-зависимостями. Вебпак также может выполнять большинство задач grunt/gulp'а.
Bower это пакетный менеджер для клиентской части. Его можно использовать для поиска, установки, удаления компонентов на JavaScript, HTML и CSS. GruntJS это JavaScript-утилита командной строки, помогающая разработчикам автоматизировать повторяющиеся задачи. Можно считать его JavaScript-альтернативой Make или Ant. Он занимается задачами вроде минификации, компиляции, юнит-тестирования, линтинга и пр. Допустим, мы пишем простую страницу профиля пользователя в веб-приложении. Там используется jQuery и библиотеки underscore. Один из способов — включить оба файла в HTML: Читать дальше →
Тэги: css, html, javascript, node, node.js, npm, web, webpack, веб-сайтов, разработка
[Перевод] HTTP/2 уже здесь но спрайт-сеты ещё не умерли 2016-09-01 06:15:01
+ развернуть текст сохранённая копия
В этом исследовании мы показываем, что даже если новый HTTP/2 протокол значительно улучшает скорость загрузки страницы, время для полного отказа от фронт-энд оптимизаций ещё не наступило. Сегодня мы сосредоточимся на спрайт-сетах.
HTTP/2 стал доступен в 2015, как альтернатива к замене многоуважаемого HTTP/1.1, используемого с 1997. Многие авторы предсказывают устаревание или, даже, контрпродуктивность фронт-энд оптимизаций. В список классических оптимизаций входят спрайты: группировка множества маленьких изображений (спрайтов) в одно большое (спрайт-сет).
Несмотря на быстрое внедрение поддержки и в браузерах и в серверах (вики, w3techs), мы не смогли найти опубликованные сравнительные замеры для подтверждения утверждения (прим. того, что спрайты больше не нужны). Как веб-архитекторы, тогда, мы естественно, интересовались, следует ли нам отказаться от подхода спрайтов или нет. Как гласит известная цитата Уильяма Эдвардса Деминга: “In God we trust, all others bring data”. Поэтому мы сделали свой собственный бенчмарк.
Первая часть этой статьи описывает основные отличия между HTTP/1.x и 2 и почему они могут способствовать устареванию спрайтов. Во второй части мы покажем сравнительные результаты бенчмарка. Читать дальше →
Тэги: 1.1, 2.0, css, html, http/2, http2, http2.0, it-стандарты, веб-сайтов, веб-технологии, минификация, оптимизация, разработка, сайта, спрайты
Главная / Главные темы / Тэг «html»
|
Взлеты Топ 5
Падения Топ 5
|
