Lastest JavaScripts from JavaScriptBank.com http://www.javascriptbank.com/rss/ Lastest JavaScripts from JavaScriptBank.com en Copyright (C) JavaScriptBank.com 60 jsB@nk.com RSS Powerful JavaScript Applications Optimized for Mobile Platform with QRCode <img src="http://www.javascriptbank.com/javascript.images/article/powerful-javascript-applications-optimized-mobile-platform-qrcode.jpg" width="100" height="100" align="left" style="margin: 5px;" />The popularity of mobile devices has increased dramatically within these few years. We need to have the <a href="http://www.javascriptbank.com/=responsive website">responsive website</a> that transform itself to different screen size and now we have a bunch of JavasScript plugins built and optimized for mobile as well. When I was searching for these resources, I was having this issue that, whenever I want to view it in my mobile, I need to type the URL manually! I got this inspiration from <a href="http://www.javascriptbank.com/=Cubiq">Cubiq</a> (one of the cool mobile optimized plugin developers), they use <a href="http://www.javascriptbank.com/=QRCode">QRCode</a> for the demo link, and I just have to scan it with my mobile phone! Saved me heaps of time. So, don't worry, I have put QRCode in every single demo, feel free to play it with your mobile phone. http://www.javascriptbank.com/powerful-javascript-applications-optimized-mobile-platform-qrcode.html 1396379944 10 Awesome CSS3 Tips & Tricks <img src="http://www.javascriptbank.com/javascript.images/article/10-awesome-css3-tips-tricks.jpg" width="100" height="100" align="left" style="margin: 5px;" />Most experienced front-end <a href="http://www.javascriptbank.com/=web developers">web developers</a> probably already have many <a href="http://www.javascriptbank.com/=CSS3 tips">CSS3 tips</a> & tricks in this post as part of their <a href="http://www.javascriptbank.com/=CSS coding guidelines">CSS coding guidelines</a>, but did you know there are some powerful <a href="http://www.javascriptbank.com/=CSS selectors">CSS selectors</a> to target an empty DOM element, HTML elements of a specific type, or maybe any type of element? Many older resources tend to shy away from using some of these <a href="http://www.javascriptbank.com/=CSS3 tricks">CSS3 tricks</a>, however more and more we see that modern <a href="http://www.javascriptbank.com/javascript/browser/">browsers</a> are so fast, it doesn't matter nowadays. With that in mind, <a href="http://www.javascriptbank.com/">JavaScriptBank.com</a> is happy to present 10 handy <a href="http://www.javascriptbank.com/=CSS3 selectors">CSS3 selectors</a> you can start using today. More other CSS3 tips & tricks to master yourself: - <a href="http://www.javascriptbank.com/css3-box-shadow-property-basics.html">CSS3 box-shadow Property Basics</a> - <a href="http://www.javascriptbank.com/html-button-css3-tiny-helpful-demo-tutorial.html">HTML Button with CSS3: Tiny & Helpful Demo plus Tutorial</a> - <a href="http://www.javascriptbank.com/great-collection-extreme-css3-javascript-tutorials.html">Great Collection of Extreme CSS3, JavaScript Tutorials</a> http://www.javascriptbank.com/10-awesome-css3-tips-tricks.html 1391542989 Awesome WebGL Experiments with Stunning JavaScript Applications <img src="http://www.javascriptbank.com/javascript.images/article/awesome-webgl-experiments-stunning-javascript-applications.jpg" width="100" height="100" align="left" style="margin: 5px;" />The evolution of web environment, JavaScript and modern browsers has brought a lot of awesomeness to the Internet. It enhances websites, <a href="http://www.javascriptbank.com//=web applications">web applications</a> in a way that we couldn't have thought it's plausible few years ago. In this <a href="http://www.javascriptbank.com/">JavaScript list</a>, <a href="http://www.javascriptbank.com/">JavaScriptBank.com</a> have a list of <a href="http://www.javascriptbank.com//=JavaScript experiments">JavaScript experiments</a> that used <a href="http://www.javascriptbank.com//=WebGL">WebGL</a> (Web-based Graphic Library) - another widely spread technology used in <a href="http://www.javascriptbank.com//=web development">web development</a> to generate interactive <a href="http://www.javascriptbank.com/javascript/3d/">3D graphic</a> within any compatible browser. More JavaScript/web experiments you should not miss: - <a href="http://www.javascriptbank.com/showcase-awesome-stunning-scrollable-websites.html">Showcase of Awesome and Stunning Scrollable Websites</a> - <a href="http://www.javascriptbank.com/eight-stunning-beautiful-html5-javascript-experiments.html">Eight Stunning and Beautiful HTML5 and JavaScript Experiments</a> - <a href="http://www.javascriptbank.com/beautiful-stunning-css3-animation-experiments.html">Beautiful and Stunning CSS3 Animation Experiments</a> - <a href="http://www.javascriptbank.com/amazing-website-awesome-javascript-html5-effects.html">Amazing Website with Awesome JavaScript and HTML5 effects</a> - <a href="http://www.javascriptbank.com/10-super-good-javascript-experiments-on-google-chrome.html">10 Super Good JavaScript Experiments on Google Chrome</a> http://www.javascriptbank.com/awesome-webgl-experiments-stunning-javascript-applications.html 1386794405 3D Canvas Substrate in JavaScript <img src="http://www.javascriptbank.com/javascript.images/3d/3d-canvas-substrate-in-javascript.jpg" width="100" height="100" align="left" style="margin: 5px;" />Another <a href="http://www.javascriptbank.com/">JavaScript code</a> to generate an <a href="http://www.javascriptbank.com//=3D web effect">3D web effect</a>, this JavaScript example uses <a href="http://www.javascriptbank.com//=HTML5 canvas element">HTML5 canvas element</a> to draw the <a href="http://www.javascriptbank.com/javascript/graphic/">graphics</a>. http://www.javascriptbank.com/3d-canvas-substrate-in-javascript.html 1383586573 Basis of JavaScript Structure with Dojo <img src="http://www.javascriptbank.com/javascript.images/article/basis-javascript-structure-with-dojo.jpg" width="100" height="100" align="left" style="margin: 5px;" /><b>Dojo</b> is a <a href="http://www.javascriptbank.com/javascript/framework/">JavaScript Framework Kit</a> (software components kit) which is somehow less famous than <a href="http://www.javascriptbank.com/javascript/framework/jquery/">jQuery</a>, but yet it possess almost the same features. Very easy to install and lightweight, it allows you to (logically) organize your <a href="http://www.javascriptbank.com/">JavaScript code</a> in <a href="http://www.javascriptbank.com//=JavaScript classes">JavaScript classes</a>, as well as attributes and methods. You can use the <a href="http://www.javascriptbank.com//=JavaScript inheritance">JavaScript inheritance</a> concepts and inclusions of classes into each other. But that's not all: <i>Dojo</i> comes another framework called: "<b><a href="http://www.javascriptbank.com//=Dijit">Dijit</a></b>". It contains among others many (fully coded) <a href="http://www.javascriptbank.com/javascript/graphic/">graphical tools</a> such as <a href="http://www.javascriptbank.com//=calendar">calendars</a>, windows fade or even "displayers" to easily organize your site as tabs (for example). http://www.javascriptbank.com/basis-javascript-structure-with-dojo.html 1380905938 2 Useful Tips about JavaScript Conditionals <img src="http://www.javascriptbank.com/javascript.images/article/2-useful-tips-about-javascript-conditionals.jpg" width="100" height="100" align="left" style="margin: 5px;" />Lear more about <a href="http://www.javascriptbank.com//=JavaScript If condition">JavaScript If condition</a> through this small JavaScript article. Read this short JavaScript tutorial, practice yourself with some tiny <a href="http://www.javascriptbank.com//=JavaScript If examples">JavaScript If examples</a> to understand and use <a href="http://www.javascriptbank.com/=JavaScript if clause">JavaScript if clause</a> smarter and better. http://www.javascriptbank.com/2-useful-tips-about-javascript-conditionals.html 1380905887 Awesome JavaScript Tutorials to Create JavaScript Animations <img src="http://www.javascriptbank.com/javascript.images/article/awesome-javascript-tutorials-create-animation.jpg" width="100" height="100" align="left" style="margin: 5px;" />Today <a href="http://www.javascriptbank.com/">JavaScriptBank.com</a> is happy to bring to you some <b>jQuery tutorials and techniques</b>. The power of <a href="http://www.javascriptbank.com/javascript/framework/jquery/">jQuery</a> helps web developers and JavaScript coders create some interesting user-interface works. They are a branch of JavaScript and make the interaction with development code easier, thus making the work fast. This fast growing technology gives the websites a more scope for entertainment and interaction at the same time. The <a href="http://www.javascriptbank.com/javascript/menu/multilevel-menu/">drop down menus</a>, <a href="http://www.javascriptbank.com/drag-and-drop-table-content-with-javascript.html">drag elements</a>, <a href="http://www.javascriptbank.com//=JavaScript animations">JavaScript animations</a> can be created in less amount of time as it reduces your amount of coding than <a href="http://www.javascriptbank.com/">JavaScript</a>. http://www.javascriptbank.com/awesome-javascript-tutorials-create-animation.html 1378287642 Learn more about JavaScript Inheritance with Tiny JavaScript Example Codes <img src="http://www.javascriptbank.com/javascript.images/article/learn-more-about-javascript-inheritance-tiny-javascript-example-codes.jpg" width="100" height="100" align="left" style="margin: 5px;" />In this JavaScript article, <i>Alex Sexton</i> show to you more about <a href="http://www.javascriptbank.com//=JavaScript inheritance">JavaScript inheritance</a> with some tiny <a href="http://www.javascriptbank.com/">JavaScript example codes</a>, easy to understand and master your JavaScript inheritance skills. More <a href="http://www.javascriptbank.com//=JavaScript inheritance">JavaScript inheritance tutorials</a> to master: - <a href="http://www.javascriptbank.com/javascript-classical-inheritance.html">JavaScript Classical Inheritance</a> - <a href="http://www.javascriptbank.com/simple-concepts-of-javascript-prototypal-inheritance.html">Simple Concepts of JavaScript Prototypal Inheritance</a> - <a href="http://www.javascriptbank.com/5-chief-javascript-inheritance-concepts.html">5 Chief JavaScript Inheritance Concepts</a> http://www.javascriptbank.com/learn-more-about-javascript-inheritance-tiny-javascript-example-codes.html 1376945505 2D Boids in JavaScript <img src="http://www.javascriptbank.com/javascript.images/utility/2d-boids-javascript.jpg" width="100" height="100" align="left" style="margin: 5px;" />This JavaScript Boids effect is a simulation of flocking/schooling behavior (e.g. birds, fish). A very helpful <a href="http://www.javascriptbank.com/">JavaScript code</a> to practice yourself. http://www.javascriptbank.com/2d-boids-javascript.html 1376945505 16 Best JavaScript Libraries for Wrapping HTML5 Canvas <img src="http://www.javascriptbank.com/javascript.images/article/16-best-javascript-libraries-wrapping-html5-canvas.jpg" width="100" height="100" align="left" style="margin: 5px;" />The <a href="http://www.javascriptbank.com//=Canvas API">Canvas APIs</a> represents a way of creating shapes, <a href="http://www.javascriptbank.com/javascript/graphic/">graphs</a> and animations on the web that using just <a href="http://www.javascriptbank.com/">JavaScript</a> and which, unlike Flash, doesn't require a plug-in installed on the viewer's browser. While <a href="http://www.javascriptbank.com//=HTML5">HTML5</a> may not have the same capabilities as Flash does when it comes to animations, many people put their hopes in the canvas tag. The limitations that are present are due to the fact that the canvas element was never designed to build animations with it, unlike Flash. <a href="http://www.javascriptbank.com//=HTML5 Canvas">HTML5 Canvas</a> libraries aim to wrap the Canvas element and extend it one way or another to make a better syntax and functionality. These JavaScript libraries come as a helping hand to understanding and using HTML5 Canvas to its full potential. In this <a href="http://www.javascriptbank.com//javascript/article/">JavaScript article</a> you will see the <a href="http://www.javascriptbank.com//=HTML5 Canvas wrapper">HTML5 Canvas wrapper</a> libraries that are available at the moment. Check them out thoroughly and see what each one has to offer and, ultimately, if it is useful to you. http://www.javascriptbank.com/16-best-javascript-libraries-wrapping-html5-canvas.html 1376945374