Back to Blog
Updates to responsive site designer5/27/2023 #Responsive site designer 1.5 update 720p 1.1.0 : Added new draggable edges (east, south, west, south-east, south-west) to resize the viewport on the fly | Fixed horizontal scrolling bug and sync on drag | Updated information formatting: Size: 320x480 (Portrait), Ratio: 2:3.ġ.1.1 : Updated syntax | Fixed WebKit issue when background-color property is not set.scaling | jQuery version 1.x family | Updated resize handler | Removed -ms prefixes | Prepended ↔ symbol to page title | Added title attributes to devices | Updated UI | Performance optimization | Various other fixes and improvements 1.1.2 : Added meta viewport tag support incl.1.1.3 : Some trouble with jQuery version 1.9 - updated to jQuery 1.8.3.1.0.9 : Added a draggable corner/bubble to resize the viewport on the fly (at the bottom on the right) | Added about information (incl.Version number) | Various other fixes and improvements 1.0.8 : Bugfix: Handle vertical scrollbar to get the apposite window.innerWidth (thx Peter!) | Updated GCD algorithm.1.0.7 : Bugfix: Handle same ID's (thx Laurens!). ![]() ![]() 1.0.6 : Updated iframe bg color from transparent to white.1.0.5 : Updated user interface | jQuery 1.8.2 | Added print functionality and the corresponding icon (WebKit only) | New optical hint for size changes on the fly | Fixed: Firefox show a spinning wheel and never finish loading.Your physical location, state of mind and desired outcomes can be profoundly different depending on which device you are using, yet recent efforts to adapt desktop sites to mobile often ignore these differences and simply scale the online experience to a smaller screen. The result is a degraded end-user experience that may not meet the needs of a mobile environment, as well as disappointing outcomes for marketers and consumers. Mobile WebĪt the most basic level, it’s the difference between having one website or two. Responsive design allows the layout, scale and orientation of the desktop site to be adapted to a mobile viewing experience. The content served up to the user is the same as on a desktop site, and while they layout is organized to accommodate a smaller screen, it is important to remember that the integrity of the desktop site is intended to remain as true to form as possible and any changes to the desktop site will also affect the mobile site. Responsive design is concerned only with size and scale, not with the end user’s device type or presumed environment.Ī mobile website is separate and distinct site from the desktop site, and must be maintained as such. It is designed to cater to the mobile experience, and makes the assumption that the end user has different objectives than they would on a desktop site. This means the mobile site may not offer the full scale of content served up on the desktop version, and the options presented on the landing page may be refined accordingly. #Responsive site designer 1.5 update full weekend with friends example, it’s clear we adapt our actions according to our environment. ![]() However, the case can be made that there are some things we do no matter where we are. Here are some examples that seek to make the case that the suitability of a responsive or mobile site depends entirely on whether the people using your site are changing behavior based on their environment – or not.Īirlines – Lufthansa first launched its mobile site in 2007 and has committed to continuous updates to ensure the site best meet the needs of its 140,000 daily visitors on-the-go. They understood that the top activities on mobile were not the same as those on desktop. Someone accessing the site via mobile is more likely to have already purchased a ticket and is primarily interested in checking in, viewing their flight status, or reviewing their booked itineraries, and these options are prominently displayed on the home screen and accessible from any page on the site. ![]() Whereas one their desktop site, the first thing you see is the option to search and book a new flight, followed by promotional offers.
0 Comments
Read More
Leave a Reply. |