Вход в личный кабинет
запомнить меня
Блог «Include»
Статьи
Интервью
Рейтинги
Объявления
О блоге
Новое медиа поколения Y
Основатель блога Артем Трегубенко
Авторы блога ...
Всего записей 55
Число подписчиков 1
Число комментариев 0
Место в рейтинге
8
Сумма баллов
120
Описание блога
Include - это новое медиа о поколении Y. Мы следуем характеру времени, в котором пришлось жить игрекам. Взбалмошным, амбициозным, инициативным, увлеченными цифровыми технологиями, постоянно горящим натурам. Оптимистичным.Мы рассказываем о событиях городской жизни, о контексте, который интересен миллениумам, о молодежных инициативах и людях, которые воплощают новый ландшафт Казани.
Фотогалерея
От гиперссылок до CSS
04.11.2016
Рубрики:
335
0
0
На неделе Казанский университет посетил технический директор компании Opera и создатель стандарта CSS, без которого сегодня сложно представить мир web-проектов.

В 1994 году Хокон Ли начинает работать в ЦЕРН (Европейская лаборатория ядерных исследовании в Женеве). Здесь был создан первый общественный терминал (то есть выход в интернет для студентов ЦЕРНа). Надпись над ним гласила: «World Wide Web you click, we do the rest». Хокон считает, что это, наверное, наихудшая реклама из всех возможных, и она определённо не принесла популярности Интернету. Вообще в это время к гиперссылкам относились с придыханием, примерно как к роботизации сейчас. Хокон не хочет, чтобы Интернет принадлежал одной компании, пусть он будет общедоступным.

В самом первом HTML, над которым также работал Хокон, было всё очень просто. Дизайнерам необходимы были цвета, так что они решили, что если не могут программировать определённый цвет, то будут делать картинки. Стояла цель совместить две задачи: передача информации и дизайнерская обработка. Так возник CSS. Для 1996 года возможность менять цвет, шрифт, стиль была потрясающим фактором.

CSS так же прост, как HTML. У CSS открытый стандарт, то есть любой желающий может не только прочитать код, но и привнести что-то своё. CSS2 Хокон называет украденной разработкой. В этой версии добавились закруглённые края (border-radius). Хокон сначала был против этого введения (считал отсылкой к 1970-ым, старьём). Но людям это действительно было нужно, так что он признал свою неправоту.

98% того, что он читал в 1990-х, было про различные шрифты (имелось в виду про первые шрифты, предоставленные компанией Microsoft). Они также хотели добавить новые шрифты. Но идея заключалась не в том, что пользователи должны были их устанавливать все вместе, а в том, что они сделали гиперссылки. По этим гиперссылкам пользователь выбирал нужный файл и скачивал нужный шрифт (так называемые Webfonts).

Сделал шуточное предупреждение: не следует писать дипломные работы шрифтом Cardiff. Но если мы делаем постер или приглашение на день рождения, то этот шрифт – хороший выбор

Рассказал, что некоторые шрифты поддерживаются не везде. Например, в Индии. В Индии полно всяких шрифтов. Привёл пример, что в Википедии автоматически загружаются специальные шрифты для Индии.

CSS, лекция, Хокон Ли

По происхождению Хокон норвежец, основное образование получил в Массачусетском университете, а диссертацию на тему «Каскадные таблицы стилей» защитил в университете Осло

Командой разработчиков/тестировщиков был проведён тест, чтобы понять, все ли браузеры одинаково выполняют команды (было по-разному), так была разработана система Acid2 (тестовая страница предназначенная для проверки веб-бразуеров). В Internet Explorer 6.0 было всё плохо. Opera и Firefox получше. Потом был Internet Explorer 7.0, где дела обстояли ещё хуже. После огромного количества переписок между компаниями, под давлением общественности в IE ошибки были исправлены.

Opera: экскурс в историю

Перед разработчиками браузера стояли следующие задачи:

  • поддерживать стандарты;
  • облегчить использование интернета на мобильных телефонах.

По состоянию на 2011 год «Опера Мини» сберегла российским пользователям 26 000 терабайт трафика, что составляет более миллиарда рублей.

Была ещё такая фишечка: заходишь на сайт Chicago посмотреть, где и как далеко находится нужный автобус. И это во времена телефонов без GPS. Большинство запросов приходило из Норвегии (пошутил, мол, норвежцам нечем было заняться, кроме как смотреть автобусы в Чикаго). На самом деле информация передавалась на серверы в Осло, поэтому казалось, что все запросы от норвежцев.

Хокан поделился мнением про взаимосвязь революции в Египте и использования Интернета. До революции пользовались «Опера Мини» мало, но после революции показатели резко возросли. Упали снова на момент смещения правительства (3 дня), потом снова активное использование Интернета. Объяснял это тем, что люди поняли, что они могут получать различную (достоверную?) информацию в Интернете.

Все мы становимся зависимыми от Интернета в качестве источника информации

Новые возможности Opera

VPN (проинсталлирован в Оперу по умолчанию). Полезен, когда находишься в открытой сети. С использованием VPN можем устранить излишки рекламы (агрессивная реклама). Также важен VPN для трафика и нашего времени. Но при этом сказал, что большая часть бесплатного Интернета существует за счёт рекламы, поэтому всю рекламу убрать нельзя.

– Кем и как решается, какую рекламу блокировать?

– Существует база для каждой страны. Решает человеческое сообщество, не желающее видеть плохую рекламу.

В последней версии Оперы можно перетаскивать видео на ту страницу, на которой мы работаем.

Если кому-то захочется заблокировать VPN, у них получится, так как IP видно. NetFlix тут же заблокировал VPN, как только он появился.

CSS, лекция, Хокон Ли

С 2005 года является членом правления австралийской компании YesLogic, основным продуктом которой является Prince XML — приложение для создания качественных типографских публикаций в формате PDF, в основе работы которого лежит CSS-форматирование

Хокон не считает, что блокировать рекламу всегда полезно. Он спрашивал у рекламодателей, пользуются ли они Adblock. Те ответили, что, конечно, они им пользуются.

Основная цель Opera Mini: экономия трафика и денег пользователей. При использовании этого инструмента мы всё равно получим нужную нам информацию, даже если что-то будет усечено.

Все современные браузеры поддерживают CSS. Основные браузеры отлично поддерживают CSS и HTML.

На вопрос о том, вымрет ли профессия верстальщика, ответил: «Пока специальные предложения для машинного выполнения работы верстальщика пишутся плохо, некорректно работают. Человек с этой работой справляется лучше»

Хокон привёл пример использования CSS для написания книги. Сейчас в наше время это возможно. Что он сделал, чтобы создать на CSS реплику первого издания 1861 года книги норвежского поэта:

  • записал все стихи на HTML;
  • используя CSS, сделал окончательное оформление книги.

CSS, лекция, Хокон Ли

Интернет так же важен для человечества и его будущего, как когда-то для Европы — изобретение первого печатного станка Гуттенбергом.

Напоследок говорили о путешествиях. Хокон рассказал о своём турне на парусном корабле (скорее даже плоте с парусами) по следам путешествия на «Кон Тики» 1947 года. Хокон хотел понять, как вообще люди попали на остров Пасха и доказать, что доплыть на плоту до этого удалённого уголка планеты возможно.

Дал урок о том, как правильно фотографироваться с рыбой:

  • Выставить руки подальше, держать по направлению к камере и поближе к ней, чтобы рыба казалась больше;
  • Не показывать кровь рыбы, иначе некоторых может стошнить.

Диляра Валиуллина, редакция Include

Фотографии: Айнур Мустафин

Фоторепортаж: http://photo.include.club/css-v-kfu/

Читайте больше материалов на include.club

Комментарии
Лента блога

От гиперссылок до CSS

<p>В 1994 году Хокон Ли начинает работать в ЦЕРН (Европейская лаборатория ядерных исследовании в Женеве). Здесь был создан первый общественный терминал (то есть выход в интернет для студентов ЦЕРНа). Надпись над ним гласила: &laquo;World Wide Web you click, we do the rest&raquo;. Хокон считает, что это, наверное, наихудшая реклама из всех возможных, и она определённо не принесла популярности Интернету. Вообще в это время к гиперссылкам относились с придыханием, примерно как к роботизации сейчас. Хокон не хочет, чтобы Интернет принадлежал одной компании, пусть он будет общедоступным.</p>
<p>В самом первом HTML, над которым также работал Хокон, было всё очень просто. Дизайнерам необходимы были цвета, так что они решили, что если не могут программировать определённый цвет, то будут делать картинки. Стояла цель совместить две задачи: передача информации и дизайнерская обработка. Так возник CSS. Для 1996 года возможность менять цвет, шрифт, стиль была потрясающим фактором.</p>
<p>CSS так же прост, как HTML. У CSS открытый стандарт, то есть любой желающий может не только прочитать код, но и привнести что-то своё. CSS2 Хокон называет украденной разработкой. В этой версии добавились закруглённые края (border-radius). Хокон сначала был против этого введения (считал отсылкой к 1970-ым, старьём). Но людям это действительно было нужно, так что он признал свою неправоту.</p>
<p>98% того, что он читал в 1990-х, было про различные шрифты (имелось в виду про первые шрифты, предоставленные компанией Microsoft). Они также хотели добавить новые шрифты. Но идея заключалась не в том, что пользователи должны были их устанавливать все вместе, а в том, что они сделали гиперссылки. По этим гиперссылкам пользователь выбирал нужный файл и скачивал нужный шрифт (так называемые Webfonts).</p>
<p style="text-align: center;"><strong>Сделал шуточное предупреждение: не следует писать дипломные работы шрифтом </strong><strong>Cardiff</strong><strong>. Но если мы делаем постер или приглашение на день рождения, то этот шрифт &ndash; хороший выбор</strong></p>
<p>Рассказал, что некоторые шрифты поддерживаются не везде. Например, в Индии. В Индии полно всяких шрифтов. Привёл пример, что в Википедии автоматически загружаются специальные шрифты для Индии.</p>
<p style="text-align: center;"><img class="aligncenter wp-image-5791 size-full" title="По происхождению Хокон норвежец, основное образование получил в Массачусетском университете, а диссертацию на тему &laquo;Каскадные таблицы стилей&raquo; защитил в университете Осло" src="http://include.club/wp-content/uploads/2016/11/2-1-e1478184398644.jpg" alt="CSS, лекция, Хокон Ли " width="600" height="398" /></p>
<p style="text-align: center;"><span style="font-size: 8pt;"><strong>По происхождению Хокон норвежец, основное образование получил в Массачусетском университете, а диссертацию на тему &laquo;Каскадные таблицы стилей&raquo; защитил в университете Осло</strong></span></p>
<p>Командой разработчиков/тестировщиков был проведён тест, чтобы понять, все ли браузеры одинаково выполняют команды (было по-разному), так была разработана система Acid2 (тестовая страница предназначенная для проверки веб-бразуеров). В Internet Explorer 6.0 было всё плохо. Opera и Firefox получше. Потом был Internet Explorer 7.0, где дела обстояли ещё хуже. После огромного количества переписок между компаниями, под давлением общественности в IE ошибки были исправлены.</p>
<h3 style="text-align: center;"><strong>Opera</strong><strong>: экскурс в историю</strong></h3>
<p>Перед разработчиками браузера стояли следующие задачи:</p>
<ul>
<li>поддерживать стандарты;</li>
<li>облегчить использование интернета на мобильных телефонах.</li>
</ul>
<p>По состоянию на 2011 год &laquo;Опера Мини&raquo; сберегла российским пользователям 26 000 терабайт трафика, что составляет более миллиарда рублей.</p>
<p>Была ещё такая фишечка: заходишь на сайт Chicago посмотреть, где и как далеко находится нужный автобус. И это&nbsp;во времена телефонов без GPS. Большинство запросов приходило из Норвегии (пошутил, мол, норвежцам нечем было заняться, кроме как смотреть автобусы в Чикаго). На самом деле информация передавалась на серверы в Осло, поэтому казалось, что все запросы от норвежцев.</p>
<p>Хокан поделился мнением&nbsp;про взаимосвязь революции в Египте и использования Интернета. До революции пользовались &laquo;Опера Мини&raquo; мало, но после революции показатели резко возросли. Упали снова на момент смещения правительства (3 дня), потом снова активное использование Интернета. Объяснял это тем, что люди поняли, что они могут получать различную (достоверную?) информацию в Интернете.</p>
<p style="text-align: center;"><strong>Все мы становимся зависимыми от Интернета в качестве источника информации</strong></p>
<h3 style="text-align: center;"><strong>Новые возможности </strong><strong>Opera</strong></h3>
<p>VPN (проинсталлирован в Оперу по умолчанию). Полезен, когда находишься в открытой сети. С использованием VPN можем устранить излишки рекламы (агрессивная реклама). Также важен VPN для трафика и нашего времени. Но при этом сказал, что большая часть бесплатного Интернета существует за счёт рекламы, поэтому всю рекламу убрать нельзя.</p>
<p style="text-align: center;"><strong>&ndash; Кем и как решается, какую рекламу блокировать?</strong></p>
<p style="text-align: center;"><strong>&ndash; Существует база для каждой страны. Решает человеческое сообщество, не желающее видеть плохую рекламу.</strong></p>
<p>В последней версии Оперы можно перетаскивать видео на ту страницу, на которой мы работаем.</p>
<p>Если кому-то захочется заблокировать VPN, у них получится, так как IP видно. NetFlix тут же заблокировал VPN, как только он появился.</p>
<p><img class="aligncenter wp-image-5792 size-full" style="display: block; margin-left: auto; margin-right: auto;" title="С 2005 года является членом правления австралийской компании YesLogic, основным продуктом которой является Prince XML &mdash; приложение для создания качественных типографских публикаций в формате PDF, в основе работы которого лежит CSS-форматирование" src="http://include.club/wp-content/uploads/2016/11/3-1-e1478184406418.jpg" alt="CSS, лекция, Хокон Ли " width="600" height="398" /></p>
<blockquote>
<p style="text-align: center;"><span style="font-size: 8pt;"><strong>С 2005 года является членом правления австралийской компании YesLogic, основным продуктом которой является Prince XML &mdash; приложение для создания качественных типографских публикаций в формате PDF, в основе работы которого лежит CSS-форматирование</strong></span></p>
</blockquote>
<p>Хокон не считает, что блокировать рекламу всегда полезно. Он спрашивал у рекламодателей, пользуются ли они Adblock. Те ответили, что, конечно, они им пользуются.</p>
<p>Основная цель Opera Mini: экономия трафика и денег пользователей. При использовании этого инструмента мы всё равно получим нужную нам информацию, даже если что-то будет усечено.</p>
<p>Все современные браузеры поддерживают CSS. Основные браузеры отлично поддерживают CSS и HTML.</p>
<blockquote>
<p style="text-align: center;"><strong>На вопрос о том, вымрет ли профессия верстальщика, ответил: &laquo;Пока специальные предложения для машинного выполнения работы верстальщика пишутся плохо, некорректно работают. Человек с этой работой справляется лучше&raquo;</strong></p>
</blockquote>
<p>Хокон привёл пример использования CSS для написания книги. Сейчас в наше время это возможно. Что он сделал, чтобы создать на CSS реплику первого издания 1861 года книги норвежского поэта:</p>
<ul>
<li>записал все стихи на HTML;</li>
<li>используя CSS, сделал окончательное оформление книги.</li>
</ul>
<p><img class="aligncenter wp-image-5793 size-full" style="display: block; margin-left: auto; margin-right: auto;" title="Хокон считает, что Сеть, Интернет так же важны для человечества и его будущего, как когда-то для Европы &mdash; изобретение первого печатного станка Гуттенбергом" src="http://include.club/wp-content/uploads/2016/11/4-1-e1478184429285.jpg" alt="CSS, лекция, Хокон Ли " width="600" height="398" /></p>
<p>Интернет так же важен для человечества и его будущего, как когда-то для Европы &mdash; изобретение первого печатного станка Гуттенбергом.</p>
<p>Напоследок говорили о путешествиях. Хокон рассказал о своём турне на парусном корабле (скорее даже плоте с парусами) по следам путешествия на &laquo;Кон Тики&raquo; 1947 года. Хокон хотел понять, как вообще люди попали на остров Пасха и доказать, что доплыть на плоту до этого удалённого уголка планеты возможно.</p>
<p>Дал урок о том, как правильно фотографироваться с рыбой:</p>
<ul>
<li>Выставить руки подальше, держать по направлению к камере и поближе к ней, чтобы рыба казалась больше;</li>
<li>Не показывать кровь рыбы, иначе некоторых может стошнить.</li>
</ul>
<p><em>Диляра Валиуллина, редакция </em><a href="http://vk.com/includeclub"><em>Include</em></a></p>
<p><em>Фотографии: Айнур Мустафин</em></p>
<p><em>Фоторепортаж:&nbsp;<a href="http://photo.include.club/css-v-kfu/">http://photo.include.club/css-v-kf...
<p><em>Читайте больше материалов на <a href="include.club">include.club</a></em></p>

Блог: 
Вид публикации: 
Анонс: 
На неделе Казанский университет посетил технический директор компании Opera и создатель стандарта CSS, без которого сегодня сложно представить мир web-проектов.
КФУ ID: 
102762
Баллы: 
0
Фото: 
Ранг: