background preloader

CasperJS, a navigation scripting and testing utility for PhantomJS

CasperJS, a navigation scripting and testing utility for PhantomJS

Fathom.js, présentations, diaporamas en JavaScript | Webmaster – Ressources et outils gratuits pour votre site internet – Free Tools| Free Tools, Le meilleur des outils gratuits pour webmaster Informly. Tableau de bord de toutes vos stats. Les outils de la veille Informly est un outil de veille qui permet de centraliser dans un tableau de bord unique les statistiques issues de plusieurs services en ligne. Cet outil de curation se destine plutôt à de petites entreprises et organisations et répond au besoin d’avoir, d’un coup d’oeil, un accès à toutes les stats liées à sa présence sur le Web. Au lieu de passer d’un service à l’autre, Informly regroupe sur une seule et même page tous les indicateurs. Informly est encore en cours de développement et manque encore un peu de services et d’options de représentation des données recueillies pour être véritablement indispensable, mais il s’agit incontestablement d’une bonne idée qui devrait accroitre la productivité des petites organisations. Tableau de bord Informly Le service vous fera gagner du temps en évitant le zapping d’un service en ligne à l’autre pour collecter tous vos chiffres. Lien : Informly. Like Loading...

Karma - a Javascript Test Runner Karma - a Javascript Test Runner Michael G Bielski, Karma is a test runner for JavaScript that runs on Node.js. Website: Tested: v0.10 running on NodeJS 0.8.19 running on Windows 7 Professional 64-bitLicense and Pricing: Open SourceSupport: User mailing list/group on Google Groups ( Installation The recommended installation location of Karma is in your global node_modules directory. Configuration Before you run Karma you must configure it. What testing framework do you want to use? Jasmine, Mocha, and QUnit are installed by default and can be referenced by name, but if you have installed another one you should name it here. Do you want to use Require.js? Require.js is a lazy-loading framework that many developers use to minimize the initial script load times in the browser. Do you want to capture a browser automatically? What is the location of your source and test files? Preprocessors Plugins

holmes.css - CSS Markup Detective What does it do? The holmes.css file will display either an error (red outline), a warning (yellow outline), or a deprecated style (dark grey outline) for flags such as: Missing required attributes on tags, such as name attributes on inputs (lots of these) Potentially improvable markup, such as links with href="#" Deprecated and Non-W3C Elements - see's article on obselete tags Non-W3C Attributes - as above, just the most important ones since there are MANY Thanks to Anthony Mann, holmes now displays an informative error message when you hover over the element. How do I use it? Simply download a version of the CSS, minified or normal (with docs), and include a stylesheet link to it on your page. In terms of configuration, such as changing the flag colours: go nuts! Why should I use it? Remember too that these are just guidelines: if something is flagged but you can't change it for a good reason, don't worry about it :) Also use a validator if you want to be 100% sure. Browser Support

PeerIndex — We Value Social Jasmine (JavaScript testing framework) Jasmine aims to be easy to read. A simple hello world test looks like the code below, where describe() describes a suite of tests and it() is an individual test specification. The name "it()" follows the idea of behavior-driven development and serves as the first word in the test name, which should be a complete sentence. Usage follows syntax similar to that of RSpec. The code below tests this function function helloWorld() { return 'Hello world!' and verifies that its output is indeed the text "Hello world!". describe('Hello world', function() { it('says hello', function() { expect(helloWorld()).toEqual('Hello world!') describe('Expect to throw an exception', function() { it('throws some exception', function() { expect( function(){ throw(“Some exception”); }).toThrow(“Some exception”); });}); Jasmine has a number of other features, such as custom matchers, spies, and support for asynchronous specifications.

Icerocket blog search Mocha (JavaScript framework) Mocha is a JavaScript test framework for Node.js programs, featuring browser support, asynchronous testing, test coverage reports, and use of any assertion library. Mocha can be used with most JavaScript assertion libraries, including: should.jsexpress.jschaibetter-assertunexpected $ npm install -g mocha $ mkdir test var assert = require("assert")describe('Foo', function(){ describe('#getBar(value)', function(){ it('should return 100 when value is negative') // placeholder it('should return 0 when value is positive', function(){ assert.equal(0, Foo.getBar(10)); }) })}) $ mocha . 1 test complete (1ms) For asynchronous testing, invoke the callback, and Mocha will wait for completion. describe('Foo', function(){ describe('#bar()', function(){ it('should work without error', function(done){ var foo = new Foo(128);; }) })})

Twitter Alerts - CasperJS et les tests fonctionnels - Lors de mes récentes sessions de veille, je me suis intéressé à différents outils permettant de faciliter la mise en place de tests fonctionnels. À la différence des tests unitaires qui sont mis en place individuellement sur chaque projet, les tests fonctionnels sont encore peu implémentés. Et pourtant, ils demeurent tout aussi importants. La distinction pourrait se résumer en deux phrases bien choisies : Unit testing makes sure you are using quality ingredients. Présentation À l’heure actuelle, CasperJS est sans nul doute l’outil le plus utilisé et le projet le plus suivi pour mettre en place des tests fonctionnels sur des applications web. Il est à noter qu’il est également multi-plateforme et qu’il peut s’utiliser depuis n’importe où sur un système, les projets ne sont donc nullement impactés par l’intégration des tests et nous aurons l’occasion de le constater lors de cette démonstration. Getting started with PhantomJS La première étape consiste à installer PhantomJS sur votre poste.

Learn how to use Gephi Welcome to Gephi! Gephi is an open-source software for visualizing and analysing large networks graphs. Gephi uses a 3D render engine to display graphs in real-time and speed up the exploration. You can use it to explore, analyse, spatialise, filter, cluterize, manipulate and export all types of graphs. Getting Started New to Gephi? Quick Start Guide Supported Graph File Formats Official Tutorials Gephi is really easy to handle if you learn the basics. Popular Tutorials by the Community: Various Tutorials in Video: Non-English Tutorials: In French: In Spanish: In Chinese: 介绍 Gephi 的各项主要操作方法。 Datasets Let's download and try some datasets available on the wiki, like C.elegans brain network or the web mapping study EuroSiS for the European Union. Practical cases A Twitter tag, #madewithgephi, has been adopted to tell when Gephi was used. Facebook group Many experienced users can provide help on this group. Forum New users are welcome to post questions at the Gephi Support Forums. Wiki Papers Roadmap History