Руководство по стилю JavaScript от Google

Заголовки h1-h6
JavaScript Google style guide

Руководство по стилю Google: JavaScript

История Apache как зеркало истории развития сети Интернет

Автор: Сергей Яковлев

У истоков APACHE лежит CERN httpd – веб-сервер, написанный на Cи в 1991 в ЦЕРН — Европейской организации по ядерным исследованиям, крупнейшей в мире лаборатории физики высоких энергий. Разработка программы осуществлялась на компьютере NeXT под управлением операционной системы NeXTSTEP, позже она была перенесена под unix.

Одним из авторов этого веб-сервера является Tim Berners-Lee, который еще в 1984 году начал работать во внутренней сети института и писать программы с использованием Remote Procedure Call (RPC), которые могли вызывать другие программы удаленно на другом компьютере. В 1988 у Тима созрела в голове модель гипертекстовой системы. К тому времени в институте работало 250 человек, и существующих майнфреймов уже не хватало для выполнения всех запросов. В 1990 году Тим привез из штатов компьютер NeXT и получил добро от начальства на разработку проекта под названием WorldWideWeb. Вскоре Тим уже имел прототип работающего браузера (см. рисунок).

К проекту подключился Nicola Pellow, который написал текстовой браузер, работающий практически на любой платформе. Был принят формат HTML, который пришел на смену уже существующему формату SGML. Для получения файлов в сети был придуман URL:

scheme : // host.domain:port / path / path # anchor

К тому времени уже давно существовала доменная система имен - Domain Name System (DNS).

Читайте далее на сайте автора:

Часть 1: У истоков Apache. Часть 1: CERN httpd 

Часть 2: У истоков Apache. Часть 2: Библиотека libwww 
Часть 3: У истоков Apache. Часть 3: История и обзор архитектуры 
Часть 4: У истоков Apache. Часть 4: История и обзор архитектуры (часть 2) 
Часть 5: Apache 1. Часть 5: Особенности архитектуры 
Часть 6: Apache 1. Часть 6: Обзор API 
Apache 2: Часть 7. Замечания по технике программирования 
Apache 2: Часть 8. Apache Portable Runtime (APR) 

Проверка фильтра на сайте в локальном поиске Google

Команда directorybug придумала инновационный способ проверить наличие фильтра на сайтах в локальном поиске Google. Выполняя локализованный поиск по этому конкретному URL вы можете просмотреть результаты поиска без фильтров, которые исключают местной выдачи сайты со штрафными санкциями.

Что такое Google Places Penalty?

Учебное пособие: Знакомство с серверной частью Apache

Apache HTTPD: Введение в стороне сервера

•  Введение
•  Что такое SSI?
•  Настройка сервера для разрешения SSI
•  Основные директивы SSI
•  Дополнительные примеры
•  Что еще я могу конфиг?
•  Выполнение команд
•  Методы Advanced SSI
•  Вывод

Как заблокировать сторонние файлы cookie на сайте

Важно : Блокирование куки-файлов третьих лиц возможно только путем блокирования всей функциональности сторонних производителей. Это означает, что видео YouTube / Google Analytics / кнопки Facebook и AdSense или все что блокироуется политикой не будет работать до тех пор, пока пользователь не согласится с политикой печеньки (вручную или автоматически). Статистика показывает , что только ~ 10% посетителей активно соглашаются с политикой печеньки, так что остальные 90% не будет иметь возможность использовать функциональные возможности сторонних производителей на вашем сайте.

Блокирование сторонних файлов JavaScript

Для того, чтобы блокировать сторонние куки, найдите код JavaScript, который установки сторонних файлов и:

• изменить typeатрибут от text/javascriptк text/plain(если typeатрибут отсутствует, просто добавьте его)
• добавить data-cookiescriptатрибут и установить егоaccepted
Все JavaScript с такими изменениями атрибутов будет выполняться, только если пользователь согласился с Политика Cookie.
Примечание: JavaScript будет выполняться , когда пользователь нажимает кнопку " Я согласен кнопку", без перезагрузки страницы.

Пример стандартного кода Google Analytics

Изменение кода из:

<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-X', 'auto');
ga('send', 'pageview');
</script>

Change code to:

<script type="text/plain" data-cookiescript="accepted">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-X', 'auto');
ga('send', 'pageview');
</script>

Example of included JavaScript file

Change code from:

<script src="/js/myscript.js"></script>

Change code to:

<script type="text/plain" data-cookiescript="accepted" src="/js/myscript.js"></script>

Блокирование IFrame сторонних файлов

Для того, чтобы блокировать сторонние куки, установленные с IFRAME (например, видео на YouTube), найти Iframe код, который является установкой сторонних файлов и:

изменить srcимя атрибутаdata-src
добавить data-cookiescriptатрибут и установить егоaccepted


Все плавающие фреймы с такими изменениями атрибутов будут отображаться только если пользователь согласился с Политика Cookie.

Примечание: Iframe будет обновляться , когда пользователь нажимает кнопку " Я согласен кнопку", без перезагрузки страницы.

Пример стандартного видео YouTube IFRAME

Blocking iframe third-party cookies

To block third-party cookies set with iframe (like YouTube videos), find an iframe code that is setting third-party cookies and:

change src attribute name to data-src
add data-cookiescript attribute and set it to accepted


All iframes with such attribute changes will only show up if user agreed with Cookie Policy.

Note: Iframe will be updated when user clicks "I agree" button, without page refresh.

Пример стандартного видео YouTube IFRAME

Изменить код с:
<iframe width="560" height="315" src="https://www.youtube.com/embed/xxxxxxxxx" frameborder="0" allowfullscreen></iframe>


Изменить на:
<iframe width="560" height="315" data-src="https://www.youtube.com/embed/xxxxxxxxx" data-cookiescript="accepted" frameborder="0" allowfullscreen></iframe>


You can also add a text explaining user that he must accept cookie policy in order to see the video. Use "alt" attribute for thet:
<iframe width="560" height="315" data-src="https://www.youtube.com/embed/xxxxxxxxx" data-cookiescript="accepted" alt="Please accept cookie policy first" frameborder="0" allowfullscreen></iframe>




Полный текст документа читай на https://cookie-script.com/news.html

25 принципов мобильного дизайна сайта от Google

По результатам 119-часового исследования юзабилити мобильных сайтов от Google были сформированы основные:

Принципы дизайна сайта для мобильных устройств

DELIGHT USERS ANDDRIVE CONVERSIONS