Javascript

  • Unobtrusive Helper: Intro.js Guides Visitors Around Your Website

    introjs1-w550

    You know it. A website should be self-explanatory, navigation should be obvious. “Don’t make me think!” If you need a manual to tell your visitors how to use your website, you’re a dead man designer walking. This is generally true. But! Imagine you changed your website, but ever so slightly that your regular visitors won’t even notice. But! You want them to notice, because to you and at best also to your visitors these changes are a big deal, though not obvious. Would it not be great to have a possibility to gently poke the attention of your visitors to the right direction? Intro.js is a framework to achieve just that. It guides your visitors around the fresh parts of your website and has some tooltips at hand.



    Read more 
  • Games Galore: Building Atari with CreateJS

    CreateJS + Atari + Internet Explorer 10



    Read more 
  • HTML5: Threesixty.js Generates 360 Views From Images

    threesixtyjs-homepage-w550

    360 degree walk-arounds, just as you know them from the major automobile brands: that is what you can expect the fresh jQuery plugin Threesixty.js to deliver. It does this using HTML5 data attributes, thus showing a very simple approach that has you fiddling together a nice 360 in a matter of minutes.



    Read more 
  • Hook.js für jQuery – Pull To Refresh For The Web

    hookjs-homepage-w550

    If my memory doesn’t fool me, it was Apple who invented this. Or was it Loren Brichter for his Tweetie client? I really can’t say for sure, but that does not matter anyway. “Pull to refresh” definitely is a functionality that can be seen as a standard nowadays, at least when we look at mobile clients, foremost smartphones and tablets. Jordan Singer and Brandon Jacoby have just recently come up with a similar method of equipping websites with a “Pull to refresh”.



    Read more 
  • Peer.js Enhances WebRTC, Allows For Peer-To-Peer Connections In The Browser

    Well, you could go pier to pier here. But that isn't what we are talking about...

    WebRTC is a powerful idea. It aims at establishing real-time communication inside of a browser. Google, Mozilla and Opera carry the project, its API is supported in Chrome and the nightly versions of Firefox. Does this sound limited? It sure does. The JavaScript project Peer.js is even more limited. It is only functional, not even fully, in Chrome Dev and Canary. Still it is an interesting approach to guess on the future of communication.



    Read more 
  • Typeahead.js for jQuery – Twitter’s Flexible Autocomplete

    typeahead-homepage-w550

    Is Twitter enjoying Open Source more and more? For years they weren’t to be seen, then they released Bootstrap to the community and now they are pushing out new projects regularly. The newest addition is titled Typeahead.js. This plugin for jQuery adds autocompletion to any input element you want to enhance that way. The autocompletion data can be hard-coded or called from JSON files on local or remote storage.



    Read more 
  • HTML5 Server-Sent-Events: How To React On Server Requests With JavaScript

    serversentevents-w550

    You certainly know the XMLHttpRequest object, with which it is possible to communicate with a web server from inside an HTML document and have it updated without the need for reloading the page. Now, with the newly introduced server sent event, part of HTML5, we can even react to requests from the server side without the need for a reload. This way we can keep page contents simultaneously updated. This proves useful in several cases, e. g. regarding your stock of products, that is probable to change every second.



    Read more 
  • New Tools: CSS-Preprocessor Roole and HTML Converter Markdown.css

    roole-w550

    Astonishing things happen inside the development community. It keeps pushing out tools at an hourly rate, where some tools become essential and others are never again heard of. Today we will be looking at two tools, one from each side of this spectrum. While Roole, a JavaScript-based preprocessing CSS language, proves immediately useful, Markdown.css asks for a deeper look, or two.



    Read more 
  • Toolbar.js for jQuery and Bootstrap: Flexible Toolbars in iOS Style

    No matter whether you like the design style of iOS or you don’t. We need not participate in the ongoing discussion about sceuomorphism. One topic cannot be disputed. I’m talking about the toolbar design Apple’s iOS introduced. Modern websites tend to adapt that concept more often than not. Tapping an icon or a link unveils more options. This is space-saving and an established implementation by now. The jQuery plugin Toolbar.js, created by Paul Kinzett from New Zealand, allows for iOS-style toolbars on any website. The tool is dead-simple to integrate.



    Read more 
  • Tilted: HTML Elements Become Parallelograms With Maskew

    You know that you can tilt HTML elements into the shape of a parallelogram using the CSS3 property “transform”. Nice, at first sight. But then, calling “transform” on a picture leads to tilting the picture itself. Uncle Hugo is not amused about his new skewed look. And you know, it is his corporation you are preparing the web site for. To save you, I have found the JavaScript library Maskew. Maskew skews elements into parallelograms too. But it does not skew the content, only the frame. Uncle Hugo himself will not tilt (at you) this way…



    Read more 
search form
 
image description image description