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 Best Basic JavaScript Examples for Beginners <img src="http://www.javascriptbank.com/javascript.images/article/best-basic-javascript-examples-beginners.jpg" width="100" height="100" align="left" style="margin: 5px;" />The use of <a href="http://www.javascriptbank.com/">JavaScript</a> has exploded over time. Now it is practically unheard of for a website not to utilize JavaScript to some extent. As a web developer who has concentrated on back-end coding in C# and front-end look and feel via HTML and <a href="http://www.javascriptbank.com/javascript/csss/">CSS</a>, my skills in JavaScript evolved over time instead of by conscious effort. While this is not uncommon, it can allow for some bad habits to be formed. This set of best practices is my way of taking a step back and addressing JavaScript as a first-class language, with both good parts and bad parts. My concentration will be on just JavaScript, regardless of where it is run. However, you will see references in here to the browser and to Visual Studio. This is simply because that is where I live, not because either are necessary for these best practices to apply. And so, without further ado, let's jump right in and see just how far down this rabbit hole goes. http://www.javascriptbank.com/best-basic-javascript-examples-beginners.html 1417511583 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