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".
  • I’m going independent | In usability we trust
    Talks and training I m also doing talks and training on different aspects of usability and web techniques Contact me if you want to know more or need a talk or training that s tailored for your specific needs Available for projects from September I m still on parental leave but I will be available for new projects from September 19 2011 So if you need an Interaction Designer or a Frontend Developer for a project this fall contact me right away Life Consulting Previous post Tinyrotator a tiny image rotator plugin for jQuery Next post jQuery Mobile by Jon Reid 5 Comments Mats June 17 2011 at 3 45 pm Lycka till Good Luck Reply Frank Stepanski June 21 2011 at 5 05 pm Thats great congrats I may have a small job for you in the fall oct nov One quick question Is there a way to find out if google maps is refreshing their maps slow I created a mobile app with multiple google maps and on the IPhone an some of our Verizon carriers the map refresh rate can be very slow I was wondering if there is some event of some sort that I can check for this so I can put up a message to the visitor that google maps is running slow or something thanks Reply Gabriel Svennerberg Post author June 24 2011 at 12 37 am Mats Thanks Frank Sounds great Maybe you could check for the first occurrence of the bounds changed event of the map object it triggers when the map is fully loaded But the problem is probably related to latency issues with Verizon and not the Google Data Centers Generally speaking I would advice against using multiple maps at the same time for iPhone or Android Maybe you

    Original URL path: http://www.svennerberg.com/2011/06/im-going-independent/?replytocom=834 (2016-04-28)
    Open archived version from archive


  • Plugin | In usability we trust
    and simple image rotator plugin for jQuery It s dead easy to embed in your own page and to style the way you want using regular CSS The plugin is released under both MIT and GPL licenses so you can use it any way you want in both personal and commercial projects Continue reading About me My name is Gabriel Svennerberg and I m a UX Designer Frontend Specialist and

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

  • Tinyrotator – a tiny image rotator plugin for jQuery | In usability we trust
    jpg img src thumbnail2 jpg alt a li ul The plugin is then activated by calling the tinyrotator method on the list like this document ready function tinyrotator tinyrotator This will produce a standard image rotator with the images from your list The plugin will show the bigger versions of the images above the thumbnails and automatically cycle through them If the user clicks a thumbnail that image will be shown and the plugin will stop rotating A standard version of Tinyrotator Graceful degradation If for some reason the plugin won t initialize user has JavaScript turned of jQuery din t load etc a clickable list of the images will still be visible and the user will be able to click them to watch their bigger counterparts They will however be opened on a blank page Tinyrotator with JavaScript turned off Options The plugin has two options with which you can set the time each image should be visible and how fast the transition a fade between two images should be interval The time in millisecond that each image will be displayed Default value is 5000 fade The speed of the fade possible values are fast slow medium none or the time in milliseconds Default value is medium Here s an example where both the interval and the fade speed has a faster pace document ready function tinyrotator tinyrotator interval 2000 fade fast Be sure to check out the demo to see the plugin in action Also check out the source of the demo page to see how to use it View Demo Download from Github Feedback I hope you ll find the plugin useful If you have any suggestions on how the plugin could be improved please let me know in the comments Also if you use it on

    Original URL path: http://www.svennerberg.com/2011/05/tinyrotator-a-tiny-image-rotator-plugin-for-jquery/?replytocom=829 (2016-04-28)
    Open archived version from archive

  • Tinyrotator – a tiny image rotator plugin for jQuery | In usability we trust
    jpg img src thumbnail2 jpg alt a li ul The plugin is then activated by calling the tinyrotator method on the list like this document ready function tinyrotator tinyrotator This will produce a standard image rotator with the images from your list The plugin will show the bigger versions of the images above the thumbnails and automatically cycle through them If the user clicks a thumbnail that image will be shown and the plugin will stop rotating A standard version of Tinyrotator Graceful degradation If for some reason the plugin won t initialize user has JavaScript turned of jQuery din t load etc a clickable list of the images will still be visible and the user will be able to click them to watch their bigger counterparts They will however be opened on a blank page Tinyrotator with JavaScript turned off Options The plugin has two options with which you can set the time each image should be visible and how fast the transition a fade between two images should be interval The time in millisecond that each image will be displayed Default value is 5000 fade The speed of the fade possible values are fast slow medium none or the time in milliseconds Default value is medium Here s an example where both the interval and the fade speed has a faster pace document ready function tinyrotator tinyrotator interval 2000 fade fast Be sure to check out the demo to see the plugin in action Also check out the source of the demo page to see how to use it View Demo Download from Github Feedback I hope you ll find the plugin useful If you have any suggestions on how the plugin could be improved please let me know in the comments Also if you use it on

    Original URL path: http://www.svennerberg.com/2011/05/tinyrotator-a-tiny-image-rotator-plugin-for-jquery/?replytocom=1284 (2016-04-28)
    Open archived version from archive

  • Tinyrotator – a tiny image rotator plugin for jQuery | In usability we trust
    img src thumbnail2 jpg alt a li ul The plugin is then activated by calling the tinyrotator method on the list like this document ready function tinyrotator tinyrotator This will produce a standard image rotator with the images from your list The plugin will show the bigger versions of the images above the thumbnails and automatically cycle through them If the user clicks a thumbnail that image will be shown and the plugin will stop rotating A standard version of Tinyrotator Graceful degradation If for some reason the plugin won t initialize user has JavaScript turned of jQuery din t load etc a clickable list of the images will still be visible and the user will be able to click them to watch their bigger counterparts They will however be opened on a blank page Tinyrotator with JavaScript turned off Options The plugin has two options with which you can set the time each image should be visible and how fast the transition a fade between two images should be interval The time in millisecond that each image will be displayed Default value is 5000 fade The speed of the fade possible values are fast slow medium none or the time in milliseconds Default value is medium Here s an example where both the interval and the fade speed has a faster pace document ready function tinyrotator tinyrotator interval 2000 fade fast Be sure to check out the demo to see the plugin in action Also check out the source of the demo page to see how to use it View Demo Download from Github Feedback I hope you ll find the plugin useful If you have any suggestions on how the plugin could be improved please let me know in the comments Also if you use it on a

    Original URL path: http://www.svennerberg.com/2011/05/tinyrotator-a-tiny-image-rotator-plugin-for-jquery/?replytocom=1285 (2016-04-28)
    Open archived version from archive

  • Tinyrotator – a tiny image rotator plugin for jQuery | In usability we trust
    jpg img src thumbnail2 jpg alt a li ul The plugin is then activated by calling the tinyrotator method on the list like this document ready function tinyrotator tinyrotator This will produce a standard image rotator with the images from your list The plugin will show the bigger versions of the images above the thumbnails and automatically cycle through them If the user clicks a thumbnail that image will be shown and the plugin will stop rotating A standard version of Tinyrotator Graceful degradation If for some reason the plugin won t initialize user has JavaScript turned of jQuery din t load etc a clickable list of the images will still be visible and the user will be able to click them to watch their bigger counterparts They will however be opened on a blank page Tinyrotator with JavaScript turned off Options The plugin has two options with which you can set the time each image should be visible and how fast the transition a fade between two images should be interval The time in millisecond that each image will be displayed Default value is 5000 fade The speed of the fade possible values are fast slow medium none or the time in milliseconds Default value is medium Here s an example where both the interval and the fade speed has a faster pace document ready function tinyrotator tinyrotator interval 2000 fade fast Be sure to check out the demo to see the plugin in action Also check out the source of the demo page to see how to use it View Demo Download from Github Feedback I hope you ll find the plugin useful If you have any suggestions on how the plugin could be improved please let me know in the comments Also if you use it on

    Original URL path: http://www.svennerberg.com/2011/05/tinyrotator-a-tiny-image-rotator-plugin-for-jquery/?replytocom=1388 (2016-04-28)
    Open archived version from archive

  • Use the optgroup element for select lists with sections | In usability we trust
    that emulates this behavior with generic markup and complicated CSS The simple perfectly valid and accessible solution is to use the optgroup element It s used for grouping option elements in a select list into sections It s perfectly safe to use since it s supported across all browsers Here s an example of how to create a sectioned select list with pets label for pets Pets label select optgroup label Dogs option Golden Retriever option option Doberman option optgroup optgroup label Cats option Burma option option Siamese option optgroup select This code will result in this select list Example Pets Golden Retriever Doberman Burma Siamese There s one big additional benefit and that is that the labels in the list are not clickable and can therefor not be selected by mistake So the next time you want to create a select list with sections look for optgroup first Quick tips XHTML Previous post How to balance different interests within a project Next post Tinyrotator a tiny image rotator plugin for jQuery Leave a Reply Cancel reply Your email address will not be published Author Email Website You may use these HTML tags and attributes a href title abbr title

    Original URL path: http://www.svennerberg.com/2011/05/optgroup-htmls-most-underused-element/ (2016-04-28)
    Open archived version from archive

  • How to balance different interests within a project | In usability we trust
    that the application exists it must not be a too dominant interest When that happens the result is a product that fulfills business goals but are expensive buggy and fails to meet user needs Failing to meet user needs often lead to that the business goals are ultimately not met A product that s unusable or doesn t make it worthwhile to use will probably be abandoned sooner a later An example of this could be that a business goal is to collect as much user data as possible with an extensive sign up form to get good sale leads The user on the other hand wants to try out the application before making a big commitment The huge form seems daunting and the user is reluctant to give away personal information this early in the process This leads to fewer users actually signing up and business goals are not met Developer domination Developer domination If developer needs dominates the end result is a cheap solution of high quality that fails too meet business goals or to address user needs Having the perfect application with brilliant algorithms and perfectly tuned databases is never a mean to an end It doesn t matter how awesome your solution is if it fails to meet business goals This means that the application probably can no longer exist since its ultimate success depends on business goals being fulfilled User domination User domination While it s important to focus on user needs the project must never lose sight of business goals and developer needs What happens is that you end up with a solution that indeed fulfill user needs but is expensive buggy and fails to meet business goals This is in my experience rarely a problem More often I think the problem is that user needs are totally neglected Fulfilling user needs often goes hand in hand with meeting business goals But there are of course often compromises that needs to be made between the two So also with developer needs Some functions that would have been perfect for the user might be to complicated or expensive to develop to be a viable solution My thoughts on keeping a good balance I personally think that good communication within a project combined with an awareness of the different needs is key for a successful project The biggest mistake to make is to isolate developers and designers from the stake holders There s everything to win in keeping them involved in this process so they also have an awareness of business goals and how the customer thinks This goes both ways Having a dialog between stakeholders developers and designer leads to better understanding of all the different needs My experience is that it also leads to stronger commitment within the team and that it can lead to new great ideas that neither party would have come up with in isolation Finally I think it s important to have a dedicated member of the team that has

    Original URL path: http://www.svennerberg.com/2011/04/how-to-balance-different-interests-within-a-project/ (2016-04-28)
    Open archived version from archive



  •