background preloader

jQuery vs MooTools: Choosing Between Two Great JavaScript Frameworks

jQuery vs MooTools: Choosing Between Two Great JavaScript Frameworks
Related:  Framework de développement javascript

Installing SSL using OpenSSL on a WAMP localhost | phpJoel Image via Wikipedia I’m working on a project that is requiring me to use SSL (to make a https connection) on my local installation of WAMP. After much searching and a couple tries, it appears that I finally got it working. Before starting with all the key stuff, I installed the OpenSSL binaries for Windows into the System directory. The following is ripped from a comment buried on Again in the command prompt, go to C:\wamp\Apache2\bin and run the following command: The command runs and prompts you to enter a PEM pass phrase and verify it. It will then ask you to enter information that will be incorporated into your certificate request. Run the following command: You will be prompted for the pass phrase from the previous step. Run the following command to create a certificate which expires after one year: Create a folder c:\wamp\OpenSSL with the following subfolders: Copy the following files to /certs/: Copy the following files to /private/: Modify the base directory:

Framework javascript Un article de Wikipédia, l'encyclopédie libre. Histoire[modifier | modifier le code] Le javascript fut initialement développé par Netscape et plus tard Mozilla et eut une présence continue sur les sites web. Bibliothèques[modifier | modifier le code] Une forte demande pour le Javascript apparaît et des manières de développer plus facilement et plus rapidement sont demandées. Frameworks[modifier | modifier le code] De nombreux frameworks existent citons parmi les plus utilisés : Notes et références[modifier | modifier le code] (en) Cet article est partiellement ou en totalité issu de l’article de Wikipédia en anglais intitulé « JavaScript library » (voir la liste des auteurs) Voir aussi[modifier | modifier le code] Articles connexes[modifier | modifier le code]

De la résilience des standards du Web Le propos de ce billet est de faire un petit point sur les assauts passés et présents contre les standards du Web. Il est inspiré par l’article de Chris Anderson dans Wired : “The Web Is Dead. Long Live the Internet”. L’ère AOL / World Online Comme chacun sait, les standards du Web (HTTP/HTML) ont été créés par Tim Berners Lee au début des années 90. L’ère IE / Flash En 2003, le Web était dominé par Internet Explorer qui disposait de plus de 98% de parts de marché toutes versions confondues. Par ailleurs, le format Flash était largement utilisé, parfois au delà de ses aptitudes au multimédia et au vectoriel. L’ère des AppStores Le Web est aujourd’hui menacé dans sa version mobile : en effet, de nombreux fournisseurs de contenus préfèrent proposer des applications embarquées plutôt que des WebApps sur les téléphones et tablettes. Les raisons du recours aux plateformes de développement embarqué sont généralement les suivantes : HTML5 est un standard immature, encore en cours d’écriture.

Image Reflection with jQuery and MooTools One subtle detail that can make a big difference on any web design is the use of image reflections. Using them too often can become obnoxious but using reflections on large, "masthead" images is a classy enhancement. Unfortunately creating image reflections within your graphics application can be time-consuming, especially when an image can potentially change frequently. Reflection.js is a JavaScript utility available in both jQuery and MooTools that creates reflections for any images in a page. The HTML Add the reflect CSS class to any image you'd like to reflect. The MooTools JavaScript Usage The MooTools version of Reflection.js implements the reflect method to create reflections. The jQuery JavaScript Usage Much like MooTools method, you execute each element's reflect method. Christophe's Reflection.js code is a great piece of work! Be Heard Tip: Wrap your code in <pre> tags or link to a GitHub Gist! Older Introducing MooTools ScrollSide Newer Create PHP Classes with Dynamic Functions

Bumpbox - A Lightbox Clone that Supports PDFs Bumpbox is another lightbox clone with a few advantages over other lightboxes – it supports not only all common media types but also PDF’s. Yet, the integration and implementation on your own site is pretty simple. Just add the scripts to your head section, add classes to your links that should use bumpbox, define a rel tag with the size that the bumpbox should have and you’re ready to roll. Bumpbox automatically detects what kind of filetype you wish to show in the box, so you do not need to specify the type, easing the process of integration. Requirements: Mootools Framework 1.2 Demo: License: License Free Quick Tip – Resizing Images Based On Browser Window Size How Is This Useful? In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor. The technique that will be used can be expanded to cause additional changes upon resize as well, beyond simply image swapping (ie captions, navigation). With that said, let’s get rolling. Step 1 – The HTML You Need That’s nice and bite-sized. Step 2 – Onto the CSS For the sake of simplicity I have excluded any graphical styles such as borders/fonts in the above CSS. Step 3 – Triggering the Change With jQuery When the document is ready, we establish a function (imageresize) which swaps the images depending on the width of the browser. Boom, You’re Done Some of you may wonder why I only have two sizes and didn’t just make the image adjust as a percent of the overall layout. Google+

45% of the popular websites use a javascript framework July, 2010 By crawling Alexa top 100 000 websites I found out that 45% of them use a Javascript framework and among those who use a framework 28% of them use Jquery. I expected that more websites will use a framework but apparently many people like to do things by hands Anyway the following chart depicts how popular each framework is: As one can see JQuery is by far the most used framework: 63% of the Alexa top 100 000 websites that use a javascript framework, choose it. Given that JQuery is so popular, I was curious to know which version is the most used. Beside the obvious fact that the 1.3.2 version is by far the most popular version with 51.25% this graph tell us that people do not update their javascript framework: the 1.2.6 version is still used by 17.4% of the websites. Finally since JQuery comes in two flavors : the regular version and the minified version, I was curious to know how many websites optimizing their loading time by using the minified version.

jQuery s’impose dans le monde javascript et s’exporte sur mobile Connaissez-vous jQuery ? Mais si enfin, la fameuse bibliothèque javascript open source. Pour vous la faire courte : javascript est un langage très tolérant, mais pas très rigoureux. Il existe donc une multitude de façons de faire la même chose (plus ou moins efficaces). Pourquoi parler de jQuery ? jQuery est petit à petit en train de s’imposer comme LA bibliothèque de référence auprès de la communauté, mais également auprès des grands éditeurs (Microsoft Adopts Open-Source jQuery JavaScript Library et Adobe Heart’s jQuery) ;Une nouvelle version vient de sortir (jQuery 1.4.3 released) et apporte visiblement des gains importants de performance et de stabilité (je ne suis pas un expert, mais c’est ce que j’ai lu à droite et à gauche) ;Une version mobile vient d’être proposée en version alpha (First release of jQuery Mobile) et elle repose sur le même noyau. En quoi jQuery Mobile est-il une révolution ? Des interfaces riches sur votre smartphone avec jQuery Mobile

FancyUpload Previous Version If you missed the link above, the previous FancyUpload for MooTools 1.11 is still available including example code and minor updates. It is not maintained anymore. Features Compatibility Fully compatible with all A-Grade Browsers (Internet Explorer 6+, Opera 9, Firefox 1.5+ and Safari 3+) with Adobe Flash 9 and 10 player. How to use The available showcases show off documented code snippets with various use cases. Documentation Class: Swiff.Uploader Extends: Swiff Syntax: var uploader = new Swiff.Uploader([options]); Arguments: options - (object, optional) See options below. Returns: (object|false) - New Swiff.Uploader instance. Options: The options url, method, data and mergeData are also available in Swiff.Uploader.File. Events: load - (function) Function to execute when the Flash movie is - (function) Function to execute when the loading is prevented. Every Event starting with file is also called on the Swiff.Uploader.File class, without prepended file. Requirements

MooTools Plugin For Geolocation Tasks: MooGeo MooGeo is a MooTools plugin that makes accomplishing common geolocation tasks easy. These tasks include getting detailed info about an IP (country, city, longitude, latitude, etc.), parsing geographical data from text and even finding Flickr photos about a given place. The plugin makes use of multiple free-to-use services like: Yahoo PlaceMakerYahoo GeoPlanetjsonip.appspot.comW3C Geo locationFlickr.places.findLatLon and wraps them into a single package. MooGeo has also support for events on every level (when a request is sent, completed, success or error) which helps offering a better experience to end users. Building Multi-lingual Joomla 2.5 Sites About a year ago we wrote a tutorial which showed how to build multi-lingual sites in Joomla. This tutorial proved to be one of the most popular we've ever written. However, Joomla has made some updates since last year, and so this is our update to that tutorial. We also now have a complete training class on multi-lingual sites for our members. This tutorial covers how to build a multi-lingual site with only the Joomla core. What you can do is activate the language switcher module and let visitors switch the joomla core labels and headings to their preferred language. Step 1: Activate the plugin Go to Extensions > Plugin Manager.Use the Filter to search for language plugins.Activate the plugins by clicking the red circles. Step 2: Set the basic plugin options You can set the language selection for viewers to always show the default language, or you can have Joomla try to detect the country from the browser settings and open with the correct language. Step 3: Add the content language Example

Mootools vs JQuery