Skip to content

Instantly share code, notes, and snippets.

@h4
Last active December 25, 2015 07:29
Show Gist options
  • Save h4/6939417 to your computer and use it in GitHub Desktop.
Save h4/6939417 to your computer and use it in GitHub Desktop.
Дамп твитов с конференции Fronteers2013 от @mista_k

#fronteers13 jam: “Techno-optimist issue — using same password for all services”.

#fronteers13 jam: “Follow the right people in Twitter that improve their skills in collaboration designers and programmers”. Easy to say.

#fronteers13 jam: “If you have a hammer all things looks like a nail”. JavaScript?!

#fronteers13 jam: “Illusion of speed”. The real world is full of stuff that gives you impression of speed up. Don’t get fooled by this.

#fronteers13 jam: Actually users doesn’t trust machines that produce quick results. So, developers have to slow down them. :)

#fronteers13 jam: “Grow developers for your company”

#fronteers13 jam: “Pair programming”

#fronteers13 jam: “DalekJS” Easy abstraction + real browser environment + easy install and integrate (ex. Grunt)

#fronteers13 jam: “<meta>programming” Generate source code on build time and replace placeholder. JavaScript became to Java. ;)

#fronteers13 jam: @toivonens presents developing using components. http://t.co/z1C35wChtr

#fronteers13 jam: “Common blocks team”, “Project #1 team”, “Project #2 team”…

#fronteers13 jam: “Test driven CSS development” Styleguide and UI fragments. And no any tests there.

#fronteers13 jam: “But actually tdcss.js can compare two images using canvas and show difference.” Cool. I really have to try this.

#fronteers13 jam: @ingdir “BEM is semantic overlay for existing DOM” http://t.co/5sPiof9qtn

#fronteers13 jam: “You never interact with classes directly. All things will changed using block level JS API”

#fronteers13 jam: @operatino_en presents “Source” — frontend documentation engine. http://t.co/tp0K8ZI5H8

#fronteers13 jam: “We write code right in documentation”

#fronteers13 jam: @kizmarh impressing us with “Experiments” http://t.co/0NsRU4t0jX

#fronteers13 jam: “Don’t look at source. Try to solve the problem by yourself. Try to imagine how author thinks about it”

#fronteers13 jam: @yatil dreaming about “Future of the web” http://t.co/MBQEdTu3js

#fronteers13 jam: “HTML is more important than CSS and both more important than JS”

#fronteers13 jam: “Provide uploading GPG key for user if your service send sensible information over email” Nice tip!

Morning flowers @ City Garden http://t.co/Zk9PbqqZjR

Sunrise in Amsterdam http://t.co/Yac3gn7CAK

I’m at Fronteers Conference (Amsterdam) http://t.co/FZ2eqnmX6s

#fronteers13 http://t.co/JWvTjUD8mD

@SilentImp, Мэллори (блондинка с короткой стрижкой) спрашивала про тебя. Передаёт привет!

#fronteers13 Add ‘Accept-ranges: bytes’ header to help browser handle cancel prefetching.

#fronteers13 dns-prefetch, prefetch and prerender support http://t.co/TOZYWzuELd

@wesoudshoorn Following is easy. Changing yourself is a hard part. Something like that.

#fronteers13 Spread responsive images to separate domains. This optimize a bit preloading queue.

#fronteers13 DNS-prefetch doesn’t impact match on mobile network traffic, but it saves lot of time (reduce latency).

@FronteersConf Is any tweaks/workarounds/fallbacks for flex-wrap in browsers with old specs? #fronteers13

#fronteers13 Flexbox order property affect only on presentation order. It doesn’t change keyboard navigation order. #a11y

#fronteers13 Flexbox can help push part if horiz list to the right. So, you don’t have to split list into 2 parts. It’s also good for #a11y

В этот раз как-то скромненько с сувенирами — ничего кроме футболок попросту нет. Еда в перерыве тоже только на первом этаже и там адъ.

@mista_k @FronteersConf @zomigi told me that there is no way to emulate flexbox wrap for old spec browsers. Sad. #fronteers13

#fronteers13 Recompile code on fly http://t.co/5kjx8kZwsg

#fronteers13 The issues of this approach — http://t.co/17DJdkWZma

@wesoudshoorn That’s true. So, as many smart people said: “Stop thinking. Start doing” ;)

#fronteers13 This method is usable for applications that constantly update or rerender something.

#fronteers13 Problem is that the compiled function knows nothing about changes in global context or changes in scope.

@wesoudshoorn Nice tip. Thanks ;)

@annevk I think, simple concatenation was used just for example. Use parsers or filters to prevent injections in real app. #fronteers13

@mathias Maybe, you doesn’t have to handle all possible situations and can drop input string in dangerous case #fronteers13 @annevk @kuvos

@kuvos Great presentation!

#fronteers13 Steps to fix network issues http://t.co/SqfxD5dmXG

#fronteers13 “Delay unnecessary JS” It was the bad advice to delay loading Google Analytics. Actually It must be loaded as quick as possible

#fronteers13 Avoid unnecessary reflows. Group reads/writes from DOM tree. Use requestAnumationFrame()

@paul_irish But you will get wrong timing statistics or even miss views on slow networks in this case. Am I right? #fronteers13

#fronteers13 @maccaw assume that if page is optimized for V8, then it will work smooth on any other JS engines.

#fronteers13 Each write eliminate previous read.

#fronteers13 Bind touch handlers close to the element.

#fronteers13 Interaction with DOM is fast. But changes can produce dramatically effects. That’s why you should minimize interactions.

I’ve just had a short talk with @asciidisco about his DalekJS. He told me that It’s similar to Selenium but not a replacement. #fronteers13

#fronteers13 Please use only properly hinted fonts for screens.

Бля. Я посмотрел как шрифт хинтуется профессионалом. Это какой-то космос. Глиф сам на себя не похож становится, но в битмапе выходит идеален

@pavelzotov Для меня пока это немного сложно ;)

#fronteers13 And nobody care about hinting in the icon fonts. They really looks not so perfect. Any solutions? @FronteersConf

#fronteers13 Creating fonts == researching languages

#fronteers13 At the same time hinting is unnecessary for retina displays. Fonts looks crisp and awesome in any cases.

#fronteers13 There were lots user testings for the search box of http://t.co/jUwaEMuaHS And they are still continue testing again and again

#fronteers13 Zooming feature of the hi-res arts viewer was based on the http://t.co/7lPqvME8s1 engine. Awesome. @LeafletJS

#fronteers13 “Home page is so complex. You don’t have to create it first. Create it later” Yeah! Agree

#fronteers13 After-first-day-party http://t.co/dQj227zYtB

@FronteersConf So sad :( Anyway, good organization of events and all thing going the right way. Cheer!

@sapegin Это не мода. В Европе какие-то правила есть на этот счёт. Везде нужна нотификация и соглашение от пользователя.

Only on #fronteers13 after-party I realize why we can include GA script at the bottom of the page. Thanks to @mathias and @paul_irish

@porutchik Думаю, что кто-нибудь всё-таки прийдёт. А завтра будет ещё After-all-of-this-stuff-party, надеюсь.

Вчера на вечеринке после первого дня познакомился с Верой @surkova. Неожиданно и приятно. Вообще, очень много общался с разными людьми.

@FronteersConf We trying… as best as we can :) #fronteers13

@FronteersConf Think so. ;) ☕️

#fronteers13 Early birds are drinking coffee at the place.

Pattern on the ceil http://t.co/RcVNW532fY

Clocks on the tower http://t.co/SuQWMrZyXu

The place is full of special #fronteers13 cakes http://t.co/sdwSUx9XWX

#fronteers13 Web design is 95% Typography. We should be focusing only on essence.

#fronteers13 Designers says: “Where we could put out beautiful images and other decorative stuff when the text occupies whole page?”

#fronteers13 Pathé Tuschinski http://t.co/wtHyYR5aPB #365дней #365days

#fronteers13 Once again about font hinting for small font sizes. How they actually looks in vectors and pixels: http://t.co/xKox4UIHD7

#fronteers13 http://t.co/p3q6vQxSxo Original article

#fronteers13 Retina displays needs bigger font sizes which tends to be more thiner. You can achieve same weight using optimized version.

#fronteers13 We tends to overprioritize coding part but really have to concentrate on planing part of development.

#fronteers13 Frameworks very often solves only easy problems. And unfortunately, It doesn’t provide straight architecture for entire app.

#fronteers13 Logic that’s not in a consistent place is hard to find and hard to maintain. Put all things in the proper places.

#fronteers13 Problem: share templates between client and the server.

#fronteers13 “@toivonens: @mista_k BEMHTML!”

#fronteers13 Put all data and state of the app into HTML attributes</irony> Actually you have to find special place for your data (objects)

@mista_k #fronteers13 @garannm recommend “Mustache” for templates. She also using “Dot” template engine.

#fronteers13 There are 3 or 4 people who using phones on Firefox OS at venue.

#fronteers13 And 2 people using BlackBerry phones ;)

@FronteersConf #fronteers13 Does FxOS use GPU accelerated layers to render interface and why Fx doesn’t use them yet?

#fronteers13 http://t.co/zDFoPhd4Ah Huge set of languages that translates to JavaScript.

@FronteersConf #fronteers13 Is development cycle of render/JS engines of the FxOS and Fx browser synchronized now?

#fronteers13 Building apps for FirefixOS is like a joy. Device or simulator instantly update debugger and vice versa.

#fronteers13 FirefoxOS works well on Android devices too. Awesome.

#fronteers13 Memory profiler for the Firefox debugger will come soon.

#fronteers13 You can put regular web page to the home screen. But if you need to access to API when you have to create manifest.

#fronteers13 “One front-end developer complain on design to other front-end developer but not to designer” That’s true.

#fronteers13 “Write less” That’s the source of maintainable code.

#fronteers13 “A PSD is a clue, not a contract”. But very often PSD is approved and signed by client. Sometimes it acts like contract.

#fronteers13 “There’s no point to have shiny UI if it loading 20s. Performance first!”

#fronteers13 Is any tool to find similarity and slightly difference in CSS (colors, gaps, etc.) to eliminate such variations?

@dkruythoff Any way I can use slightly different color even with this approach. #fronteers13

@evertslagter @dkruythoff Ok. That is a good way. ;) #fronteers13 @csswizardry told the probably the same things at Q&A session.

@shepazu Hi. We’ve talked about :target in SVG.

@LostSenSS Скорее всего да. Но ты можешь на него сослаться в <link>, что не будет провоцирует его загрузку.

#fronteers13 In some case JPEG’s artifacts doesn’t matter because of importance of the content (news sites for example).

#fronteers13 picture > source[media][srcset] + img http://t.co/f5VtHbhcnO

#fronteers13 Attribute srcset is already implemented in Chrome and Blink. But syntax is confusing.

#fronteers13 Spray and pray algorithm http://t.co/ilVMZIilSN

Процесс вангования. Куда же без этого?! http://t.co/4Hnt9B6cgx

#fronteers13 http://t.co/3jw6bIDt59 Image compression for Web Developers

#fronteers13 Strange compressing technique: resize; save with 0 quality; test; repeat http://t.co/vygLc4Nggl

@marcosc Could you drop a link of that technique? http://t.co/vygLc4Nggl Btw, great talk! Thanks. #fronteers13

@asinnema I will ;)

@FronteersConf @derSchepp @marcosc @Netvlies Oh, I see. I’m already familiar with it. Thank!

#fronteers13 Actually you can start using custom elements right now for markup (even for IE6!) They works like new HTML5 tags.

#fronteers13 My experiment with custom tags and :last-of-type CSS3 selector http://t.co/w8RWFe1wm4

#fronteers13 Polyfills: X-Tags, Brick and “Polymer Project” http://t.co/aGbOf6Kwiz

#fronteers13 Web components doesn’t produce any problem to #a11y. All elements will be accessible to assistive technologies.

#fronteers13 Angular focused on particular components on the page

#fronteers13 EmberJS is a framework for the single page application

#fronteers13 The Extensible Web Manifesto http://t.co/wYbDTRUlHY

#fronteers13 https://t.co/u4X9bhHarB Johnny-Five is an Open Source, JavaScript Arduino programming framework

#fronteers13 “Don’t stuck on particular package manager (npm, bower, whatever). Let use your module in all environments”.

#fronteers13 “Browserify” convert server-side module to the client-side module http://t.co/PMzUH5cWOh

#fronteers13 JS as the VM of the web

#fronteers13 es6ify http://t.co/kooD1yIxrN

#fronteers13 es6 has class sugar (class, extend, super), arrow functions, destructuring ( var {x,y} = getPoint(); )

#fronteers13 es6 killer feature — parameter defaults

#fronteers13 WeakMap/WeakSet — private state http://t.co/lW4mTcTerY

#fronteers13 Typed objects!

#fronteers13 Generators: lazy computation with async-like syntax

#fronteers13 Promises. Proxies (virtual objects) — almost transparent way to handle calls on objects that doesn’t exists.

@sapegin Thanks

#fronteers13 es7: weak references for auto GC

#fronteers13 es7: Object.observe — no overhead on events

@homm86 No. He means that you should compile Python to the JS. That’s the right way! #fronteers13

@homm86 Sure. Think It’s a same. #fronteers13

Python to JS compiler “@stommepoes: https://t.co/L1Avk7zCPI There's also Pyjamas” #fronteers13

#fronteers13 “Apps are eating our lunch”

#fronteers13 All stuff in the web must have URLs.

#fronteers13 DRM is buggy and scary. But… :) http://t.co/4NV0mnEAup

#fronteers13 Devs using PhoneGap for access to device API which also accessible from browser.

#fronteers13 Initially people hates controls which can’t be styled (forms, video, etc). But decorate them as system-like later.

#fronteers13 “Lazy Block Layout” is the holly grail for scrolling performance.

#fronteers13 Image lazyload attribute to prioritize queue. Also postpone attribute.

#fronteers13 “Installability — safe process of downloading the app package”

#fronteers13 NEX — standardized way for browser add-ons. Use feature detection and decide which browser API you should use later.

#fronteers13 Millions people using OperaMini on the Android devices only because they pay for traffic.

@sergei_pestov На доброе здоровье. Рад, что было что-то полезное, не просто шум.

[{
"text": "#fronteers13 Jam session is about to start. People are coming. And I trying to eat something downstairs.",
"id": 388007947017945100,
"created_at": "Wed Oct 09 18:27:58 +0000 2013"
},
{
"text": "#fronteers13 jam: “Techno-optimist issue — using same password for all services”.",
"id": 388019298482282500,
"created_at": "Wed Oct 09 19:13:04 +0000 2013"
},
{
"text": "#fronteers13 jam: “Follow the right people in Twitter that improve their skills in collaboration designers and programmers”. Easy to say.",
"id": 388022043813621760,
"created_at": "Wed Oct 09 19:23:59 +0000 2013"
},
{
"text": "#fronteers13 jam: “If you have a hammer all things looks like a nail”. JavaScript?!",
"id": 388024970015952900,
"created_at": "Wed Oct 09 19:35:36 +0000 2013"
},
{
"text": "#fronteers13 jam: “Illusion of speed”. The real world is full of stuff that gives you impression of speed up. Don’t get fooled by this.",
"id": 388030283674832900,
"created_at": "Wed Oct 09 19:56:43 +0000 2013"
},
{
"text": "#fronteers13 jam: Actually users doesn’t trust machines that produce quick results. So, developers have to slow down them. :)",
"id": 388031760266977300,
"created_at": "Wed Oct 09 20:02:35 +0000 2013"
},
{
"text": "#fronteers13 jam: “Grow developers for your company”",
"id": 388036933467004900,
"created_at": "Wed Oct 09 20:23:08 +0000 2013"
},
{
"text": "#fronteers13 jam: “Pair programming”",
"id": 388037997444472800,
"created_at": "Wed Oct 09 20:27:22 +0000 2013"
},
{
"text": "#fronteers13 jam: “DalekJS” Easy abstraction + real browser environment + easy install and integrate (ex. Grunt)",
"id": 388040016376905700,
"created_at": "Wed Oct 09 20:35:24 +0000 2013"
},
{
"text": "#fronteers13 jam: “&lt;meta&gt;programming” Generate source code on build time and replace placeholder. JavaScript became to Java. ;)",
"id": 388043223702458400,
"created_at": "Wed Oct 09 20:48:08 +0000 2013"
},
{
"text": "#fronteers13 jam: @toivonens presents developing using components. http://t.co/z1C35wChtr",
"id": 388050321014276100,
"created_at": "Wed Oct 09 21:16:20 +0000 2013"
},
{
"text": "#fronteers13 jam: “Common blocks team”, “Project #1 team”, “Project #2 team”…",
"id": 388052111101276160,
"created_at": "Wed Oct 09 21:23:27 +0000 2013"
},
{
"text": "#fronteers13 jam: “Test driven CSS development” Styleguide and UI fragments. And no any tests there.",
"id": 388053362790641660,
"created_at": "Wed Oct 09 21:28:26 +0000 2013"
},
{
"text": "#fronteers13 jam: “But actually tdcss.js can compare two images using canvas and show difference.” Cool. I really have to try this.",
"id": 388054748508987400,
"created_at": "Wed Oct 09 21:33:56 +0000 2013"
},
{
"text": "#fronteers13 jam: @ingdir “BEM is semantic overlay for existing DOM” http://t.co/5sPiof9qtn",
"id": 388059446892458000,
"created_at": "Wed Oct 09 21:52:36 +0000 2013"
},
{
"text": "#fronteers13 jam: “You never interact with classes directly. All things will changed using block level JS API”",
"id": 388060584723628000,
"created_at": "Wed Oct 09 21:57:07 +0000 2013"
},
{
"text": "#fronteers13 jam: @operatino_en presents “Source” — frontend documentation engine. http://t.co/tp0K8ZI5H8",
"id": 388064394493853700,
"created_at": "Wed Oct 09 22:12:16 +0000 2013"
},
{
"text": "#fronteers13 jam: “We write code right in documentation”",
"id": 388065373809291260,
"created_at": "Wed Oct 09 22:16:09 +0000 2013"
},
{
"text": "#fronteers13 jam: @kizmarh impressing us with “Experiments” http://t.co/0NsRU4t0jX",
"id": 388067170946924540,
"created_at": "Wed Oct 09 22:23:18 +0000 2013"
},
{
"text": "#fronteers13 jam: “Don’t look at source. Try to solve the problem by yourself. Try to imagine how author thinks about it”",
"id": 388068599438802940,
"created_at": "Wed Oct 09 22:28:58 +0000 2013"
},
{
"text": "#fronteers13 jam: @yatil dreaming about “Future of the web” http://t.co/MBQEdTu3js",
"id": 388069791183147000,
"created_at": "Wed Oct 09 22:33:42 +0000 2013"
},
{
"text": "#fronteers13 jam: “HTML is more important than CSS and both more important than JS”",
"id": 388070617658175500,
"created_at": "Wed Oct 09 22:36:59 +0000 2013"
},
{
"text": "#fronteers13 jam: “Provide uploading GPG key for user if your service send sensible information over email” Nice tip!",
"id": 388071760962531300,
"created_at": "Wed Oct 09 22:41:32 +0000 2013"
},
{
"text": "Morning flowers @ City Garden http://t.co/Zk9PbqqZjR",
"id": 388194371554005000,
"created_at": "Thu Oct 10 06:48:45 +0000 2013"
},
{
"text": "Sunrise in Amsterdam http://t.co/Yac3gn7CAK",
"id": 388196014848770050,
"created_at": "Thu Oct 10 06:55:16 +0000 2013"
},
{
"text": "I’m at Fronteers Conference (Amsterdam) http://t.co/FZ2eqnmX6s",
"id": 388196644384407550,
"created_at": "Thu Oct 10 06:57:47 +0000 2013"
},
{
"text": "#fronteers13 http://t.co/JWvTjUD8mD",
"id": 388199671904366600,
"created_at": "Thu Oct 10 07:09:48 +0000 2013"
},
{
"text": "@SilentImp, Мэллори (блондинка с короткой стрижкой) спрашивала про тебя. Передаёт привет!",
"id": 388200537063432200,
"created_at": "Thu Oct 10 07:13:15 +0000 2013"
},
{
"text": "#fronteers13 Add ‘Accept-ranges: bytes’ header to help browser handle cancel prefetching.",
"id": 388202883906535400,
"created_at": "Thu Oct 10 07:22:34 +0000 2013"
},
{
"text": "#fronteers13 dns-prefetch, prefetch and prerender support http://t.co/TOZYWzuELd",
"id": 388203477924855800,
"created_at": "Thu Oct 10 07:24:56 +0000 2013"
},
{
"text": "@wesoudshoorn Following is easy. Changing yourself is a hard part. Something like that.",
"id": 388204121096208400,
"created_at": "Thu Oct 10 07:27:29 +0000 2013"
},
{
"text": "#fronteers13 Spread responsive images to separate domains. This optimize a bit preloading queue.",
"id": 388207161069010940,
"created_at": "Thu Oct 10 07:39:34 +0000 2013"
},
{
"text": "#fronteers13 DNS-prefetch doesn’t impact match on mobile network traffic, but it saves lot of time (reduce latency).",
"id": 388209252395151360,
"created_at": "Thu Oct 10 07:47:53 +0000 2013"
},
{
"text": "@FronteersConf Is any tweaks/workarounds/fallbacks for flex-wrap in browsers with old specs? #fronteers13",
"id": 388216364961644540,
"created_at": "Thu Oct 10 08:16:08 +0000 2013"
},
{
"text": "#fronteers13 Flexbox order property affect only on presentation order. It doesn’t change keyboard navigation order. #a11y",
"id": 388220633563537400,
"created_at": "Thu Oct 10 08:33:06 +0000 2013"
},
{
"text": "#fronteers13 Flexbox can help push part if horiz list to the right. So, you don’t have to split list into 2 parts. It’s also good for #a11y",
"id": 388221699801747460,
"created_at": "Thu Oct 10 08:37:20 +0000 2013"
},
{
"text": "В этот раз как-то скромненько с сувенирами — ничего кроме футболок попросту нет. Еда в перерыве тоже только на первом этаже и там адъ.",
"id": 388224409875808260,
"created_at": "Thu Oct 10 08:48:06 +0000 2013"
},
{
"text": "@mista_k @FronteersConf @zomigi told me that there is no way to emulate flexbox wrap for old spec browsers. Sad. #fronteers13",
"id": 388231774272520200,
"created_at": "Thu Oct 10 09:17:22 +0000 2013"
},
{
"text": "#fronteers13 Recompile code on fly http://t.co/5kjx8kZwsg",
"id": 388233626577829900,
"created_at": "Thu Oct 10 09:24:44 +0000 2013"
},
{
"text": "#fronteers13 The issues of this approach — http://t.co/17DJdkWZma",
"id": 388233885026644000,
"created_at": "Thu Oct 10 09:25:45 +0000 2013"
},
{
"text": "@wesoudshoorn That’s true. So, as many smart people sa"id": “Stop thinking. Start doing” ;)",
"id": 388239891815215100,
"created_at": "Thu Oct 10 09:49:38 +0000 2013"
},
{
"text": "#fronteers13 This method is usable for applications that constantly update or rerender something.",
"id": 388242865648070660,
"created_at": "Thu Oct 10 10:01:27 +0000 2013"
},
{
"text": "#fronteers13 Problem is that the compiled function knows nothing about changes in global context or changes in scope.",
"id": 388243239196962800,
"created_at": "Thu Oct 10 10:02:56 +0000 2013"
},
{
"text": "@wesoudshoorn Nice tip. Thanks ;)",
"id": 388243344587227140,
"created_at": "Thu Oct 10 10:03:21 +0000 2013"
},
{
"text": "@annevk I think, simple concatenation was used just for example. Use parsers or filters to prevent injections in real app. #fronteers13",
"id": 388245956732678140,
"created_at": "Thu Oct 10 10:13:44 +0000 2013"
},
{
"text": "@mathias Maybe, you doesn’t have to handle all possible situations and can drop input string in dangerous case #fronteers13 @annevk @kuvos",
"id": 388249440085348350,
"created_at": "Thu Oct 10 10:27:34 +0000 2013"
},
{
"text": "@kuvos Great presentation!",
"id": 388254235370213400,
"created_at": "Thu Oct 10 10:46:37 +0000 2013"
},
{
"text": "#fronteers13 Steps to fix network issues http://t.co/SqfxD5dmXG",
"id": 388273849697320960,
"created_at": "Thu Oct 10 12:04:34 +0000 2013"
},
{
"text": "#fronteers13 “Delay unnecessary JS” It was the bad advice to delay loading Google Analytics. Actually It must be loaded as quick as possible",
"id": 388275077428830200,
"created_at": "Thu Oct 10 12:09:26 +0000 2013"
},
{
"text": "#fronteers13 Avoid unnecessary reflows. Group reads/writes from DOM tree. Use requestAnumationFrame()",
"id": 388276546907406340,
"created_at": "Thu Oct 10 12:15:17 +0000 2013"
},
{
"text": "@paul_irish But you will get wrong timing statistics or even miss views on slow networks in this case. Am I right? #fronteers13",
"id": 388277392621723650,
"created_at": "Thu Oct 10 12:18:38 +0000 2013"
},
{
"text": "#fronteers13 @maccaw assume that if page is optimized for V8, then it will work smooth on any other JS engines.",
"id": 388280782269480960,
"created_at": "Thu Oct 10 12:32:07 +0000 2013"
},
{
"text": "#fronteers13 Each write eliminate previous read.",
"id": 388285589239652350,
"created_at": "Thu Oct 10 12:51:13 +0000 2013"
},
{
"text": "#fronteers13 Bind touch handlers close to the element.",
"id": 388288933974773760,
"created_at": "Thu Oct 10 13:04:30 +0000 2013"
},
{
"text": "#fronteers13 Interaction with DOM is fast. But changes can produce dramatically effects. That’s why you should minimize interactions.",
"id": 388290711688601600,
"created_at": "Thu Oct 10 13:11:34 +0000 2013"
},
{
"text": "I’ve just had a short talk with @asciidisco about his DalekJS. He told me that It’s similar to Selenium but not a replacement. #fronteers13",
"id": 388304556687646700,
"created_at": "Thu Oct 10 14:06:35 +0000 2013"
},
{
"text": "#fronteers13 Please use only properly hinted fonts for screens.",
"id": 388306966977974300,
"created_at": "Thu Oct 10 14:16:09 +0000 2013"
},
{
"text": "Бля. Я посмотрел как шрифт хинтуется профессионалом. Это какой-то космос. Глиф сам на себя не похож становится, но в битмапе выходит идеален",
"id": 388308204587085800,
"created_at": "Thu Oct 10 14:21:05 +0000 2013"
},
{
"text": "@pavelzotov Для меня пока это немного сложно ;)",
"id": 388308606460129300,
"created_at": "Thu Oct 10 14:22:40 +0000 2013"
},
{
"text": "#fronteers13 And nobody care about hinting in the icon fonts. They really looks not so perfect. Any solutions? @FronteersConf",
"id": 388310614768365600,
"created_at": "Thu Oct 10 14:30:39 +0000 2013"
},
{
"text": "#fronteers13 Creating fonts == researching languages",
"id": 388311699616710660,
"created_at": "Thu Oct 10 14:34:58 +0000 2013"
},
{
"text": "#fronteers13 At the same time hinting is unnecessary for retina displays. Fonts looks crisp and awesome in any cases.",
"id": 388314635688235000,
"created_at": "Thu Oct 10 14:46:38 +0000 2013"
},
{
"text": "#fronteers13 There were lots user testings for the search box of http://t.co/jUwaEMuaHS And they are still continue testing again and again",
"id": 388326120757919740,
"created_at": "Thu Oct 10 15:32:16 +0000 2013"
},
{
"text": "#fronteers13 Zooming feature of the hi-res arts viewer was based on the http://t.co/7lPqvME8s1 engine. Awesome. @LeafletJS",
"id": 388327407989841900,
"created_at": "Thu Oct 10 15:37:23 +0000 2013"
},
{
"text": "#fronteers13 “Home page is so complex. You don’t have to create it first. Create it later” Yeah! Agree",
"id": 388329086088937500,
"created_at": "Thu Oct 10 15:44:03 +0000 2013"
},
{
"text": "#fronteers13 After-first-day-party http://t.co/dQj227zYtB",
"id": 388354226868715500,
"created_at": "Thu Oct 10 17:23:57 +0000 2013"
},
{
"text": "@FronteersConf So sad :( Anyway, good organization of events and all thing going the right way. Cheer!",
"id": 388355371280396300,
"created_at": "Thu Oct 10 17:28:30 +0000 2013"
},
{
"text": "@sapegin Это не мода. В Европе какие-то правила есть на этот счёт. Везде нужна нотификация и соглашение от пользователя.",
"id": 388356401887969300,
"created_at": "Thu Oct 10 17:32:36 +0000 2013"
},
{
"text": "Only on #fronteers13 after-party I realize why we can include GA script at the bottom of the page. Thanks to @mathias and @paul_irish",
"id": 388375876196634600,
"created_at": "Thu Oct 10 18:49:59 +0000 2013"
},
{
"text": "@porutchik Думаю, что кто-нибудь всё-таки прийдёт. А завтра будет ещё After-all-of-this-stuff-party, надеюсь.",
"id": 388398792200179700,
"created_at": "Thu Oct 10 20:21:02 +0000 2013"
},
{
"text": "Вчера на вечеринке после первого дня познакомился с Верой @surkova. Неожиданно и приятно. Вообще, очень много общался с разными людьми.",
"id": 388540816018657300,
"created_at": "Fri Oct 11 05:45:23 +0000 2013"
},
{
"text": "@FronteersConf We trying… as best as we can :) #fronteers13",
"id": 388541514915512300,
"created_at": "Fri Oct 11 05:48:10 +0000 2013"
},
{
"text": "@FronteersConf Think so. ;) ☕️",
"id": 388549059273031700,
"created_at": "Fri Oct 11 06:18:09 +0000 2013"
},
{
"text": "#fronteers13 Early birds are drinking coffee at the place.",
"id": 388551249203036160,
"created_at": "Fri Oct 11 06:26:51 +0000 2013"
},
{
"text": "Pattern on the ceil http://t.co/RcVNW532fY",
"id": 388552230393348100,
"created_at": "Fri Oct 11 06:30:45 +0000 2013"
},
{
"text": "Clocks on the tower http://t.co/SuQWMrZyXu",
"id": 388552459125534700,
"created_at": "Fri Oct 11 06:31:39 +0000 2013"
},
{
"text": "The place is full of special #fronteers13 cakes http://t.co/sdwSUx9XWX",
"id": 388553645970968600,
"created_at": "Fri Oct 11 06:36:22 +0000 2013"
},
{
"text": "#fronteers13 Web design is 95% Typography. We should be focusing only on essence.",
"id": 388560177647321100,
"created_at": "Fri Oct 11 07:02:20 +0000 2013"
},
{
"text": "#fronteers13 Designers says: “Where we could put out beautiful images and other decorative stuff when the text occupies whole page?”",
"id": 388563572084965400,
"created_at": "Fri Oct 11 07:15:49 +0000 2013"
},
{
"text": "#fronteers13 Pathé Tuschinski http://t.co/wtHyYR5aPB #365дней #365days",
"id": 388565642934489100,
"created_at": "Fri Oct 11 07:24:03 +0000 2013"
},
{
"text": "#fronteers13 Once again about font hinting for small font sizes. How they actually looks in vectors and pixels: http://t.co/xKox4UIHD7",
"id": 388567127785218050,
"created_at": "Fri Oct 11 07:29:57 +0000 2013"
},
{
"text": "#fronteers13 http://t.co/p3q6vQxSxo Original article",
"id": 388567553964273660,
"created_at": "Fri Oct 11 07:31:38 +0000 2013"
},
{
"text": "#fronteers13 Retina displays needs bigger font sizes which tends to be more thiner. You can achieve same weight using optimized version.",
"id": 388569536242667500,
"created_at": "Fri Oct 11 07:39:31 +0000 2013"
},
{
"text": "#fronteers13 We tends to overprioritize coding part but really have to concentrate on planing part of development.",
"id": 388575296771096600,
"created_at": "Fri Oct 11 08:02:24 +0000 2013"
},
{
"text": "#fronteers13 Frameworks very often solves only easy problems. And unfortunately, It doesn’t provide straight architecture for entire app.",
"id": 388577683745288200,
"created_at": "Fri Oct 11 08:11:53 +0000 2013"
},
{
"text": "#fronteers13 Logic that’s not in a consistent place is hard to find and hard to maintain. Put all things in the proper places.",
"id": 388578503077425150,
"created_at": "Fri Oct 11 08:15:09 +0000 2013"
},
{
"text": "#fronteers13 Problem: share templates between client and the server.",
"id": 388578940128092160,
"created_at": "Fri Oct 11 08:16:53 +0000 2013"
},
{
"text": "#fronteers13 “@toivonens: @mista_k BEMHTML!”",
"id": 388579310925533200,
"created_at": "Fri Oct 11 08:18:21 +0000 2013"
},
{
"text": "#fronteers13 Put all data and state of the app into HTML attributes&lt;/irony&gt; Actually you have to find special place for your data (objects)",
"id": 388581343254552600,
"created_at": "Fri Oct 11 08:26:26 +0000 2013"
},
{
"text": "@mista_k #fronteers13 @garannm recommend “Mustache” for templates. She also using “Dot” template engine.",
"id": 388586679579455500,
"created_at": "Fri Oct 11 08:47:38 +0000 2013"
},
{
"text": "#fronteers13 There are 3 or 4 people who using phones on Firefox OS at venue.",
"id": 388593381376802800,
"created_at": "Fri Oct 11 09:14:16 +0000 2013"
},
{
"text": "#fronteers13 And 2 people using BlackBerry phones ;)",
"id": 388593847552725000,
"created_at": "Fri Oct 11 09:16:07 +0000 2013"
},
{
"text": "@FronteersConf #fronteers13 Does FxOS use GPU accelerated layers to render interface and why Fx doesn’t use them yet?",
"id": 388595773249962000,
"created_at": "Fri Oct 11 09:23:46 +0000 2013"
},
{
"text": "#fronteers13 http://t.co/zDFoPhd4Ah Huge set of languages that translates to JavaScript.",
"id": 388597705897181200,
"created_at": "Fri Oct 11 09:31:27 +0000 2013"
},
{
"text": "@FronteersConf #fronteers13 Is development cycle of render/JS engines of the FxOS and Fx browser synchronized now?",
"id": 388600301982588900,
"created_at": "Fri Oct 11 09:41:46 +0000 2013"
},
{
"text": "#fronteers13 Building apps for FirefixOS is like a joy. Device or simulator instantly update debugger and vice versa.",
"id": 388602123082285060,
"created_at": "Fri Oct 11 09:49:00 +0000 2013"
},
{
"text": "#fronteers13 FirefoxOS works well on Android devices too. Awesome.",
"id": 388602497302286340,
"created_at": "Fri Oct 11 09:50:29 +0000 2013"
},
{
"text": "#fronteers13 Memory profiler for the Firefox debugger will come soon.",
"id": 388604054471213060,
"created_at": "Fri Oct 11 09:56:41 +0000 2013"
},
{
"text": "#fronteers13 You can put regular web page to the home screen. But if you need to access to API when you have to create manifest.",
"id": 388604751178649600,
"created_at": "Fri Oct 11 09:59:27 +0000 2013"
},
{
"text": "#fronteers13 “One front-end developer complain on design to other front-end developer but not to designer” That’s true.",
"id": 388606861496582140,
"created_at": "Fri Oct 11 10:07:50 +0000 2013"
},
{
"text": "#fronteers13 “Write less” That’s the source of maintainable code.",
"id": 388607470920552450,
"created_at": "Fri Oct 11 10:10:15 +0000 2013"
},
{
"text": "#fronteers13 “A PSD is a clue, not a contract”. But very often PSD is approved and signed by client. Sometimes it acts like contract.",
"id": 388608959332229100,
"created_at": "Fri Oct 11 10:16:10 +0000 2013"
},
{
"text": "#fronteers13 “There’s no point to have shiny UI if it loading 20s. Performance first!”",
"id": 388609700264423400,
"created_at": "Fri Oct 11 10:19:07 +0000 2013"
},
{
"text": "#fronteers13 Is any tool to find similarity and slightly difference in CSS (colors, gaps, etc.) to eliminate such variations?",
"id": 388615266542026750,
"created_at": "Fri Oct 11 10:41:14 +0000 2013"
},
{
"text": "@dkruythoff Any way I can use slightly different color even with this approach. #fronteers13",
"id": 388616802563285000,
"created_at": "Fri Oct 11 10:47:20 +0000 2013"
},
{
"text": "@evertslagter @dkruythoff Ok. That is a good way. ;) #fronteers13 @csswizardry told the probably the same things at Q&amp;A session.",
"id": 388619532178563100,
"created_at": "Fri Oct 11 10:58:11 +0000 2013"
},
{
"text": "@shepazu Hi. We’ve talked about :target in SVG.",
"id": 388633602805997600,
"created_at": "Fri Oct 11 11:54:06 +0000 2013"
},
{
"text": "@LostSenSS Скорее всего да. Но ты можешь на него сослаться в &lt;link&gt;, что не будет провоцирует его загрузку.",
"id": 388634405436399600,
"created_at": "Fri Oct 11 11:57:17 +0000 2013"
},
{
"text": "#fronteers13 In some case JPEG’s artifacts doesn’t matter because of importance of the content (news sites for example).",
"id": 388637216333119500,
"created_at": "Fri Oct 11 12:08:27 +0000 2013"
},
{
"text": "#fronteers13 picture &gt; source[media][srcset] + img http://t.co/f5VtHbhcnO",
"id": 388638948853297150,
"created_at": "Fri Oct 11 12:15:20 +0000 2013"
},
{
"text": "#fronteers13 Attribute srcset is already implemented in Chrome and Blink. But syntax is confusing.",
"id": 388639773084368900,
"created_at": "Fri Oct 11 12:18:37 +0000 2013"
},
{
"text": "#fronteers13 Spray and pray algorithm http://t.co/ilVMZIilSN",
"id": 388642974995062800,
"created_at": "Fri Oct 11 12:31:20 +0000 2013"
},
{
"text": "Процесс вангования. Куда же без этого?! http://t.co/4Hnt9B6cgx",
"id": 388643935872360450,
"created_at": "Fri Oct 11 12:35:09 +0000 2013"
},
{
"text": "#fronteers13 http://t.co/3jw6bIDt59 Image compression for Web Developers",
"id": 388644498420797440,
"created_at": "Fri Oct 11 12:37:23 +0000 2013"
},
{
"text": "#fronteers13 Strange compressing technique: resize; save with 0 quality; test; repeat http://t.co/vygLc4Nggl",
"id": 388645713695236100,
"created_at": "Fri Oct 11 12:42:13 +0000 2013"
},
{
"text": "@marcosc Could you drop a link of that technique? http://t.co/vygLc4Nggl Btw, great talk! Thanks. #fronteers13",
"id": 388646669711331300,
"created_at": "Fri Oct 11 12:46:01 +0000 2013"
},
{
"text": "@asinnema I will ;)",
"id": 388647956557332500,
"created_at": "Fri Oct 11 12:51:08 +0000 2013"
},
{
"text": "@FronteersConf @derSchepp @marcosc @Netvlies Oh, I see. I’m already familiar with it. Thank!",
"id": 388648648382631940,
"created_at": "Fri Oct 11 12:53:53 +0000 2013"
},
{
"text": "#fronteers13 Actually you can start using custom elements right now for markup (even for IE6!) They works like new HTML5 tags.",
"id": 388652066388078600,
"created_at": "Fri Oct 11 13:07:28 +0000 2013"
},
{
"text": "#fronteers13 My experiment with custom tags and :last-of-type CSS3 selector http://t.co/w8RWFe1wm4",
"id": 388652688076210200,
"created_at": "Fri Oct 11 13:09:56 +0000 2013"
},
{
"text": "#fronteers13 Polyfills: X-Tags, Brick and “Polymer Project” http://t.co/aGbOf6Kwiz",
"id": 388655446179201000,
"created_at": "Fri Oct 11 13:20:53 +0000 2013"
},
{
"text": "#fronteers13 Web components doesn’t produce any problem to #a11y. All elements will be accessible to assistive technologies.",
"id": 388658178248155140,
"created_at": "Fri Oct 11 13:31:45 +0000 2013"
},
{
"text": "#fronteers13 Angular focused on particular components on the page",
"id": 388667760873844740,
"created_at": "Fri Oct 11 14:09:49 +0000 2013"
},
{
"text": "#fronteers13 EmberJS is a framework for the single page application",
"id": 388667984484769800,
"created_at": "Fri Oct 11 14:10:43 +0000 2013"
},
{
"text": "#fronteers13 The Extensible Web Manifesto http://t.co/wYbDTRUlHY",
"id": 388668533494013950,
"created_at": "Fri Oct 11 14:12:54 +0000 2013"
},
{
"text": "#fronteers13 https://t.co/u4X9bhHarB Johnny-Five is an Open Source, JavaScript Arduino programming framework",
"id": 388669585698091000,
"created_at": "Fri Oct 11 14:17:05 +0000 2013"
},
{
"text": "#fronteers13 “Don’t stuck on particular package manager (npm, bower, whatever). Let use your module in all environments”.",
"id": 388671136084799500,
"created_at": "Fri Oct 11 14:23:14 +0000 2013"
},
{
"text": "#fronteers13 “Browserify” convert server-side module to the client-side module http://t.co/PMzUH5cWOh",
"id": 388671584413974500,
"created_at": "Fri Oct 11 14:25:01 +0000 2013"
},
{
"text": "#fronteers13 JS as the VM of the web",
"id": 388671729750781950,
"created_at": "Fri Oct 11 14:25:36 +0000 2013"
},
{
"text": "#fronteers13 es6ify http://t.co/kooD1yIxrN",
"id": 388672256656048100,
"created_at": "Fri Oct 11 14:27:41 +0000 2013"
},
{
"text": "#fronteers13 es6 has class sugar (class, extend, super), arrow functions, destructuring ( var {x,y} = getPoint(); )",
"id": 388672968060313600,
"created_at": "Fri Oct 11 14:30:31 +0000 2013"
},
{
"text": "#fronteers13 es6 killer feature — parameter defaults",
"id": 388673113262923800,
"created_at": "Fri Oct 11 14:31:06 +0000 2013"
},
{
"text": "#fronteers13 WeakMap/WeakSet — private state http://t.co/lW4mTcTerY",
"id": 388674085196398600,
"created_at": "Fri Oct 11 14:34:57 +0000 2013"
},
{
"text": "#fronteers13 Typed objects!",
"id": 388674266893668350,
"created_at": "Fri Oct 11 14:35:41 +0000 2013"
},
{
"text": "#fronteers13 Generators: lazy computation with async-like syntax",
"id": 388674565121269760,
"created_at": "Fri Oct 11 14:36:52 +0000 2013"
},
{
"text": "#fronteers13 Promises. Proxies (virtual objects) — almost transparent way to handle calls on objects that doesn’t exists.",
"id": 388675501726122000,
"created_at": "Fri Oct 11 14:40:35 +0000 2013"
},
{
"text": "@sapegin Thanks",
"id": 388675783633694700,
"created_at": "Fri Oct 11 14:41:42 +0000 2013"
},
{
"text": "#fronteers13 es7: weak references for auto GC",
"id": 388676076249288700,
"created_at": "Fri Oct 11 14:42:52 +0000 2013"
},
{
"text": "#fronteers13 es7: Object.observe — no overhead on events",
"id": 388676356198117400,
"created_at": "Fri Oct 11 14:43:59 +0000 2013"
},
{
"text": "@homm86 No. He means that you should compile Python to the JS. That’s the right way! #fronteers13",
"id": 388676700995059700,
"created_at": "Fri Oct 11 14:45:21 +0000 2013"
},
{
"text": "@homm86 Sure. Think It’s a same. #fronteers13",
"id": 388676847023972350,
"created_at": "Fri Oct 11 14:45:56 +0000 2013"
},
{
"text": "Python to JS compiler “@stommepoes: https://t.co/L1Avk7zCPI There's also Pyjamas” #fronteers13",
"id": 388678415794339840,
"created_at": "Fri Oct 11 14:52:10 +0000 2013"
},
{
"text": "#fronteers13 “Apps are eating our lunch”",
"id": 388679563968282600,
"created_at": "Fri Oct 11 14:56:44 +0000 2013"
},
{
"text": "#fronteers13 All stuff in the web must have URLs.",
"id": 388680576628437000,
"created_at": "Fri Oct 11 15:00:45 +0000 2013"
},
{
"text": "#fronteers13 DRM is buggy and scary. But… :) http://t.co/4NV0mnEAup",
"id": 388681511559786500,
"created_at": "Fri Oct 11 15:04:28 +0000 2013"
},
{
"text": "#fronteers13 Devs using PhoneGap for access to device API which also accessible from browser.",
"id": 388683331233402900,
"created_at": "Fri Oct 11 15:11:42 +0000 2013"
},
{
"text": "#fronteers13 Initially people hates controls which can’t be styled (forms, video, etc). But decorate them as system-like later.",
"id": 388684448650506240,
"created_at": "Fri Oct 11 15:16:08 +0000 2013"
},
{
"text": "#fronteers13 “Lazy Block Layout” is the holly grail for scrolling performance.",
"id": 388684842176872450,
"created_at": "Fri Oct 11 15:17:42 +0000 2013"
},
{
"text": "#fronteers13 Image lazyload attribute to prioritize queue. Also postpone attribute.",
"id": 388685384122912800,
"created_at": "Fri Oct 11 15:19:51 +0000 2013"
},
{
"text": "#fronteers13 “Installability — safe process of downloading the app package”",
"id": 388685887066091500,
"created_at": "Fri Oct 11 15:21:51 +0000 2013"
},
{
"text": "#fronteers13 NEX — standardized way for browser add-ons. Use feature detection and decide which browser API you should use later.",
"id": 388687256766398460,
"created_at": "Fri Oct 11 15:27:18 +0000 2013"
},
{
"text": "#fronteers13 Millions people using OperaMini on the Android devices only because they pay for traffic.",
"id": 388689391449047040,
"created_at": "Fri Oct 11 15:35:47 +0000 2013"
},
{
"text": "@sergei_pestov На доброе здоровье. Рад, что было что-то полезное, не просто шум.",
"id": 388723993412653060,
"created_at": "Fri Oct 11 17:53:16 +0000 2013"
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment