JavaScript Function doc.Support LQDN banner

Browsing ‘Shared Items’ Category


Je viens de faire une image pour expliquer comment partager et éditer ses vidéos sur Youtube… Faites tourner à vos parents, si eux aussi sont “seniors newbies” ;)

 

youtube-explained-to-my-step-father

 

Centre d’aide YouTube : http://support.google.com/youtube/?

Source :
Tags : , ,

EN VRAC…

 

Absolutely mind-blowing article http://buff.ly/12zkD9k A Google’s world #google #future #technology
-

And we have our first intra-Android difference. Samsung Android 4 supports column-span, HTC does not. Both use WebKit 534.
-

@twandroid Président est la première marque que je vois mettre en avant Google+ et les hangouts à la tv !
-

Ce soir, TF1 a monopolisé 97,1% de l’audience Twitter en France (94,6% pour #TheVoice seul). #SocialTV (via @jouanito)
-

Opera a perdu 90 développeurs de sa division “Core Technology” qui en comptait une centaine (traduction [...]


Lire la suite...

Source :
Tags :

CasperJS is an open source navigation scripting & testing utility based on PhantomJS, the scriptable headless WebKit engine. It eases the process of defining a full navigation scenario and provides useful high-level functions, methods & syntactic sugar for doing common tasks such as:

  • Defining & ordering navigation steps
  • Filling & submitting forms
  • Clicking links
  • Capturing screenshots of a page (or an area)
  • Making assertions on remote DOM
  • Logging events
  • Downloading base64 encoded resources, even binary ones
  • Writing functional test suites, saving results as JUnit XML

In the following example, we’ll query google for two terms consecutively, “capserjs” and “phantomjs”, aggregate the result links in a standard Array and output the result to the console.

Fire up your favorite editor and save the javascript code below in a googlelinks.js file:

In the following example, we’ll query google for two terms consecutively, “capserjs” and “phantomjs”, aggregate the result links in a standard Array and output the result to the console.

Fire up your favorite editor and save the javascript code below in a googlelinks.js file :

 

var links = [];
var casper = new phantom.Casper();
 
function getLinks() {
    var links = document.querySelectorAll('h3.r a');
    return Array.prototype.map.call(links, function(e) {
        return e.getAttribute('href')
    });
}
 
casper.start('http://google.fr/', function(self) {
    // search for 'casperjs' from google form
    self.fill('form[name=f]', { q: 'casperjs' }, true);
});
 
casper.then(function(self) {
    // aggregate results for the 'casperjs' search
    links = self.evaluate(getLinks);
    // now search for 'phantomjs' by fillin the form again
    self.fill('form[name=f]', { q: 'phantomjs' }, true);
});
 
casper.then(function(self) {
    // aggregate results for the 'phantomjs' search
    links = links.concat(self.evaluate(getLinks));
});
 
casper.run(function(self) {
    // echo results in some pretty fashion
    self.echo(links.length + ' links found:');
    self.echo(' - ' + links.join('\n - ')).exit();
});

@floriancargoet (whom i meet at @ParisJS) come with a nice idea : automating some elements screenshot in a WebApps/WebPages powered with #PhantomJS  (headless WebKit with JavaScript API). He’s idea is to generate multilingual documentation for a complexe application (Ext JS / Sencha).

 

In his example, the use of Ext.js give some constrain finding the element offset in the page…

 

/*
 * page.evaluate() is sandboxed
 * so that 'component' is not defined.
 *
 * It should be possible to pass variables in phantomjs 1.5
 * but for now, workaround!
 */
eval('function workaround(){ window.componentSelector = "' + component.selector + '";}')
page.evaluate(workaround);
 
var rect = page.evaluate(function(){
	// find the component
	var comp = Ext.ComponentQuery.query(window.componentSelector)[0];
	// get its bounding box
	var box = comp.el.getBox();
	// box is {x, y, width, height}
	// we want {top, left, width, height}
	box.top  = box.y;
	box.left = box.x;
	return box;
});
page.clipRect = rect;
page.render(component.output);

But with jQuery it could be as simple as this…

 

page.clipRect = $('ul#menu').offset();
page.render(component.output);

 

See the blog post for more infos

Shared by molokoloco

This is now… “L’algorithme de Melty va chercher les sujets qui intéressent le plus les jeunes en temps réel sur Internet en allant récupérer des données un peu partout, sur le site lui-même et sur différents classements. Les journalistes ont alors peu de temps pour écrire du contenu sur ces sujets (…)”

Connaissez-vous Melty.fr ? Vous devriez ! Ce site d’infos dédié aux 15-30 ans créé en 2008 fait 4,7 millions de visites OJD, 10,6 millions de pages vues (+114% par rapport à l’an passé), devrait être rentable cette année avec plus d’un million [...]

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. With the help and feedback of many engineers at Twitter, Bootstrap has grown significantly to encompass not only basic styles, but more elegant and durable front-end design patterns.

Bootstrap is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox. Bootstrap comes complete with compiled CSS, uncompiled, and example templates.

 

bootstrap-twitter

Thomas Monopoly a vu son compte Google, et ceux qu’il avait associés, désactivés du jour au lendemain, sans qu’il ne soit averti. Fâcheuse aventure qu’il raconte ici. Son compte, fermé pour des raisons de violation des conditions d’utilisation, a été réactivé depuis. Artiste, l’auteur a monté une exposition – numérique – il y a trois ans intitulée “L’évolution du sexe” et dans laquelle il avait inséré  une photo “à la limité de la légalité“. Qui ne lui appartenait pas. Cette exposition avait pour but de souligner la violence et [...]

SPDY in Google Chrome

 

We’re not entirely sure of the time line here, but it looks like Google has now rolled out the SPDY HTTP replacement to its full bevy of Web services, including Gmail, Docs, and YouTube. If you’re currently using Google’s Chrome browser you’re probably already using SPDY.

We originally reported on SPDY way back in November 2009, when Google introduced it as yet another experiment in making the Web faster, like Go, Native Client and speculative pre-connections. Over the last 18 months, though, SPDY support has found its way into the stable build of Chrome.

SPDY is basically a [...]

Shared by molokoloco

Excellente présentation de PhantomJS par @mauriz

Pour le dixième meetup ParisJS, j’ai présenté le projet PhantomJS. Pour résumer rapidement, PhantomJS est un navigateur Webkit sans interface graphique, qui se pilote en Javascript  (ou Coffeescript).

Voilà les diapos de ma présentation (la captation vidéo sera peut être disponible plus tard) :

ParisJS #10 : PhantomJs

 


View more presentations from Maurice Svay

 

Dans les choses que j’ai oublié de mentionner :

  • PhantomJS fonctionne sous Windows, Mac et Linux
  • il existe une version en Python, qui permet [...]

Numerama a fait la liste (non exhaustive) des délits dont le législateur estime qu’ils doivent être moins sévèrement condamnés, ou pas condamnés davantage que l’échange de films et de musique sur Internet. Saviez-vous qu’il est plus risqué de télécharger une chanson sur BitTorrent que de profaner un cimetière ?

[Lire la suite]

152 pages