archive-com.com » COM » S » SVENNERBERG.COM

Total: 274

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Performance | In usability we trust
    trust on it and I m happy to report that it scored 4 out of 4 on the mobile friendliness scale Continue reading Javascript Performance Tips June 11 2009 Gabriel Svennerberg 1 Comment I just found this really great talk on YouTube from a Google Tech Talk called Speed Up Your JavaScript It s a guy from Yahoo named Nicholas Zakas that talks about various things you can do to get better performance in you Javascripts Continue reading Handling Large Amounts of Markers in Google Maps January 13 2009 Gabriel Svennerberg 115 Comments To use markers in Google Maps is fairly trivial at least when you have a reasonable amount of them But once you have more than a few hundred of them performance quickly starts to degrade In this article I will show you a few approaches to speed up performance I ve also put together a test page to compare them Update 2009 05 06 This article has been updated with the addition of the utility library MarkerClusterer The test results in the end of the article and the test page has also been revised Continue reading Page Load Times vs Conversion Rates December 18 2008 Gabriel Svennerberg 42 Comments I recently read Andy B King s book Website Optimization and was surprised by some of the statistics in it It shows that there s a very clear connection between page load times and conversion rates Statistics from Google and Amazon show that an increase in load time has a direct and profound impact on user engagement Continue reading Website Optimization Book Review December 15 2008 Gabriel Svennerberg 5 Comments Back in 2003 Andy King published his first book Speed Up Your Site It was my first encounter with optimization of HTML and CSS something that in recent

    Original URL path: http://www.svennerberg.com/tag/performance/ (2016-04-28)
    Open archived version from archive


  • Book | In usability we trust
    Krug is a terrific read and a great companion book to his legendary and highly successful book Don t make me think Where Don t make me think focus on design and the ifs and whys of usability testing Rocket Surgery Made Easy focuses on how to actually conduct usability test and what to do with the results Continue reading Beta chapter from my upcoming book on Google Maps API v3 November 22 2009 Gabriel Svennerberg 18 Comments I am in the process of writing a book about the new Google Maps API v3 I thought that I would make the process a bit more open by releasing beta chapters that some people might read and give feedback on Hopefully one of those people is you Update The book is finished and was published by Apress with the name Beginning Google Maps API 3 You can check it out on Amazon com Continue reading I m writing a book about Google Maps July 17 2009 Gabriel Svennerberg 17 Comments It s been a while since I last wrote on this blog and I thought I would get you up to speed why that is The reason is that I ve

    Original URL path: http://www.svennerberg.com/tag/book/ (2016-04-28)
    Open archived version from archive

  • Design patterns | In usability we trust
    been saved a non modal alert is an excellent solution It gets your message across without being intrusive and without the need for uneccesary user interaction In this article I will describe how to create it with the help of jQuery Continue reading No undo Redo July 4 2008 Gabriel Svennerberg 7 Comments Why is it that web apps very often lack something that we take for granted in most window applications namely the undo function Is it because it s not needed Is it too hard to implement or is it simply just because it s something that developers don t think is needed The most common solution to prevent user errors is to simply throw an alertbox warning about potential damage or loss of data that the action might cause Even otherwise awesome web applications often resorts to this behavior Take for example Backpack from 37 signals which I regard a very usable and overall great product When you try to delete a note they throw this alert in your face This is from the developers point of view the easiest way to handle it It s almost too easy to implement an alert and many developers habitually do it without giving it a second thought A far better solution is to use an undo function Although harder to implement it maps so much better to the users mental model and behavior patterns As Alan Cooper puts it in About Face 3 Users generally don t believe or at least don t want to believe that they make mistakes This is another way of saying that the persona s mental model typically doesn t include error on his part Following a persona s mental model means absolving him of blame The implementation model however is based on an

    Original URL path: http://www.svennerberg.com/tag/design-patterns/ (2016-04-28)
    Open archived version from archive

  • Mobile | In usability we trust
    tested In usability we trust on it and I m happy to report that it scored 4 out of 4 on the mobile friendliness scale Continue reading Mobile First Person User Interfaces June 26 2009 Gabriel Svennerberg 2 Comments The mobile devices are getting increasingly sophisticated With the combination of GPS compass camera Internet Connection and a big screen it s now possible to create amazing context aware first Person UI s Imaging for a moment that you re in a foreign city standing in front of a statue that you never seen before Point your mobile phone at it and it will tell you what it is who built it etc imposing the information as a layer over the reality Continue reading The rise of Zooming User Interfaces February 19 2009 Gabriel Svennerberg 12 Comments The first time I ever read anything about Zooming User Interfaces was when I was reading The Humane Interface by Jef Raskin where he introduced the concept of Zoom World a whole OS based on a Zooming User Interface ZUI Of course this wasn t my first encounter with this type of user interface since I ve among other things been using Interactive maps

    Original URL path: http://www.svennerberg.com/tag/mobile/ (2016-04-28)
    Open archived version from archive

  • Google Maps API 3 – The basics | In usability we trust
    Toggle Markers in Google Maps Next post Free E book on Multi Touch Technologies 32 Comments Tom Skinner June 5 2009 at 10 32 pm Hej och tak så mycket for the nice article Have you found in Google s documentation a list of features in ver 3 that are already included to be included and those that shall be deprecated Reply Gabriel Svennerberg June 6 2009 at 11 04 am To my knowledge such lists does not exist You can however check out the documentation to see what features are implemented I know that the API team continually updates it to reflect the API so you can trust that it is fairly complete Reply Diego Plentz June 25 2009 at 6 10 am Tom you can take a look at http code google com p gmaps api issues issues list q label ApiType Javascript3 Gabriel just one thing I don t need to pass center at least to the map initialization This could be done using map set center but yes it s necessary Reply Gouri September 14 2009 at 5 26 pm Hi I am new to this google maps i liked ur article a lot i was trying this bit i am just getting blank page where am i going wrong function initialize var latlng new google maps LatLng 57 8 14 0 var options zoom 6 center latlng mapTypeId google maps MapTypeId ROADMAP var map new google maps Map document getElementById map options Reply Chris September 28 2009 at 4 59 am Hi Gouri Try adding css rules for height and width to the div thanks chris Reply Binod Shukla November 24 2009 at 2 25 pm Hi Everyone i was trying to use the above code but always got a blank page with a little modification it worked in the body part use the code below function initialize var myLatlng new google maps LatLng 34 397 150 644 var myOptions zoom 8 center myLatlng mapTypeId google maps MapTypeId ROADMAP var map new google maps Map document getElementById map myOptions initialize Reply Arthur January 13 2010 at 2 05 pm Hi I m a beginner to google map api and also I have few knowledge about javascript I have tried all the examples google provided but there is no example that I can use my mouse to draw a line or polygon in a very convenient way Of course there is a way that I can click the start point and end point on the map and then link the start point and end point but that s not what I want Generally we don t draw line like that Usually the place where the mouse is down is the start point of the line and with the moving of the mouse the end of line will change to the position of the mouse when the mouse is up the end point is set to the position where the mouse is up In computer graphic this is called XOR lines I d like to know how this could be realized in google map Thanks a lot Arthur Reply Johan January 26 2010 at 1 46 pm Do we know if it s possible to use v3 with localhost I ve been trying to test v3 but so far I m not getting a map to display and the only conclusion I can make is that it s because I m testing it on localhost Reply coutant February 9 2010 at 2 27 pm Johan I was confused same way Like you I saved the demo file and opened it on localhost but no map is visible But it s not a matter of host It s a matter of css file Yes if you happen to break the link to the css style css file than the map is just not visible because you are missing the height definition included in the css file map height 500px Reply GIO March 11 2010 at 12 02 pm Hi I have anything problem a display the map in the my page I resolved with code I use the attribute tag position relative and width height a specific value width 480px height 465px is not width 40 A other problem is the property option of the function Map is visible boolean both you can use setVisible visible boolean after call th function Map Reply Jorgen May 8 2010 at 8 42 am Great post about getting started with Google Maps Maybe the new map API from CloudMade is also worth a try since it s having some new and very useful features My favorite is the possibility to customize the look of the map so it can be optimized for routing walking sightseeing etc You can see some examples here http tips4php net 2010 05 watch your back google here comes cloudmade maps Reply Sachin June 21 2010 at 9 33 am wondering how to I override the google intelligence of serving static map to mobile devices and not the dynamic map Reply Rheal July 13 2010 at 11 03 pm Do you know if it s possible to use geocode instead of latlng when initializing the script So instead of var latlng new google maps LatLng 57 8 14 0 maybe you could have something like var latlng new google maps geocode 1300 Main st Town State or perhaps use the geocode info and covert it to latlng Reply Gabriel Svennerberg July 14 2010 at 8 20 pm Rheal Yes you can do that but you need to perform the geocoding first and store the LatLng in a variable that you use later when initializing the map Reply Justin August 17 2010 at 11 38 pm RE Rheal and Gabriel If you were to perform the geocoding first what would that look like Below is a fictitious address The script fetches some JSON data from google my very first time ever dealing with JSON and I m completely

    Original URL path: http://www.svennerberg.com/2009/06/google-maps-api-3-the-basics/ (2016-04-28)
    Open archived version from archive

  • Google Maps API 3 | In usability we trust
    calls for new properties and controls for the Map Object which will all be explained in this article As a bonus I will also introduce you to another new feature the brand new Map Overview Control Continue reading Extending Google Maps API 3 with libraries March 8 2011 Gabriel Svennerberg 6 Comments Google Maps API 3 is streamlined to include just the core functionality needed to create basic maps It s architected that way too ensure that the API will load as fast as possible It s unnecessary for the browser to download and parse functionality that s not needed If however you need to use specific functionality such as being able to measure distances or display ads you can get this additional functionality by including a library in the API This article will describe how to do just that and what libraries that are currently available Continue reading Dancing markers December 9 2010 Gabriel Svennerberg 12 Comments The Google Maps API team recently added an eye catching new feature to the Google Maps API v3 which makes it possible to animate markers This feature has been available in v2 for quite some time and occurs when you drag and drop a marker It rises the marker up when you drag it and then bounces it into position when you drop it The API team however wasn t satisfied with just adding what was available in v2 They also added a drop animation similar to the one found in Google Maps on the iPhone It looks like the marker is being dropped into place from above and then ends with a small bounce But they didn t stop there either They also added the ability to animate the markers at will So now we can trigger the animation whenever we feel like it using the setAnimation method of the Marker object Continue reading My book is now available for pre order April 12 2010 Gabriel Svennerberg 15 Comments Here s an update on how my book project is progressing The good news is that I have signed a contract with Apress so they re going to publish it I must say that I m pretty excited about that It was pretty awesome to see the book with my name on it on Amazon Continue reading Beta chapter from my upcoming book on Google Maps API v3 November 22 2009 Gabriel Svennerberg 18 Comments I am in the process of writing a book about the new Google Maps API v3 I thought that I would make the process a bit more open by releasing beta chapters that some people might read and give feedback on Hopefully one of those people is you Update The book is finished and was published by Apress with the name Beginning Google Maps API 3 You can check it out on Amazon com Continue reading Google Maps API 3 InfoWindows September 21 2009 Gabriel Svennerberg 88 Comments Using InfoWindows is a brilliant way to display information

    Original URL path: http://www.svennerberg.com/tag/google-maps-api-3/ (2016-04-28)
    Open archived version from archive

  • JSON | In usability we trust
    data to actually show up in the InfoWindows This tutorial aims to describe how to do just that Continue reading ASP NET MVC and JSON October 22 2008 Gabriel Svennerberg 3 Comments In the AJAX community JSON have become the preferred way of sending and receiving data That s not surprising since it s lightweight fast and easy to understand Also since it s a subset of Javascript it s

    Original URL path: http://www.svennerberg.com/tag/json/ (2016-04-28)
    Open archived version from archive

  • Adding Multiple Markers to Google Maps from JSON | In usability we trust
    2012 at 11 58 pm The closure does not work for me I see three markers but only Copenhagen displays an infoWindow Can you please post the entire code as one page Reply Gabriel Svennerberg March 30 2012 at 6 56 am You can always check out the code in the Live Demo Here s a direct link to the js file Cheers Reply Corey Bell March 30 2012 at 12 12 pm Thank you I got it to work I think I had the order mixed up Reply Reza Esa April 18 2012 at 7 35 am I m copy your knowledge thanks for info this very helping for me thanks a lot Reply Seamus Campbell April 20 2012 at 9 20 am Hi I m working through your book which is great btw and trying to use the above example However my base code is ColdFusion I have a query from my database which I can convert to a JSON object with serializeJSON However my format is very different from your example and I can t see how to loop over the json object I have Is there a quick way you can see that I can read it or is there another way I should go My json looks like this COLUMNS BUSINESS NAME LATITUDE LONGITUDE DATA sdfdsf Books 36 890408 121 154751 dsdsdsd Booksellers 14 921735 18 602189 fff ints 17 8451823 195 0541819 Any help gratefully accepted Reply Mike Zin April 27 2012 at 12 34 am Thanks for the elaboration clarification I bought your book last year and highly recommend it Reply Gabriel Svennerberg April 27 2012 at 8 41 am That s nice to hear Thanks for the recommendation Reply riemino May 2 2012 at 8 24 pm Thank you The closure portion was all that I was missing for my feature to work Reply Batowiise May 3 2012 at 4 46 pm I bought your book I want to know how to implement this same feature to read a json file instead of what is currently there Regards Reply Pippo mares May 5 2012 at 12 51 pm that s the SOLUTION thanks Reply Pippo mares May 5 2012 at 12 58 pm but what if I want one info window open on page load I have tried to make a infoWindow on page load and it works but when I click on the markers in the json data a infoWindow at page load stays open b once closed it will not display again that maybe because it only display on pageload how can I solve this Reply Junaid Naseem May 24 2012 at 9 59 am I have used code above and infowindow is not working with Stockholm and Oslo I can only see an infowindow after clicking Copenhagen Could you please let me know that what could be wrong at my end Reply BigusJones May 30 2012 at 5 22 pm Thanks for posting this article It s been very

    Original URL path: http://www.svennerberg.com/2012/03/adding-multiple-markers-to-google-maps-from-json/?replytocom=1308 (2016-04-28)
    Open archived version from archive



  •