#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 На доброе здоровье. Рад, что было что-то полезное, не просто шум.