- PVSM.RU - https://www.pvsm.ru -
Конференция проходила 26-27 апреля в Варшаве, это была вторая конференция [1] (Lea Verou о первой конференции [2]) из серии, и судя по слухам и успешности — не последняя.
Все доклады были на английском языке, строго по 30 минут, в одном зале, с частыми, но короткими кофи-брейками. В основном были технологические доклады, но не обошлось без евангелистов и спонсорских докладов. Организация мероприятия очень понравилась, за исключением отсутствия розеток в зале и большой очереди за бейджами в первый день.
Сайт конференции [3], оф. хэштег #FrontTrends [4], так же организаторы обещали вскоре выложить видео записи презентаций (как появится информация, обязательно обновлю пост).
По ссылкам слайды докладов и сайты спикеров, ниже мои краткие заметки по презентациям, также о докладах можно прочитать на оф. странице [5] (англ).
Alex Russel [6]
Алекс рассказывал о будущем веб приложений, и возможном векторе развития технологий — зачем ждать пока реализуют какое то CSS свойство, когда мы сами можем изобрести своё? Возможно в будущем, нам будет отрыт доступ к низкоуровневым технологиям браузеров, и мы сможем писать сами свои стандарты с блекджеком и дивами.
Vitaly Friedman [7]
Виталий рассказывал о истории редизайнов портала, и как они пришли к новому responsive дизайну. Основными проблемами старого дизайна он отметил — нагромождённость интерфейса, плохую типографику, скорость работы. Перечисленные проблемы привели к тому, что ~40% пользователей стали просматривать контент с сайта только через ридеры и RSS поток.
Chris Coyier [9]
В основном, Крис пересказывал последние статьи с css-tricks.com — рассказывал о маленьких веб сервисах, упрощающих жизнь разработчикам (caniuse.com [10], css3please [11] и т.п.), о различных полифилах, для обратной совместимости новых технологий в старых браузерах, и в кратце о препроцессорах.
David Desandro [13]
Из интересного, могу отметить только свойство -webkit-overflow-scrolling:touch, позволяющее сделать скролл в вебе, как в нативных приложениях iOS. Также было интересно послушать про особенности тач эвентов в iOS приложениях (смотрите на слайдах). В остальном были затронуты вполне известные проблемы с шириной вьюпорта, поддержкой position:fixed и пр.
Rebecca Murphey [15]
Harry Roberts [17]
Гари рассказывал о независимых блоках и подходах в вёрстке, позволяющих сделать конструкцию легче расширяемой и проще поддерживаемой. Избегайте фиксированных ширин, ипользуйте абстрактные имена классов, думайте блоками, а не страницами.
Daniel Biesiada [18]
Единственная интересная новость от евангелиста из Microsoft — IE10 будет доступен для Windows 7.
Jina Bolton [20]
Джина рассказывала о полезности стайлгайдов, приводила примеры открытых в сети стайлгайдов (особо похвалила стайлгайд для интерфейсов Android приложений [21]), ссылки на которые, можно найти в слайдах презентации.
К конце доклада Джина немного рассказала про возможности SASS и препроцессоров в целом.
Julien Gachadoat [23]
Жулиен начал с презентации одного из своих проектов [24], созданного для оффлайн инсталяции, проецируемой на стену здания. После чего продолжил рассказами про интересные JS библиотеки, позволяющие творить необычные вещи с помощью веб технологий, а так же раскрыл идею одного из своего грядущего проекта.
Kyle Simpson [26]
Кайл рассказывал о своём эксперименте, где он старался применить все самые вкусные возможности HTML5, исходники прилагаются [27].
Lea Verou [29] (6 мегабайтовая тематическая картинка [30])
В докладе Лиа открыла пару интересных особенностей css transitions и animations, в презентации можно найти живие примеры. Если интересуетесь css3 анимациями, обязязательно изучите просмотрите слайды.
Для меня было открытием возможность делать задержку на transition не на запуск, а только на возвращение [31].
Zbigniew Braniecki [33]
Это был 1 из не технологических докладов, где евангелист из Mozilla рассказывал о потенциале их нового продукта и призывал делать открытый веб. В докладе он упомянул, что сейчас они работают с другими браузерными вендорами, и возможно скоро мы увидим плоды их совместного сотрудничества.
Mariusz Nowak [35]
Krzysztof Szafranek [37]
Tali Garsiel [39]
В основном Рэйчел пересказывала свою (уже довольно старую) статью — HOW BROWSERS WORK: BEHIND THE SCENES OF MODERN WEB BROWSERS [40].
Olov Lassus [42]
Rachel Andrew [44]
Доклад Рэйчел был своего рода оппозиционным докладу Криса Ройера, в котором она опревергала идею Криса — использовать полифилы и сторонние библиотеки как можно больше. Она призывала не пихать в проект сразу кучу скриптов, для решения возможных проблем, а решать проблемы по мере их появления, изучая конкретные кейсы и необходимлсть в полифилах.
Как мне кажется, Рэйчел очень доступно рассказала о проблемах полифилов, как и в производительности, так и в ограничении развития разработчиков. Как будет выложена видео запись доклада, очень советую его послушать.
Mathias Bynens [45]
Мэтиас пересказывал последние статьи из своего блога, в основном про необходимость ковычек в HTML/CSS и про недопустимые символы в названиях переменных Java Script.
Divya Manian [47]
Участница CSS Working Group, и ныне инженер в Adobe, рассказывала о плюсах прототипирования дизайна прямо в браузере, приводя в пример инструменты для упрощения такого подхода в разработке дизайна.
Если вы тоже задумываетесь о прототипировании в браузере, вам будет полезно послушать еще доклад с Я.субботника — CSS3 в руках дизайнера [48] (слайды [49]).
Luca Sale [50]
Лука, евангелист из Blackberry рассказывал о библиотеке Alice.js [51], позволяющей легко анимировать элементы на CSS, не заморачиваясь с префиксами и спецификой CSS анимаций. Примеры работы библиотеки показывал на Blackberry Playbook (все приложения работало гладко, без тормозов), призывая всех переходить на веб технологии, в разработке игр и приложений.
Alex Giron [52]
Tiffany Conroy [54]
Bartosz Szopka [56]
Бартош призывал не прятать свой код от других разработчиков и больше делится опытом с подрастающим поколением разработчиков — если для вас производительность не критична, не минифицируйте код (JS, с HTML и CSS можно работать через webkit inspector/firebug), или давайте ссылки в комментариях на рабочую версию файлов.
John Schulz [58]
И немного фотографий
В перерывах между докладами можно было поиграть в PainStation [66], так же среди победителесь в конце разыгрывался велосипед.
В Варшаву мы прилетели на день раньше, приятно удивила хорошая погода, в то время, когда у нас было +10/12, в Польше лето шло во всю +20/32.
После 2ой мировой войны город был разрушен, и все строения в основном новые, но остался небольшой старый город, и уютные пешеходные улочки. В целом, в Варшаве не особо пришлось скучать, много интересных заведений, много народу на улицах.
WiFi был практически во всех заведениях, с английским у местного населения особых проблем не наблюдалось, польский язык тоже вполне понятный, особенно для украинцев. Английское меню во всех заведениях обычное дело, цены тоже очень приятные, чуть дешевле чем в Риге, и намного дешевле чем в Питере и Москве :)
Конференция проходила в четверг и пятницу, мы решили остаться еще на выходные, что бы посетить Краков. Если соберётесь ехать на Front Trends, обязательно посторайтесь оставить время для посещения Кракова! Очень хорошая атмосфера, красивый старый город, Краков как маленькая Прага.
В ближайшее время планирую быть на питерских веб-стандартах, возможно еще на CSSSummit [67] и Fronteers [68], так что следите за обновлениями [69].
Автор: Operatino
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/7017
Ссылки в тексте:
[1] вторая конференция: http://2010.front-trends.com/
[2] Lea Verou о первой конференции: http://lea.verou.me/2010/08/lea-verou-at-front-trends-2010/
[3] Сайт конференции: http://2012.front-trends.com/
[4] #FrontTrends: https://twitter.com/#!/search/realtime/%23fronttrends
[5] оф. странице: http://2012.front-trends.com/speakers/
[6] Alex Russel: http://infrequently.org
[7] Vitaly Friedman: http://smashingmagazine.com
[8] WHAT WE DON'T KNOW: http://speakerdeck.com/u/chriscoyier/p/what-we-dont-know
[9] Chris Coyier: http://css-tricks.com
[10] caniuse.com: http://caniuse.com
[11] css3please: http://css3please.com
[12] MOBILE SAFARI: BRING YOUR MACHETE: http://desandro.github.com/mobile-safari-machete/
[13] David Desandro: http://desandro.com
[14] PATTERNS FOR ORGANIZING NON-TRIVIAL JAVASCRIPT APPLICATIONS: http://speakerdeck.com/u/rmurphey/p/beyond-the-dom-sane-structure-for-js-apps
[15] Rebecca Murphey: http://rmurphey.com
[16] BREAKING GOOD HABITS: http://speakerdeck.com/u/csswizardry/p/breaking-good-habits-1/
[17] Harry Roberts: http://csswizardry.com
[18] Daniel Biesiada: http://microsoft.com
[19] STYLE GUIDE-DRIVEN UI DESIGN WITH SASS: http://speakerdeck.com/u/jina/p/style-guide-driven-ui-design-with-sass
[20] Jina Bolton: http://sushiandrobots.com/
[21] стайлгайд для интерфейсов Android приложений: http://developer.android.com/design/index.html
[22] MIND THE GAP: http://www.v3ga.net/conferences/ft2012/
[23] Julien Gachadoat: http://v3ga.net
[24] своих проектов: http://www.v3ga.net/conferences/ft2012/#slide-1
[25] HTML5 JAVASCRIPT ON CRACK: http://speakerdeck.com/u/getify/p/html5-javascript-on-crack-v3
[26] Kyle Simpson: http://getify.com
[27] исходники прилагаются: http://github.com/getify/wepuzzleit
[28] CSS IN THE 4TH DIMENSION: NOT YOUR DADDY’S CSS ANIMATIONS: http://lea.verou.me/css-4d/#intro
[29] Lea Verou: http://lea.verou.me
[30] 6 мегабайтовая тематическая картинка: http://cinemagr.am/uploads/4857903.gif
[31] только на возвращение: http://dabblet.com/gist/2623169
[32] THE WEB IS THE PLATFORM—MOZILLA'S MOBILE OS: http://www.braniecki.net/b2g/
[33] Zbigniew Braniecki: http://diary.braniecki.net/
[34] FUTURE OF WEB APPLICATIONS, WHERE CLIENT DOESN'T NEED SERVER: http://www.medikoo.com/future-web/
[35] Mariusz Nowak: https://twitter.com/#!/medikoo
[36] REFACTORING JAVASCRIPT – BIG BANG THEORY?: http://www.slideshare.net/szafranek/javascript-refactoring
[37] Krzysztof Szafranek: http://szafranek.net
[38] HOW BROWSERS WORK INTERNALLY: http://taligarsiel.com/Projects/howbrowserswork1.htm
[39] Tali Garsiel: http://taligarsiel.com
[40] HOW BROWSERS WORK: BEHIND THE SCENES OF MODERN WEB BROWSERS: http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/
[41] JAVASCRIPT: THE SUBSETS WE USE: http://blog.lassus.se/files/javascript_the_subsets_we_use.pdf
[42] Olov Lassus: http://lassus.se
[43] PUSHING THE BOUNDARIES WITHOUT BREAKING THE WEB: http://speakerdeck.com/u/rachelandrew/p/pushing-the-boundaries-without-breaking-the-web
[44] Rachel Andrew: http://rachelandrew.co.uk
[45] Mathias Bynens: http://mathiasbynens.be
[46] DESIGNING IN THE BROWSER: http://nimbu.in/front-trends/
[47] Divya Manian: http://nimbupani.com
[48] CSS3 в руках дизайнера: http://narod.ru/disk/15582739001/Vadim_Pacev_-_CSS_v_rukah_designera.mov.html
[49] слайды: http://download.yandex.ru/company/experience/subbotnik/Pacev_Kiev.pdf
[50] Luca Sale: http://blackberry.com
[51] Alice.js: http://blackberry.github.com/Alice/
[52] Alex Giron: http://nclud.com
[53] DESIGN PROCESSES, NOT INTERFACES: http://speakerdeck.com/u/theophani/p/design-processes-not-interfaces
[54] Tiffany Conroy: http://tif.ca
[55] LEARNING TO TEACH: http://speakerdeck.com/u/bartoszopka/p/learning-to-teach
[56] Bartosz Szopka: http://bartaz.github.com
[57] WHEN TO NODE?: http://jsno.de/presentations/Front-Trends/#/
[58] John Schulz: http://jfsiii.org
[59] csswizardry.com/2012/04/front-trends-2012/: http://csswizardry.com/2012/04/front-trends-2012/
[60] www.rachelandrew.co.uk/archives/2012/05/01/front-trends-2012/: http://www.rachelandrew.co.uk/archives/2012/05/01/front-trends-2012/
[61] dev.end3r.com/2012/04/after-the-front-trends-2012-conference/: http://dev.end3r.com/2012/04/after-the-front-trends-2012-conference/
[62] tjrus.com/blog/front-trends-2012: http://tjrus.com/blog/front-trends-2012
[63] www.flickr.com/photos/csswizardry/sets/72157629558792354/: http://www.flickr.com/photos/csswizardry/sets/72157629558792354/
[64] www.flickr.com/photos/rachelandrew/sets/72157629925736779/: http://www.flickr.com/photos/rachelandrew/sets/72157629925736779/
[65] www.facebook.com/media/set/?set=a.3473800521945.2141030.1179125846&type=3&l=be69989dac: https://www.facebook.com/media/set/?set=a.3473800521945.2141030.1179125846&type=3&l=be69989dac
[66] PainStation: http://painstation.de/
[67] CSSSummit: http://environmentsforhumans.com/2012/css-summit/
[68] Fronteers: http://fronteers.nl/congres
[69] следите за обновлениями: http://twitter.com/operatino
Нажмите здесь для печати.