background preloader



Related:  the glorious web (mostly JavaScript)

Tiny, opensource, Bootstrap WYSIWYG rich text editor from MindMup About This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5. Here are the key features: Automatically binds standard hotkeys for common operations on Mac and Windows Drag and drop files to insert images, support image upload (also taking photos on mobile devices) Voice dictation input (only in Chrome) Allows a custom built toolbar, no magic markup generators, enabling the web site to use all the goodness of Bootstrap, Font Awesome and so on... Why? Learning JavaScript Design Patterns Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve. Design patterns also provide us a common vocabulary to describe solutions. Jump to progress the Jarallax.jumpToProgress method allows the user to animate the Jarallax animation to a position in the animation. This is a very handy method for navigation. PayPal Releases Kraken to Help Spur Node.js Adoption Michael Vizard, March 7th, 2014 PayPal, looking to provide an additional structure around the Node.js application framework, developed the Kraken implementation, a more secure and scalable framework for building commercial-grade applications. This week, PayPal is making Kraken available to the broader open-source community. Bill Scott, senior director of user interface engineering at PayPal, says Kraken is being shared with the rest of the Node.js community because its adoption outside of PayPal will spur its adoption within PayPal while at the same time making PayPal a more attractive place to work.

Web components polyfills - Polymer Edit on Github Introduction Polymer builds on top of the upcoming web components technologies, which don’t yet ship in all browsers. However, you can run Polymer in any evergreen browser using the Web Components support library, webcomponents.js. Edge.js Run node.js and .NET code in-process An edge connects two nodes This edge connects node.js with .NET Created by Tomasz Janczuk / @tjanczuk (Use space or arrow keys to navigate) Edge.js connects Coda Popup Bubbles In particular, Jorge Mesa writes to ask how to re-create their ‘puff’ popup bubble shown when you mouse over the download image. In essence the effect is just a simple combination of effect, but there’s a few nuances to be wary of. How to Solve the Problem To create the puff popup bubble effect, we need the following: Markup that assumes that JavaScript is disabled. It would be fair to say that the popup would be hidden from the CSS.The hidden popup, correctly styled for when we make it appear.jQuery to animate the puff effect on mouseover and mouseout.

jquery-complexify Websites have a responsibility to users to accurately tell them how good a password is, and this is not an easy job. If your password is 8 characters long and only formed of lower case characters, you need to make it better, perhaps by adding a number or more characters. If your password is 25 characters long but happens to not contain a number, you shouldn't be forced by a password security policy to add one, you clearly have a very secure password. Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons.