Smart Responsive CSS Framework is our latest approach in Web Design
The latest trends in web development is exciting to say the least - with increasing in Mobile device penetration around the globe. Questions like, how we can deliver our web content to all users regardless of the size of their device that they use to view the content?
Recently our focus is been on how we can deliver web content efficiently to the changing web world using Smart Responsive CSS Famework
Currently 90% of the world’s population owns a mobile device of some sort. Apple currently produces nearly 5 mobile devices per second which is more than the 4.5 babies born every second globally! it is easy to see how very quickly in the next couple of years most web surfers around the globe either have capable smartphone already or would be replacing their old phones with smart phones.
Mobile devices already have displaced many of the fixed-location technologies especially in rural in developed world or countries like India Brazil and China that are currently filling the global economic growth.
The smarter organizations are quickly adapting mobile technologies for their businesses. However, they are also realizing that their websites are not catering for the smart mobile users. In India tablet device are being produced at around 50 USD making it affordable for a larger section of population previously unable to get their hands on expensive iPad. These organizations have suddenly realized that they don’t proactively deliver their content to people with no access to desktops or those that mostly doing business on Mobile devices.
At Salaro we are currently open for business to move your existing web asset in DotNetNuke or other cms to this format. And to show you how it works - we have an example here:
More and more people rely on these little devices for both work and play. When visitors access your web content on everything from desktop tablet or mobile phones, it’s important to deliver a good experience to each of those audiences without complex multiplatform instances of your content.
Smart Responsive CSS frameworks, allow websites to respond appropriately to these devices without relying on specific device detection. That way one can deliver a great experience to all users regardless their screen size.
Custom Skinning using Fluid Grid to support SmartPhones
The 1140px CSS fluid grid system is amazing. It make it so that we can get away from designing in old 1024px. The best part with this fluid system is that it adapts to smaller screen sizes. The best size for this css grid is a 1280px screen but if you only have a 1024px screen you will still see everything like the 1280px screen. One of the best things about this template is really any developer can start using it and understand it.
High Points Of Fluid 1140px CSS Grid
The 1140px grid has a ton of great features. One of the most notable stated before is that it fluidity. This grid system can go as large as 1140px all the way down to mobile. When it gets to mobile size everything gets stacked on top of each other. Another great thing is that for designers you don’t have to design 1280, 1024, mobile, ect. You just have to design once and everything is done. Images get re-sized down smaller so you don’t have to declare inline sizes.
Cross Browser Compatibility
Another great part is the compatibility. This grid has been tested in Chrome, Safari, Firefox and IE 9. As for mobile browsers, it does work not in all but most modern handheld. Besides browsers and phones it works in pretty much every computer/mac web capable device. Anything from iMac, MacBook, PC laptop, old PC, Eee PC, iPad, iPhone 3G, iPhone 4, and more.
Get a Quote for Custom SmartPhone site design
Please use this form and ask us for a
quote for the fluid skin design and package for your DotNetNuke portal.
Older DNN and micro-site skins for SmartPhones
SalarO team was the first to release the first
iPhone/Android SkinPack that you could use to create a mini site or place number of pages in your site with this skin running. The result can be seen here. We intended to produce a skin that behaves well on iphone only and we ended up producing one that behaves well on both iphone restricted window size and the normal browser windows.
Please checkout the skin at our demo site and if you dont have an iphone to checkout the width. Please have a look with the emulator here on testiphone.com/.
This skinpack comes with number of great containers to suit the skin, as well as, skin types for various situations requiring different ways of content placements in the page.
The skin and the module will be made available in our store as well as snow and dnn store in the new year.
SalarO's Mobile World of DNN Newsletter
iPhone & iPod Touch project is SalarO's first study of DotNetNuke usability within the enormously successful iPhone & iPod mobile devices arena. It is predicted that by end of this year, there will be Approx 100 million devices around the world. The Apple OS is now well defined, so now is the time to create sections in your site that are user friendly in this environment.
If you don’t have an iPhone or iPod touch to test your site then please have a look at testiphone.com/, you owe yourself some tinkering time. Keep in mind that - like all technology - the prices will come down eventually. It's a virtual certainly that within the next couple of years everyone will either have one or they'll be using similar copycat devices that are bound to join the competition in time. The touch sensitive interface is making developers think a bit differently about software development. The future is a place where mice and physical keyboards may become scarce.
What is so attractive about iPhone and iPod Touch
Both The iPhone and iPod Touch are expected to be connected to the Web at all time, either with local WiFi hotspots for a full throttle experience or via G3 or Edge network on iPhone. The main attractions are small size, long battery life, stunning user interface. This means that developing for portable devices no longer has to mean building occasionally connected, miniature, underpowered user interfaces. Both devices are good at displaying standard web pages that you may never need to develop an application specifically for the iPhone. Your iPhone users can likely use your pre-existing DNN with few, if any, problems.
Most web pages display flawlessly by default on the iPhone/iPod. I have surfed countless DNN sites with few problems. Nevertheless, if you want to develop an application specifically for iPhone users, then it can certainly be done with a carefully crafted iPhone/iPod DNN SKIN.
What are the existing problems with DNN on iPhone?
We initially tried to use mobiNuke 2.00.02 – to make our DotNetNuke mobile friendly. However, we did not have much luck with the module being very buggy. We therefore went about solving the issues with slight modifications of the core and just a optimized skin. The rest of it will be achieved by mirroring modules or keeping it simple with dedicated copy borrowed from salaro.com..
Making DNN more usable for iPhone users is to understand that a standard sized button works fine for a mouse click, but the comparatively large size of a person's fingertip benefits from a larger target. Elements can be made more attractive and usable in other ways. For example, the iPhone will automatically convert hyperlinks that contain telephone numbers into hot spots that automatically dial that number when clicked. This assumes the iPhone recognizes the link as a phone number. To ensure the iPhone will recognize the link as a phone number, format it like this:
<a href="tel:1-425-555-5555">1-425-555-5555</a>
What's Supported by DNN? What's Not?
Browsing the DNN sites the iPhone/iPod Touch version of Safari does have a few limitations, However, these limitations are surprisingly few and far between when compared with the capabilities of other so-called ‘internet enabled' devices. Notable in the list are
- Adobe Flash. This is due to the fact that plug-ins and downloads of all kinds are prohibited on the iPhone/iPod.
- Silverlight as a development option.
- Downloads
Summary
The iPhone/iPod's ultra-rich, always connected browser environment is destined to redefine the way mobile device applications are built. Now one of the Star Trek gadgets has become reality and a few touches of an iPhone is all it takes to convince virtually anyone that they are experiencing the future of user interfaces. A new wave of iPhone aware software is developing so I suggest you hop on and surf it to success!
Please see our series of videos on this subject here. And latest on on youtube here.