Mobile Web

  • IcoMoon, Fontello and Fontastic.me: Best of Icon Fonts

    Icons are the best invention since canned beer, at least designers might agree. They are definitely on the rise in popularity. Mobile devices with their comparably small screens boost the use of icons as natural choices for navigation menus in modern web design. New icon sets get created by the hour. Especially mobile design is the trigger for a new breed of icons. These are no longer implemented in the form of individual PNGs or so-called sprites. Icon’s successor is the icon font. Iconfonts have many advantages with the biggest being their free scalability to any size, while at the same time reducing server requests to an absolute minimum. The downside of icon fonts is, that in most cases you will not need the whole font set or – even worse – need icons from different font sets. Font generators have come to deal with both of these problems. Today we’ll take a look at three of the best generators the web has to offer…



    Read more 
  • Best of July 2013: 30+ Brand-New HTML/PSD Themes & UI Elements

    This is the second compilation in our monthly series of brand-new HTML/PSD themes and UI elements. All the works exposed here are fresh resources from the month of July 2013. You will find another big set of ready to use themes, templates and elements for the web as well as completely editable files for your favorite image or vector editor. We got something for everybody…



    Read more 
  • 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 
search form
 
image description image description