Landing Page как замена всего сайта

Автор: admin от 16-12-2016, 14:20, посмотрело: 270

Landing Page как замена всего сайта
Здравствуйте, уважаемые хабрапользователи! Предлагаю поговорить о landing page. Многие из вас слышали, а, наверняка, большинство знают, что это. Но все равно хотелось бы чуть-чуть заострить на этом внимание.

Landing page (Целевая, посадочная страница) — это возможность для продавца или сервиса за несколько секунд рассказать о своих товарах и услугах самое главное, а для потенциального клиента — убедиться в том, что он попал «точно в цель». Одна из задач создания целевых страниц — формирование положительного восприятия рекламы и замена «стандартного» трюка, основанного на различных импликациях, полноценным информационным блоком.

Категория: Программирование / Веб-разработка

 

Кнопка или ссылка?

Автор: admin от 16-12-2016, 10:45, посмотрело: 373


Кнопка или ссылка?


Я знаю хабр не для жалоб,

но доколе

использовать ты будешь

— ссылки вместо кнопок ?

Кнопка или ссылка?
Автор иллюстрации [email protected]


Если коротко:


Используйте для кнопок — кнопки, а для ссылок — ссылки.


Для кнопок использовать
ссылки
— не комильфо.

Категория: Программирование / Веб-разработка

 

Адаптивное меню без Javascript

Автор: admin от 14-12-2016, 05:30, посмотрело: 650

Адаптивное меню без Javascript

В этой публикации я хочу показать один из способов реализации адаптивного горизонтального меню с использованием Flexbox. Данный способ реализации меню используется на сайте Warface Hub, но немного с другой структурой и большим количеством свистелок.

Категория: Программирование / Веб-разработка

 

Адаптивное меню без Javascript

Автор: admin от 14-12-2016, 05:30, посмотрело: 650

Адаптивное меню без Javascript

В этой публикации я хочу показать один из способов реализации адаптивного горизонтального меню с использованием Flexbox. Данный способ реализации меню используется на сайте Warface Hub, но немного с другой структурой и большим количеством свистелок.

Категория: Программирование / Веб-разработка

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №240 (5 — 11 декабря 2016)

Автор: admin от 12-12-2016, 03:25, посмотрело: 275

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №240 (5 — 11 декабря 2016)

Категория: Программирование / Веб-разработка

 

Above-the-Fold CSS — как ускорить загрузку сайта не замедлив разработку

Автор: admin от 7-12-2016, 08:55, посмотрело: 343

В старые добрые времена мы с Google PageSpeed Insights были на короткой ноге. Я — клепал дешевые шаблоны, Google — ставил высокую оценку за скорость их загрузки. Однако со временем многое поменялось, и хоть я по-прежнему клепаю дешевые шаблоны, Google начал вставлять мне палки в колеса.

Я думаю многие видели следующие комментарии в отчетах Google PageSpeed Insights:


  • Сократите CSS (HTML, javascript)

  • Используйте кеш браузера

  • Включите сжатие

  • Удалите код javascript и CSS, блокирующий отображение верхней части страницы


И если с первыми тремя пунктами проблем, как правило, не возникает, последний пункт меня поставил в тупик.

Категория: Компании / Google

 

Above-the-Fold CSS — как ускорить загрузку сайта не замедлив разработку

Автор: admin от 7-12-2016, 08:55, посмотрело: 343

В старые добрые времена мы с Google PageSpeed Insights были на короткой ноге. Я — клепал дешевые шаблоны, Google — ставил высокую оценку за скорость их загрузки. Однако со временем многое поменялось, и хоть я по-прежнему клепаю дешевые шаблоны, Google начал вставлять мне палки в колеса.

Я думаю многие видели следующие комментарии в отчетах Google PageSpeed Insights:


  • Сократите CSS (HTML, javascript)

  • Используйте кеш браузера

  • Включите сжатие

  • Удалите код javascript и CSS, блокирующий отображение верхней части страницы


И если с первыми тремя пунктами проблем, как правило, не возникает, последний пункт меня поставил в тупик.

Категория: Компании / Google

 

React, Web Components, Angular и jQuery — друзья навеки. Универсальные JavaScript-компоненты

Автор: admin от 5-12-2016, 08:10, посмотрело: 466

React, Web Components, Angular и jQuery — друзья навеки. Универсальные JavaScript-компоненты

Эта статья о том, как написать универсальный javascript-компонент, который можно будет использовать



  • как React-компонент;

  • как Preact-компонент;

  • как Angular-компонент;

  • как Web Component;

  • как jQuery функцию для рендеринга в DOMElement;

  • как нативную функцию для рендеринга в DOMElement.


Зачем и кому это нужно


Мир javascript-разработки очень фрагментирован. Есть десятки популярных фреймворков, большая часть из которых абсолютно несовместима друг с другом. В таких условиях разработчики javascript-компонентов и библиотек, выбирая один конкретный фреймворк, автоматически отказываются от очень большой аудитории, которая данный фреймворк не использует. Это серьезная проблема, и в статье предложено ее решение.

Категория: Программирование

 

Дайджест свежих материалов из мира фронтенда за последнюю неделю №239 (28 ноября — 4 декабря 2016)

Автор: admin от 5-12-2016, 03:40, посмотрело: 293

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №239 (28 ноября — 4 декабря 2016)

Категория: Программирование / Веб-разработка

 

Транслируем в Facebook красиво: титры и их кастомизатор

Автор: admin от 2-12-2016, 00:25, посмотрело: 567

Мы делаем бродкастер для live трансляций в Facebook и одна из задач с которой пришлось столкнуться это текстовые оверлеи или титры (Lower Third). Наш JustBroadcaster мы выдерживаем в концепции всё должно быть “очень просто для обычного пользователя” и конечно задачу с титрами пришлось решать с учётом этого, избегая превращения в панель управления космическим кораблём.

Категория: Компании / Facebook