Noupe Editorial Team

  • A Deeper Dive into jQuery Mobile: Themes

    >

    The first article (Introduction to jQuery Mobile), published over at MSDN, in this series looked at the subject of themes at a high level and at themes available in jQuery Mobile (jQM). In this, the third of three articles on jQM, I show how to build a custom theme using the Theme Roller, as well as look at some custom themes that allow a mobile Web application to look more like an iPhone, Android or Windows Phone application.



    Read more 
  • Down with Boredom: 5 Pattern Generators for Background Designs

    patterngeneratoren_patterncooler-w550

    If you want the background of your website to consist of more than a color, you’ll be thinking about a background image. If there’s no obvious image you should use or if you don’t want to get determined by your imagery, while at the same time being able to serve different resolutions more or less effortlessly, you’ll soon turn your thoughts on textures or repetitive patterns. Creating repetitive, seamless patterns is not easy. Pattern generators are there to help you achieve just this. We have aggregated the five most promising tools…



    Read more 
  • jQuery Custom Content Scroller Does Away With Ugly Scrollbars

    jquerycustomcontentscroller-w550

    Scrollable elements in websites are not everywhere, but they are not seldom either. What makes designers avoid them, if possible, is their layout-breaking ugliness. Standard-scrollbars are pushed in according to your browser’s unchangeable preference. Some guy in Redmond or Mountain View decides how scrollbars are presented. With the jQuery plugin Custom Content Scroller we need no longer waste much thought on the guys behind the browser-scrollbar. Instead, we design them to our own liking and according to the project’s design guidelines.



    Read more 
  • How I Built the Paint 4 Kids Windows Store App Using Only HTML5 and SVG

    paint4kids-01-w550

    Paint 4 Kids is a Windows Store app, specifically designed for kids. A simple app for coloring and drawing. You can read of the consumer’s features directly from the Windows Store site, where you can also see some screen shots. For this article, you can simply think of an app that has several drawings and you can interact with them.



    Read more 
  • Varnish – Free Cache-Server Extraordinaire Speeds Up Your Website

    varnish_speed_up-w550

    Complex web apps and high traffic spell doom to many a web server. Web as well as database server have to put together the right data at each new visit to deliver it as renderable HTML. No wonder caching solutions have become popular throughout the last few years. Caching means storing already deliverable content in memory instead of compiling it anew at each new hit. The duration or lifetime of cached content is configurable and should be fine-tuned according to the needs of your web project from minutes to hours to days. Quite a few web apps already are equipped with some kind of caching strategy. If you want the real deal, say a speed boost of 300 to 1,000 times faster, dedicated solutions should be considered.



    Read more 
  • How To Pin Web Apps As Tiles To The Brand-New Startscreen Of Windows 8

    windows8tiles-w550

    The new user interface of Windows 8 needs a lot of getting used to. The upside is, the introduction of the so-called tiles, which are intended as the main way of interacting between user and system, brought new possibilities to provide the user with additional information. Tiles are not limited to showing an icon, the way it was before Windows 8, only without the tiles ;-) Inside the tiles notifications can be placed and kept in sync. This is not only possible for apps, but also for websites. Microsoft provides several specialized meta-tags to customize the looks and contents of tiles with links to websites.



    Read more 
  • Google PageSpeed: Website Optimization Out Of The Box

    pagespeed-rocket-w550

    Rumor has it that there are literally countless aspects influencing the ranking of websites in Google. Besides the ever so valuable content and the still important backlinks to your site, our greatest search engine tends to throw long hard looks at the performance, the loading time of your digital subsidiary. Long loading times get on everybody’s nerves. Google knows that and ranks optimized pages better, a big advantage in terms of SEO. Optimization does not only cost time, but needs a lot og knowledge, too. Google has two solutions in store with which optimizing your websites can become a whole lot easier, easy even. Ever heard of PageSpeed?



    Read more 
  • CSS3 Lifelike: A Slightly Different Box Model with {box-sizing:border-box}

    real-world-box-w550

    The classical box model in CSS has never been the most intuitive. Thanks to CSS3, we now have an alternative to consider: {box-sizing:border-box}. This model has lots of advantages, especially when it comes to flexible layouts.



    Read more 
  • CSS Rooted: Flexible Type Sizes With REM

    Best practices of defining font sizes are discussed throughout the web since its inception. Besides the traditional candidates, such as px, em and %, rem represents a fairly new alternative, taking the best of the other units and combining them into one.



    Read more 
  • 30 Elaborate Tutorials To Teach You PSD to HTML Conversion

    Screenshot

    Designing in PSD and then porting to HTML is still common these days. Responsive design will probably alter the ways of the design industry, but up to today it hasn’t. In the following post we gather some useful and highly elaborate tutorials on PSD to HTML conversion. Each tutorial in this collection provides information in an easy to follow manner, so that you can actually learn all the conversion techniques. So, take some time, look into this collection and try to grab the techniques. Here is the complete collection of 30 tutorials on PSD to HTML conversion.



    Read more 
search form
 
image description image description