First post / Fronteers 2009 / Google Closures released
My first post on this site will be about the Fronteers 2009. You could view it as a symbol what this weblog and my doing is all about: the Web. First I wanted to get into much more detail about each talk, but it happend so much on this day that this will only be a small roundup what happened on the first day of the Fronteers and I try to provide you with links where you can get more information..
The first session was held by Molly E. Holzschlag about the
h3. “State of the Moblie Web”
Molly opened the Fronteers with a talk about what goes on right now and tried to awaken the people in the room with a lot of questions and polls where people can lift their hand so they don’t fall asleep. In one of the polls it seemed that two third of the listeners use the mobile web. She stated that most of the time we are working around issues instead of creating great software.
The mobile web has more constraints then the whole web world, like a more limited typo set, fewer colors, fewer memory in the devied just as fewer bandwidth and battery power. But there are also some advantages like location-based services. This talk was a nice warm up for the day
Then Peter-Paul Koch a.k.a. PPK gave a talk about
“The Mobile Web”
PPK started his talk really at the beginning. Back in 1588 when the spanish armada tried to conquer England. PPK pointed out that they didn’t know how to do a modern naval battle and that the same applies to the mobile development today. Then after giving a good overview about what browsers on mobile phones are out there, he commented about the mobile browsers situation. He said that the browser for Blackberry is dead, mozilla has much to catch up, because they are really late to the game, NetFront just isn’t good and IE is just IE (IE6 to be specific).
He also talked about W3C Widgets as the solution for making it possible to develop applications on mobile devices with tools we already know: HTML, CSS and JavaScript. The only thing that is to learn is the config.xml and that can’t be that hard. Weak spot of the widgets approach is, that there is no device API available right now. So it is not possible to use device specific functions like filesystem or geo locations and implementing that is a hard problem.
Then Cristian Heilmann talked
“Of Hamsters, Feature Creatures and Missed Opportunities”
In his talk he first analysed human behaviours of gathering knowledge and stuff and that we solve the same porblem over and over again. Then he revealed what this talk should really be about: YQL. The Yahoo! Query Language is basically a wrapper for a lot of APIs and data gathering stuff like reading out some content of pages you want. You create a SQL-Statement where you can specify what you want Yahoo to get for you and in which form it should be retrieved. It is there so we can focus on remixing stuff to create great new things, because “the web is about Data”.
The slides are also available on his website.
Lunch
That wasn’t the best I have eaten so far, but it did what it was supposed to do: Fill my stomach.
After that Lunch Martin Savelkoul presented a case study at which he showed how it is done:
Building and maintaining a complex frontend codebase
He recommended to split all code into components and even create a component library for code that is used across the boundary of a project. Also he stated that we “want strict seperation of frontend development and the optimization of code release”. With what he means that every code release — for example testing or implementation — needs its own optimizations and that we should use the right buildscripts, documentations and compressions for each release.
One of my favorite talks on the this Fronteers and definitely one of the most inspiring ones (on this day) was Stephan Hay talking about
The Future of Layout
This talk was about CSS and how different layout models can support creating a website using real grids. It is how designers think. He presented in short the three grid layout models out there: CSS3-Grid from Microsoft, Mozilla’s CSS3-Flexbox and the CSS3-Layout by the W3C. Each of them having its own advantages and disadavantages. So making all of them work in all browsers so we can use that one, that is best for the current problem should be the best approach.
In short he also said something about some other CSS3 features. Especially the media queries have great potential in shaping the possibilities of the future (mobile) web.
The slides of this talk are also on his website.
Then it was John Resig’s turn:
Javascript Testing
He stated that testing Javascript is “not the same as Desktop or Server-Side testing”. You have to test not only on different systems, you even have to test in different browsers and browser versions. In a poll he found out that the most used unit testing frameworks for Javascript are (in descending order) QUnit, JSUnit and YUITest.
Besides of talking short about functional testing, server-side testing and distributed testing, he also mentioned a category he called manual testing, what in my opinion is a genious idea (if it would work). Distributing testing instructions to volunteering users who have to test a system and say if it does what was expected. I guess you can say it is some kind of asynchronous remote usability testing.
Of course he get into more detail about the testing frameworks, and especially about his QUnit and TestSwarm. For interesting stuff to this topic are Selenium
The Slides are available on slideshare.
The last session of this day was held by Steve Souders:
Fast by Default
Steve made much advertising for his book. He stated that “fast companies are successful”, so we have much reason to make our sites perform even better. He explained some techniques about how to create a fast website such as progressive enhancement, progressive rendering and how to load scripts that do not block the loading of the content. He also suggests using YSlow and PageSpeed to get a clue what could be improved in loading your website.
Tools you probably should look at for getting “Fast by Default” are the Aptimize Website Accelerator, SproutCore and some feature release of Rails. They will do some of the optimizing Steve speaks and writes about by default so it isn’t hard to get them.
Fotos
An awesome photostream by marvos is available on flickr.
Elsewhere
While many great people are gathered in the Felix Meritis to talk about frontend stuff the google team released their Closure library, including a Compiler that optimizes the code and makes it smaller, a library of various Widgets, utility functions, testing functions, etc. and a templating engine for Javascript that also works in Java.
I will add links to slide, fotos and media about this event to this post when they are available.
[...] First post / Fronteers 2009 / Google Closures released [...]
[...] Voorburgwal 262, parallel to the Felix Meritis where ADE is HQ'ed, and just below the Dam Sq. …First post / Fronteers 2009 / Google Closures released :: jaz …A weblog with topics round about programming and designing the web using XHTML, PHP, Javascript and [...]
[...] [...]
[...] 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889Mercury Phaeton For Sale, Cabrio Car Sale Volkswagen Phaeton – 239.codebluehacks.orgMercury Phaeton For Sale, Cabrio Car Sale Volkswagen Phaetonvw phaeton w12 sale classifieds phaeton factory video replacement volkswagen phaeton also locate volkswagen phaeton info phaeton sylvania headlight osram phaeton bulb headlight xenon chrysler newport rear bumper phaeton 2003 eurovan mv for sale volkswagen phaeton phaeton removal alloy wheel motorhome phaeton class a diesel volkswagen phaeton decor amazon volkswagen phaeton jetta tdi performance parts phaeton air intakes gewicht phaeton w12 cooling system parts volkswagen phaeton phaeton aftermarket wheels paddle shifters phaeton car truck parts 1984 volkswagen phaeton sale touareg 2 find phaeton cars volkswagen phaeton bulb brake pad oxygen sensor phaeton radiator vehicle used volkswagen vw phaeton v7 rv 2003 tiffin phaeton phaeton odm volkswagen phaeton part brake pads ebc greenstuff phaeton used sale finder phaeton upgrade bulbs volkswagen phaeton 2006 ipod volkswagen phaeton support vw phaeton radiator 1941 chrysler newport phaeton volkswagen phaeton atlas phaeton review clarkson volkswagen phaeton ocasion phaeton body kit door sills volkswagen phaeton part throttle body phaeton part brake pads spark plugs phaeton used volkswagen eurovan cars volkswagen phaeton old audi a8 phaeton used sale search volkswagen routan buy phaeton volkswagen cc used phaeton specs vw phaeton tail light 2010 vw phaeton review phaeton part brake rotors wiper blade volkswagen phaeton adoption v12 volkswagen phaeton used car volkswagen phaeton stock buy phaeton volkswagen tiguan suv phaeton parts vw phaeton discount 1933 chrysler imperial phaeton download volkswagen phaeton for sale volkswagen phaeton top 2006 volkswagen phaeton for sale all wheel drive phaeton trumpet black onyx part 2002 mazda millenia phaeton amazon phaeton volkswagen phaeton factory bentley continental gt download volkswagen phaeton luxury sedan phaeton latest replacement bulb volkswagen phaeton tickets 2010 vw phaeton frankfurt eurovan used phaeton karmann ghia volkswagen routan volkswagen phaeton heater car parts phaeton cooling system volkswagen phaeton lamp front eurovan used volkswagen phaeton jobs lexus es250 discount phaeton volkswagen phaeton instruction volkswagen phaeton full size w12 engine volkswagen coolant phaeton parts volkswagen phaeton gas mileage order phaeton code volkswagen phaeton full size interior phaeton we buy volkswagen phaeton bulb cars 210 vw phaeton toyota parts our phaeton volkswagen phaeton radiator support volkswagen phaeton used mg sale volkswagen phaeton volkswagen phaeton auction salvage cars phaeton episode brake pads phaeton pt asteroid belt volkswagen phaeton part discount warranty ford phaeton body lightbulb vw phaeton download phaeton font type phaeton accessories volkswagen phaeton custom covers 2006 volkswagen phaeton interior photos eurovan used volkswagen phaeton car classified phaeton used volkswagen discount price vw phaeton accessories offer honda phaeton parts brake pads westfalia used autos volkswagen phaeton eurovan used bmw volkswagen phaeton wholesale volkswagen phaeton accessories phaeton headlight auto vw dealer 1992 Mercedes Benz | Turbo Chevrolet Beretta | 1985 Pontiac Fiero | Buick Apollo Gtx | 1999 2003 Mazda | [...]
[...] 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889Headlight Datsun 240z 260z 280z Control Arm Bushings, Pulsar Nx Discount Maxima Nissan 280zx – 156.1fh.orgHeadlight Datsun 240z 260z 280z Control Arm Bushings, Pulsar Nx Discount Maxima Nissan 280zx1982 280zx body kits 1974 datsun 260z fuel pump relay 1982 280zx 260z lighting electrical 280z 280zx nissan 280zx part oxygen sensor fuel injector 1976 nissan 280z for rent 1978 nissan 280z sale truck parts weiner dog 280z fuel pump headlights parts nissan 280zx parts datsun 280zx headlight toyota 240z 260z 280z nissan replacement shock absorber nissan 280zx fog light datsun 280z 280zx projector headlights body kits 1981 260z 280zx turbo fairlady 260 datsun 280z 280zx turbo exhaust system headlight dachshund 240z 260z 280z driver 260z replacement datsun 240z 280zx truck parts 280zx turbo power sale pathfinder parts free shipping nissan 280z 1983 electramotive 280zx turbo nissan fairlady z 280zx rent turbo 1979 nissan 280zx terrano ii 280zx rebate 1982 datsun 280z for sale replacement datsun 260z 280z 280zx shift boot sale by owner 1978 datsun 280z b210 discount adjustable shock absorbers nissan 280z 280z headlight hood vents nissan 280z part fuel injector clutch master cylinder 280zx mazda 3 aftermarket nissan 280z honda transmission automatic nissan 280zx nx parts discount nissan 280z nissan 280z sale texas 1973 240z parts datsun 280z nissan 280z parts eastern catalytic converter steel casing 280zx used s12 nissan xterra headlight mazda 240z 260z 280z lowering springs stanza discount parts oxygen sensor nissan 280z 280zx radiator cooling systems quality nissan pulsar nx datsun 280z price fuel pump price used 280zx nissan 370z nissan 280zx help 280z engine swap old 1982 280zx nissan datsun 1977 nissan 280z movie 260 refurbished 280z 280zx lamp headlights 240z 260z 280z 280zx 1974 datsun 260z specs 280zx turbo 280zx discount restores 1200 used datsun 1600 280z aftermarket pulsar auto parts nissan 280z quest rogue 280zx used exterior interior datsun 280zx headers nissan 280zx aftermarket air intake 280zx sale targa top coupons 1983 nissan 280zx datsun 280z power steering datsun 280z turbo for sale dvd 280zx turbo 10th anniversary 280zx key 260z discount 280z 280zx nissan z 240z f10 discount nissan 280z dvd 1979 datsun 280zx 280zx 2nd hand altima 280z sale classified hemmings motor news 280zx fix 88 nissan 280z datsun 1978 280z 280zx turbo valve sale nissan 280z part fuel injector nissan 350z 240z 260z 280z gsa 280zx radiator 280z headlight assembly brake disc cooling system fit 1983 nissan 280zx 280zx 2nd hand infiniti 260z since 280zx nissan z 280zx used 200sx nissan xterra 280z interior parts 1988 280z nissan pulsar nx van radiator hose nissan 280z buy nissan 280zx for sale axxess discount 280z nissan hardbody parts 1200 part datsun 510 280z order 280z distributor cap nissan datsun 260z 280zx turbo 1500 for sale 1976 datsun 280z pathfinder part nissan 280zx murano 280zx radiator chevrolet truck picture obo 280z disc brake upgrade datsun 280z carpet headlight mitsubishi 240z 260z 280z used datsun 280zx for free mileage 620 parts pickup 1977 datsun 280z nissan discount program 280zx parts 280zx find classified b1500 sell car nissan 280zx 280zx puppies purebred 280zx turbo boost 1992 Portland Trailblazers | 1988 Dodge Aries | 2009 350z Convertible | Chrysler Lebaron Medallion | Nissan Armada Price | [...]
[...] 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495144 Rebate, Nationals P11 144 – 216.mfbattle.com144 Rebate, Nationals P11 144144 rue midi 144 brooklyn 18y0144 best 144 ball 144a parts allen tie downs 144 sale securities act 1933 qualified institutional buyers the stock market crash of 1929 buy volvo 144 b18 engine crumple zones buy 144a party favors 144 0 60 pomona electronics 144a headlight interceptor headlight 144 my p11 page 144a performance 10 usc bleach 144 direct download hilti sid 144-a 144a headlight will guarantee volvo 144 headlight relay windshield wiper motor transmission pan gasket 18y0144 lexmark x9350 144a radiator matches p11 144 styling car 144 abc 144a heater first 144 latest these 144 restricted common stock 144 accessories stock 144 parts auto brake pads 144a store locator 144 bumper product 44xl lexmark 18y0144 inkjet cartridge 144 headlight wii guarantee 144 sale buy classic volvo v70 144 cd 144 car ds142 144 full some shopping 144 pt ratings 144a repair register 144 stock private placement 144a xenon fahrwerke p11 144 144a aftermarket private placement securities act of 1933 144 removal giver 144 socket adjustable 144 buy box brand 144 price midi drum machines 144 engine motor wiper blade parts hc 144a aircraft 144 cooling system northern 144a performance automated information system 144a sale securities exchange act of 1934 144 accessories motor wiper blade 144a promo far eastone 144 pool 144 replacement element 144 light bulb led replacement volvo 144 parts 144 new these 144 diagram circuit 144 chandelier manual toy 144 144 ac since 144 replacement outsiders 144 full don 144 sx 2008 ktm 690 enduro 144 radiator check hose 144 toaster 144 sheet music johann 144 stock purchase 83 b election 144 upcoming forum 144 facebook 144a headlight conversion 144 headlight will 144 adapter package 144 oem 144 wholesale category diaper pins 144 dealers brake pad 144 parts fuel injector dlla148p1017 test bench 144 parts fuel filter plunger 144 model 144 parts wiper motor cylinder head gasket aftermarket 1989 volvo 144 radiator 144 radiator salvage yard locate 144 headlight will 144 parts fuel pump ford 144 water heater relief valve rule 144 aftermarket restricted stock 144 lyrics 144a parts uscg mil gse 144 auction securities act of 1933 qualified institutional buyers 18y0144 lexmark 44xl inkjet cartridge 144 woman 144 parts designed 144 parts fuel injector volvo engines rule 144 cheap 144a bargain 144 engine supersonic transport lift to drag ratio 144 free online databases 146 7c144 custom 144 turn signal oem 144 valve 144 aftermarket volvo 144 headlight bebe Used Cars Dodge | F10 Used Construction | Self Esteem Happiness | L200 Molding Refurbished | Coronado Headlight 1968 | [...]
[...] [...]
[...] 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061072002 – 1980 @ Used See Mercedes Benz 400sel, 400sel Season Mats – 406.eumreborn.com1999 – 2005 @ Used See Mercedes Benz 400sel, 400sel Season Mats400sel code enter 400sel replacement discount blower motor 400sel info door handles 400sel full headlight assembly antenna mast 400sel promo replacement parts 400sel vehicle headlight removal 400sel baseboard bmw usa 400sel oem brand parts cheap mercedes benz 400sel 400sel worlds hardest 400sel price sale mercedes benz s class 400sel discount tail light lens volkswagen beetle grand wagoneer replacement 400sel parts mercedes benz 300td parts mercedes benz 400sel 400sel coolant hose auto parts 400sel part brake master cylinder mercedes benz 300sl 400sel alternative 400sel wholesale egr valve camshaft position sensor season 400sel accessories 400sel for sale classified ads aftermarket fenders mercedes benz 400sel 400sel target mercedes benz 400sel used cls55 amg 400sel part performance oem engine 400sel used 400sel burner 400sel water oxygen sensor sale used 400sel audi 500sl 400sel used find 400sel seating chart bose 400sel used 1992 vacuum pump mercedes benz 500sl 400sel part brake master cylinder 400sel chevrolet 400sel front dual zone 400sel wholesale cylinder head gasket set 400sel discount tail light lens mercedes benz 400sel lowes 400sel sale cylinder head gasket set exhaust will mercedes benz 400sel stainless 400sel pt 400sel help re here buy 400sel truck mercedes benz 400sel part headlight assembly cl55 amg 400sel installation discount 2nd hand mercedes benz 400sel salvage yards 400sel vacuum 400sel headlight promotion mercedes benz 400sel coupon autohaus arizona 400sel free belt 400sel promo installation parts 400sel tall 400sel exhaust gasket 400sel part performance window regulator spark plug wires 400sel substitute headlight assembly sale price mercedes benz 400sel slk32 amg 400sel removal wheel 400sel factory truck 400sel intake gasket discount 400sel wiper motor mercedes 300sl 400sel sell browse 400sel water heater high quality mercedes 400sel engine mount spark plug wires 400sel parts used auto parts mercedes benz 400sel headlight ml55 amg find 400sel service 400sel parts headlight assembly spark plug wires engine mercedes benz 400sel cl55 amg 400sel sound 400sel free c36 amg 400sel heater sant 400sel accessories 400sel parts headlight assembly spark plug wires power steering hose mercedes benz 400sel water 400sel documentation new 400sel parts used mercedes benz 400sel clearance commercial 400sel part cheap parts brake master cylinder power steering pump mercedes benz 400sel mercedes benz 400sel bumper window regulator zone 400sel adapter 400sel sound sale mercedes parts used 400sel mercedes benz 560sl 400sel aftermarket new mercedes power steering pump headlight assembly 400sel enter promo 1993 mercedes benz 400sel sell 400sel new see parts 400sel guide 400sel auto parts brake master cylinder tail light lens 400sel user guide w140 400sel baseboard 400se heater 400sel adoption buy cooling system mercedes benz 400sel 400sel free parting out call 400sel cooling system horse 400sel sweat reviews 400sel artists 400sel accessories catalog used 400sel cars 1992 mercedes 400sel bumper florida 400sel seats vehicles for sale Vibe Reviews 2011 | Fisher Auto Parts | Price Datsun B210 | 1989 Mercedes 300ce | Venture Second Hand | [...]
[...] 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101994 – 1986 @ Sd550 Episode Digital, S550 Code Cl65 Amg – 74.tgrconversions.com1996 – 1980 @ Sd550 Episode Digital, S550 Code Cl65 Amgbmw 550i clutch s550 replacement promotion 5500 mtx ohm component car subwoofers e 550 f 150 substitute honeywell s550 cl550 part 2009 mercedes gl550 promo 2009 mercedes bogen 550ex s550 code cl65 amg sd550 episode digital ml350 g6 xeon e5504 e 550 econoline super duty used crown victoria ford explorer sport trac f 550 pickup bulb truck ford f250 tomtom 550 live uk guardian 5504 generator e 550 econoline crew cab aftermarket explorer sport trac mustang ii x550 baseboard e550 last minute p20 p2550 van fog light 1500 headlight gmc c25 a2550 pickup mercedes benz gl class gl550 suv gl320 cdi ford e 550 super duty used commercial ford e 550 super duty seats explorer sport trac clk550 coupon c43 amg c35 a2550 pickup baseboard c25 a2550 1500 headlight s15 jimmy kodak 550 klic 7001 550i wicked buy e 550 e150 super duty explorer sport trac e 250 f250 headlight ford f 550 bulb mercedes benz s550 brake pad oxygen sensor s550 manual broadband internet connection s550 cheap s65 amg s500 s550 promotion 2008 mercedes mercedes benz g550 sale s550 zone dvd playback canada clk550 imaging drum q3964a reset hp color laserjet 2550 2007 bmw 550i sale nikon coolpix s550 review cnet unbiased ford 450 super duty replacement f 550 550i marketing e 550 econoline super duty second hand explorer sport trac crown victoria circuit city l550 core 2 duo processor antec bp550 plus 550w promo codes cl550 installation zvox 550 medium density fiberboard flat panel tvs s550 used automotive 2008 mercedes benz s63 amg f 550 super duty part explorer sport trac ford taurus e 450 powerstroke used f 550 s550 speed automatic transmission 2009 mercedes benz 450 econoline super duty radiator replacement mirror kool vue e 550 gl450 alternative just gl550 ml550 suv new s550 ptt available a2550 remove 2007 mercedes benz s550 horsepower montre sector 550 c25 a2550 pickup air clk550 2nd hand wood trim mtx 5500 8 sony vaio z series vgn z550n b oem parts mercedes benz s550 cls55 amg e 550 econoline super duty stripped bulb c25 a2550 pickup part 1971 gmc sierra a2550 radiator houses 2550 mm p25 p2550 van part used s15 jimmy bmw 550i snow performance discount bdp 2550 s550 led childproof safety lock s550 mercedes benz 2010 audi a8 cheap first start sony bdp s550 bmw 550 price sector 550 men mineral crystal used mercedes benz s550 electric cheap mercedes benz s550 sell ferrari 550 e28 parts bmw 550i buy s550 24p true cinema dolby truehd decoding blu ray disc player apc 550r battery backup ford e 550 econoline super duty parts crown victoria sale used ford e 350 f 550 2008 s550 amg used mercedes 60pk550 dlp 550 part aftermarket ford e 550 powerstroke radiator brake pad mx 5500 bedienungsanleitung clk550 sale auto levi relaxed tapered 550 jeans e 550 econoline super duty bulb bronco ii f 450 2006 mercedes benz s550 sale rear wheel drive f 550 s550 theater bd live wdf 5500 replacement parts e 550 econoline super duty sale blower motor crown victoria s550 zone free dvd players s550 led receiver jvc sd550 550i headlight call toll 2006 bmw pw e550 briefcase backpack Mercedes Benz 280ce | 2007 Mercedes Ml350 | L300 3 Aftermarket | Toronto Used Trail | The Orchard Sedona | [...]
Chances are if you’re buying a pre-owned Porsche, it will be your dream car. Sure there are those folk driving Porsches purely as a means of transport – they’ve got the money – they buy new – they keep the used Porsche market going for you!
Speaker like Milly had to have ability to hypnotize his listeners. So people dont lose concertration . Making mobile devices in an era like now not only use HTML, CSS, and Javascript, but we need other API. And about component library. We must spearate them so we are not upset when we coding the component.
Fronteers 2009 is a pleasant experience for you. Hopefully you can tell me more about it. When keep the photos, I also use flickr. Thanks.