Mobile Web

  • Tablet Web Design Best Practices: Free Ebook Offers Loads of Useful Tips

    Who would dare to not call the guys and girls of Canadian Mobify experts in mobile web design? They actually are. Though not everyone will find their cloud-based design concepts appealing. A short while ago the people at Mobify decided to publish an ebook on the best practices in tablet-focused web design. They titled the 25-pager "Tablet Web Design Best Practices: 30 Ways to Create Amazing Web Experiences on Tablets". Even more amazing, they give it away for free…



    Read more 
  • HTML5up: 14 Totally Free and Modern Templates Made With HTML5

    If you happen to be looking for ready-made website-templates you need not search for long. Google brings up a bunch of sites, here at Noupe we don’t abandon you on that search either. When it comes to Google findings, chances are, you will, in most cases, not really be satisfied by the available quality of code or layout. In these case, read: in any case, you should visit the new service HTML5up. What you will find here are really elegant and modern templates for contemporary websites based entirely on HTML5 and CSS3, with a bit of JavaScript, obviously. These templates are not only entirely beautiful, they are also completely free.



    Read more 
  • Create The Future: Common Techniques in Responsive Web Design

    amiresponsive-noupe

    In this article, I’ll dive into some of the most common practices for building responsive site layouts and experiences. I’ll describe the emerging and available techniques for site layouts that flexibly resize based on screen real estate (referred to as “fluid grids”) so as to ensure that users get complete experiences across whatever screen size they are using. Additionally, I’ll show how to present rich media, especially images, and how developers can ensure that visitors on small-screen devices do not incur additional bandwidth costs for high-quality media.



    Read more 
  • 10 Killer Resources To Rock Your Next Bootstrap Project

    Bootstrap is the young star that is getting all the attention lately. Released in August of 2011, even Twitter may not have known how big it would get. As of June 2013, it is still the most popular GitHub development project with over 52k stars and over 16k forks. Bootstrap can be mind-blowing when you consider how easily it incorporates so many complex things on a website. But can it get improved upon? Are there tools to make it even more astounding? Yes. Here’s 10 resources to help you on your Bootstrap journey.



    Read more 
  • From 4-Inch Phones to 40-Inch TVs: Designing Responsive Websites

    amiresponsive-noupe

    It’s worth taking a step back, to think through your site’s experience and understand whether the device with which a user accesses your site changes the user’s expectations of the site’s functionality. Is the user checking your site for quick updates with her cellphone while she’s on the go? Is he sitting down, 10 feet away from a large TV screen, looking to immerse himself in a relatively passive consumption experience of rich content, videos and games? Are other users sitting down at their PCs, looking to get the most from your site content? Most of all, how do these expectations affect the site layout and functionality that you provide at those corresponding screen sizes?



    Read more 
  • Now Is The Time: Why the Web Is Ready for Responsive Web Design

    amiresponsive-noupe

    Today, a large portion of site traffic comes from mobile devices — namely smart phones and tablets — in addition to traditional PCs. Across the globe, mobile devices now account for 12 percent of Internet traffic, and it’s scaling up faster than desktop Internet traffic. The fraction of mobile Web traffic is sufficiently higher in nations with high smartphone penetration (for example, 20 percent of US-based Web traffic is via mobile browsing). What’s more, this figure is expected to grow significantly over the next 10 years, as smartphones evolve and mature in terms of hardware and software and adoption picks up in South America, Asia and Africa.



    Read more 
  • Fries: Free Framework for Developing Android Apps Using HTML, CSS and JavaScript

    fries-homepage-w550

    Fries by Jaune Sarmiento just reached version number 1.0. The project offers a framework for the development of web apps in the look and feel of native Android apps. If you are familiar with Android’s UI from version 4 on, you will definitely know your ways around, once you get a hold of Fries. In its current iteration, Fries is optimized to cooperate with PhoneGap, thus letting you build native Android experiences.



    Read more 
  • No Matter of Luck: What To Consider In Mobile App Development [Infographic]

    MobileAppDevIG_teaserl

    There are gazillions of mobile apps out there. If you are looking for a specific use case or – not – you won’t see any shortage in what you will be able to find. Thus, releasing a mobile app is not without risks. You need to create something outstanding to attract the users. But how do you know? How can you improve? Sure, you can always wait for shit storms to wipe away your Facebook page or you can rely on these nice one-star-ratings in app stores. Did you know, that 60 % of all apps in Apple’s App Store have not once been downloaded. If I were you, I’d try to find alternatives to hoping and waiting (and failing) ;-)



    Read more 
  • The Future Is Now: GinWiz Mobilizes Your Website [Review]

    GinWiz | Homepage

    We all know it. Mobile is the future. There are studies all over the place that tell you there are more smartphones than toilets out there, more smartphones than humans even (well, not yet). Android phones are registered at a whopping pace of 1.5 million devices per day – according to Google’s Eric Schmidt. Whether you believe every single piece of information or not, one thing is for certain: There is no getting round mobile devices. And these tend to surf the web. Thus, another thing is for certain: We all need mobile websites rather sooner than later. One way to achieve this is named GinWiz…



    Read more 
  • Leaflet: Interactive Maps with JavaScript and OpenStreetMap

    leaflet-w550

    What crosses your mind first, when you think about embedding maps into a website? I am pretty sure the answer is: Google Maps. And this is perfectly understable as the easy to use JavaScript API allows for simple and flexible addition of custom content such as markers and overlays to the maps. The free alternative OpenStreetMap has nothing similar to offer and thus is often turned down as the valid choice it could otherwise be. There is hope, though. The JavaScript library Leaflet allows for the addition of lots of Google Maps features to maps based on the Open Source project OpenStreetMap.



    Read more 
search form
 
image description image description