Noupe Editorial Team

  • Surviving the Zombie Apocalypse with HTML5 and SVG #2: Text, Paths and Basic Animation

    zombie-apocalypse-2

    The first article in this series covered the basics of SVG, an overlooked, underappreciated aspect of HTML5. While different browsers implement SVG in different ways, the previous walkthrough described how to create text, incorporate SVG images and build basic shapes such as circles, polygons and paths in a way that all browsers recognize.



    Read more 
  • CSS Architectures #1: Principles of Code Cleanup and the New Best Practices

    Box-Models in Real Life Can Come Over Complicated, too

    All too often, the CSS for major (and minor) websites is a textbook case of code bloat and redundancy, with lines of code that boast unnecessary use of qualifier elements, overly specific selectors from unnecessarily long selector chains, overdependence on descendent selectors when other selectors would be more appropriate, and the inappropriate or unnecessary use of !important. We’ll show you better ways in the following article…



    Read more 
  • Games Galore: Building Atari with CreateJS

    CreateJS + Atari + Internet Explorer 10



    Read more 
  • 80,000 Lines of Objective-C: Bringing Multi-Touch Physics to the HTML5 Browser

    "Contre Jour" is a video game that is "blurring the lines between interactive art and games". Made popular on iOS, and created by Maksym (Max) Hryniv, Contre Jour is known world-wide for its innovative gameplay, charming art style, and captivating soundtrack. With the debut of Internet Explorer 10, Microsoft was looking for an opportunity to demonstrate the updated JavaScript engine and advanced multi-touch features they had packed into their new browser.



    Read more 
  • Full Throttle: Cloudflare Promises To Boost Your Website’s Performance

    cloudflare-logo-640px

    Websites nowadays should best be jack of all trades services. Extremely fast, secure against attackers, packed with lots of the most amazing features. This is not easy to accomplish. We could try to lock in dozens of web developers for weeks and not let them out before they offer a fitting solution or, we should look for other ways. The start-up Cloudflare from San Francisco offers one of these “other ways” and its quite disruptive. Their solution: Route all your traffic through our servers, we’ll take care of the rest. Sounds easier than it actually is.



    Read more 
  • IE10 and Beyond: Unifying Touch and Mouse Made Easy with Pointer Events

    microsoft-surface-w550

    I often get questions from developers like, “with so many touch-enabled devices on phones and tablets, where do I start?” and “what is the easiest way to build for touch-input?” Short answer: “It’s complex.” Surely there’s a more unified way to handle multi-touch input on the web – in modern, touch-enabled browsers or as a fallback for older browsers. In this article I’d like to show you some browser experiments using MSPointers – an emerging multi-touch technology and polyfills that make cross-browser support, well less complex. The kind of code you can also experiment with and easily use on your own site.



    Read more 
  • Surviving the Zombie Apocalypse with HTML5 and SVG

    apocalypse-w550

    As browser adoption of HTML5 continues apace, developers are finding more and more options for creating elegant, highly responsive UIs. In the case of Scalable Vector Graphics (SVG), what’s old is new again, and quite slick.



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