Javascript

  • 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 
  • New Era: Computation of Time with Moment.js

    Calculating time values and displaying them correctly is not child’s play. There are lots of different units (Year, Month, Day, Hour etc.) and – more disturbing – different systems of numeration, none of which is decimal. But you need not fall into despair. Moment.js is there to help you. The small JavaScript library comes equipped with lots of nifty features for calculating time spans, converting international time formats and also cares for the output of the results. Needless to say that Moment.js works for different languages and time zones.



    Read more 
  • Heyoffline.js Notifies Your Users When They Go Offline

    The new features of HTML5 offer online and offline events that can be queried to check for an existing internet connection. Especially web apps need to be able to rely on the proper transmission of the state of the web connection to avoid losing data. The JavaScript library Heyoffline.js provides functionality to achieve just that.



    Read more 
  • Easings.net – CSS3 Animations Leadfooted

    With the introduction of CSS3 we are able to use animated hover effects and other transitions. These transitions can be induced through the use of so-called easings. Easings differ in the way they start and accelerate or slow down and stop an animation. The website Easings.net has put together an overview of available easings. On top of that they provide some additional effects complete with source code for your easing pleasure.



    Read more 
  • Conditionizr for jQuery – Conditional Loader For Scripts And Styles

    Conditional comments. Who as a web developer has never been confronted with the necessity of dealing with IE by the use of conditional comments? IE has had no way of getting round these methods of handling quirks and insufficiencies, but also in other browsers targeting their special capabilities can have its advantages. Wouldn’t it be great if we were able to serve contents in the most optimal way to any user out there, regardless of their devices and browsers? The jQuery plugin Conditionizr promises to deliver just that solution for the most modern web developments out there.



    Read more 
search form
 
image description image description