les liens du Colibri
Dafuq did I just read ?
(Permalink)

/Yome/links
Apprendre la génétique avec des pigeons. Pourquoi pas :)
(Permalink) (Profil)

Les liens de Kevin Merigot
"Comme je suis pas du genre à servir de caution antiraciste, je vais l’avertir et elle va ignorer mes avertissements. Ces gens-là se fichent de vous blesser car ils ne vous voient pas, vous leur servez de bonne conscience, de rédemption, de caution. Vous n’êtes qu’un objet, s’ils avaient eu le moindre intérêt pour votre personne ils ne se seraient jamais permis ce genre de réflexion on the first place."

"Que je reste ou que je parte on atteint à mon honneur, autant que ce ne soit pas avec ma complicité."

"Le racisme n’est pas une opinion et avant d’être un délit, c’est une insulte à ce que je suis, une insulte vulgaire, un manque d’éducation le plus élémentaire, un crachat sur ma face, la profanation du tombeau de mes ancêtres."

"Le racisme n’est pas non plus un moment de colère. S’il s’exprime plus facilement dans ces moments, c’est surtout une profonde couche de merde qui remonte à la surface.
Quand mon fils est en colère, il me traite de dictateur, de fasciste totalitaire et me promet la révolution. « C’est du fakisme maman! Je veux la démocratie ! On fera la récolution avec mes doudous! » (bon là je lui pardonne tout, ça marche à tous les coups). Jamais de pute, de connasse ou de sale arabe. Il a 7 ans."
(Permalink) (Profil)
Les petits liens d'Alda
« Le racisme n’est pas une opinion et avant d’être un délit, c’est une insulte à ce que je suis, une insulte vulgaire, un manque d’éducation le plus élémentaire, un crachat sur ma face, la profanation du tombeau de mes ancêtres.

Le racisme n’est pas non plus un moment de colère. S’il s’exprime plus facilement dans ces moments, c’est surtout une profonde couche de merde qui remonte à la surface. »
(Permalink) (Profil)
Liens d'un Parigot-Manchot

Comme le chante Didier Super, des racistes, y'en a des biens.

(Permalink) (Profil)

Le bazar de mydjey
Le mot du jour.

« Un phalanstère est un regroupement organique des éléments considérés nécessaires à la vie harmonieuse d'une communauté appelée la Phalange. Le concept, très en faveur dans les milieux intellectuels au XIXe siècle, fut élaboré par Charles Fourier et promu par des industriels idéalistes comme Jean-Baptiste André Godin. »

Un livre sur le sujet :
Godin, Inventeur de l'économie sociale. Mutualiser, coopérer, s'associer - Jean-François Draperi
(Permalink)

Choses vues, sur le web et ailleurs
1/ Surfer en mode navigation privé ? C'est aussi utile que de fermer les yeux et dire "tu me vois pas" => seul l'utilisateur efface ses traces **en local**, son FAI, Google (et la NSA) "voient" très bien ce qu'il fait.

2/ DuckDuckGo, sur un site dédié (http://privatebrowsingmyths.com/) aux "mythes" de la navigation privant, et d"montrant en quoi DDG protège plus efficacement la vie privée de l'utilisateur, utilise comme exemple de recherches... 2 sites pornos.
=> "Ce choix renforce l'idée que la protection de l'intimité serait réservée aux hommes hétérosexuels... qui est déjà un profil très courant pour les personnes douées ou embauchés dans le milieu informatique."
=> ce choix laisse croire que seule la consultation de sites pornos est une activité que l'on pourrait avoir envie de cacher, alors que "Si vous êtes journaliste, lanceuse·eur d'alerte, médecin, avocat·e, ingénieur·e, responsable d'ONG, parent ou simplement un·e citoyen·ne se sentant concerné·e par la vie privée... vous avez profondément besoin d'effacer tout ou partie des traces de votre activité sur un ordinateur."

D'une manière générale, on devrait pouvoir protéger sa vie privée en toutes circonstances.
Ou comment une communication qui se voulait pleine de bons sentiments finit par taper à côté de la plaque.
(Permalink) (Profil)

Liens en vrac de sebsauvage
Ohhh... de l'eau salée ?  Mais je croyais que Mars était sèche (en dehors de la glace sous terre et aux pôles).  Il y a donc de l'eau liquide !
(Permalink)

Bill2's Links
Petit utilitaire qui peut être bien pratique :)
(Permalink)

Liens en vrac de sebsauvage
Après avoir écumé un certain nombre de sites web et de webradios, je finis par adopter 8tracks pour découvrir de la musique. Énormément de styles différents à explorer, aucune restrictions (ou alors je ne suis pas encore tombé dessus), accessible par le web, web mobile ou application, interface relativement propre, pas de Flash nécessaire.
EDIT: Ah il paraît que sans abonnement, il y a de la pub qui s'affiche. J'sais pas, j'l'ai pas vue :)
(Permalink)

Bookmark Bronco
Tout ce qui force le reflow... intéressant.
Je copie là:


# What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or [layout thrashing](http://www.kellegous.com/j/2013/01/26/layout-performance/), and is common performance bottleneck.

### Element

##### Box metrics
* `elem.offsetLeft`, `elem.offsetTop`, `elem.offsetWidth`, `elem.offsetHeight`, `elem.offsetParent`
* `elem.clientLeft`, `elem.clientTop`, `elem.clientWidth`, `elem.clientHeight`
* `elem.getClientRects()`, `elem.getBoundingClientRect()`

##### Scroll stuff
* `elem.scrollBy()`, `elem.scrollTo()`
* `elem.scrollIntoView()`, `elem.scrollIntoViewIfNeeded()`  
* `elem.scrollWidth`, `elem.scrollHeight`
* `elem.scrollLeft`, `elem.scrollTop` also, setting them


##### Focus
* `elem.focus()`  can trigger a *double* forced layout ([source](https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/dom/Element.cpp&q=updateLayoutIgnorePendingStylesheets%20-f:out%20-f:test&sq=package:chromium&l=2369&ct=rc&cd=4&dr=C))

##### Also…
* `elem.computedRole`, `elem.computedName`  
* `elem.innerText` ([source](https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/dom/Element.cpp&q=updateLayoutIgnorePendingStylesheets%20-f:out%20-f:test&sq=package:chromium&l=2626&ct=rc&cd=4&dr=C))

### getComputedStyle

`window.getComputedStyle()` will typically force style recalc ([source](https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/dom/Document.cpp&sq=package:chromium&type=cs&l=1860&q=updateLayoutTreeForNodeIfNeeded))

`window.getComputedStyle()` will force layout, as well, if any of the following is true:

1. The element is in a shadow tree
1. There are media queries (viewport-related ones). Specifically, one of the following: ([source](https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/css/MediaQueryExp.cpp&sq=package:chromium&type=cs&l=163&q=MediaQueryExp::isViewportDependent))
 * `min-width`, `min-height`, `max-width`, `max-height`, `width`, `height`
 * `aspect-ratio`, `min-aspect-ratio`, `max-aspect-ratio`
 * `device-pixel-ratio`, `resolution`, `orientation`
1. The property requested is one of the following:  ([source](https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/css/CSSComputedStyleDeclaration.cpp&sq=package:chromium&l=457&dr=C&q=isLayoutDependent))
 * `height`, `width`
 * `top`, `right`, `bottom`, `left`
 * `margin` [`-top`, `-right`, `-bottom`, `-left`, or *shorthand*] only if the margin is fixed.
 * `padding` [`-top`, `-right`, `-bottom`, `-left`, or *shorthand*] only if the padding is fixed.
 * `transform`, `transform-origin`, `perspective-origin`
 * `translate`, `rotate`, `scale`
 * `webkit-filter`, `backdrop-filter`
 * `motion-path`, `motion-offset`, `motion-rotation`
 * `x`, `y`, `rx`, `ry`

### window

* `window.scrollX`, `window.scrollY`
* `window.innerHeight`, `window.innerWidth`
* `window.getMatchedCSSRules()` only forces style


### Forms

* `inputElem.focus()`
* `inputElem.select()`, `textareaElem.select()` ([source](https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/html/HTMLTextFormControlElement.cpp&q=updateLayoutIgnorePendingStylesheets%20-f:out%20-f:test&sq=package:chromium&l=192&dr=C))

### Mouse events

* `mouseEvt.layerX`, `mouseEvt.layerY`, `mouseEvt.offsetX`, `mouseEvt.offsetY` ([source](https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/events/MouseRelatedEvent.cpp&q=f:mouserelatedevent%20computeRelativePosition&sq=package:chromium&type=cs&l=132))

### document

* `doc.scrollingElement` only forces style

### Range

* `range.getClientRects()`, `range.getBoundingClientRect()`

### SVG

* Quite a lot; haven't made an exhaustive list , but [Tony Gentilcore's 2011 Layout Triggering List](http://gent.ilcore.com/2011/03/how-not-to-trigger-layout-in-webkit.html) pointed to a few.


### contenteditable
 
* Lots & lots of stuff, …including copying an image to clipboard ([source](https://code.google.com/p/chromium/codesearch#chromium/src/third_party/WebKit/Source/core/editing/Editor.cpp&sq=package:chromium&l=420&dr=C&rcl=1442532378))
 

## *Appendix

* Reflow only has a cost if the document has changed and invalidated the style or layout. Typically, this is because the DOM was changed (classes modified, nodes added/removed, even adding a psuedo-class like :focus).
* If layout is forced, style must be recalculated first. So forced layout triggers both operations. Their costs are very dependent on the content/situation, but typically both operations are similar in cost.
* What should you do about all this? Well, the `More on forced layout` section below covers everything in more detail, but the short version is:
 1. `for` loops that force layout & change the DOM are the worst, avoid them.
 1. Use DevTools Timeline to see where this happens. You may be surprised to see how often your app code and library code hits this.
 1. Batch your writes & reads to the DOM (via [FastDOM](https://github.com/wilsonpage/fastdom) or a virtual DOM implementation). Read your metrics at the begininng of the frame (very very start of `rAF`, scroll handler, etc), when the numbers are still identical to the last time layout was done.

<center>
_Timeline trace of The Guardian. Outbrain is forcing layout repeatedly, probably in a loop._
</center>

##### Cross-browser
* The above data was built by reading the Blink source, so it's true for Chrome, Opera, and most android browsers.
* [Tony Gentilcore's Layout Triggering List](http://gent.ilcore.com/2011/03/how-not-to-trigger-layout-in-webkit.html) was for 2011 WebKit and generally aligns with the above.
* Modern WebKit's instances of forced layout are mostly consistent: [`updateLayoutIgnorePendingStylesheets` - GitHub search - WebKit/WebKit ](https://github.com/WebKit/webkit/search?q=updateLayoutIgnorePendingStylesheets&utf8=%E2%9C%93)
* Gecko's reflow appears to be requested via FrameNeedsReflow. Results: [`FrameNeedsReflow` - mozilla-central search](http://lxr.mozilla.org/mozilla-central/search?string=FrameNeedsReflow&find=&findi=%5C.c&filter=%5E%5B%5E%5C0%5D*%24&hitlimit=&tree=mozilla-central)
* No concrete data on Edge/IE, but it should fall roughly in line, as the return values for these properties are spec'd. What would differ is the amount of clever optimization.

##### Browsing the Chromium source:
* forced layout (and style recalc): [`updateLayoutIgnorePendingStylesheets` - Chromium Code Search](https://code.google.com/p/chromium/codesearch#search/&q=updateLayoutIgnorePendingStylesheets%20-f:out%20-f:test&sq=package:chromium&type=cs)
* forced style recalc: [`updateLayoutTree` - Chromium Code Search](https://code.google.com/p/chromium/codesearch#search/&q=updateLayoutTree%20-f:out&p=1&sq=package:chromium&type=cs)

#### CSS Triggers

[CSS Triggers](http://csstriggers.com/) is a related resource and all about what operations are required to happen in the browser lifecycle as a result of setting/changing a given CSS value. It's a great resource.  The above list, however, are all about what forces the purple/green/darkgreen circles synchronously from JavaScript.

#### More on forced layout

* [Avoiding layout thrashing — Web Fundamentals](https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing?hl=en)
* [Fixing Layout thrashing in the real world | Matt Andrews](https://mattandre.ws/2014/05/really-fixing-layout-thrashing/)
* [Timeline demo: Diagnosing forced synchronous layouts - Google Chrome](https://developer.chrome.com/devtools/docs/demos/too-much-layout)
* [Preventing &apos;layout thrashing&apos; | Wilson Page](http://wilsonpage.co.uk/preventing-layout-thrashing/)
* [wilsonpage/fastdom](https://github.com/wilsonpage/fastdom)
* [Rendering: repaint, reflow/relayout, restyle / Stoyan](http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/)
* [We spent a week making Trello boards load extremely fast. Here’s how we did it. - Fog Creek Blog](http://blog.fogcreek.com/we-spent-a-week-making-trello-boards-load-extremely-fast-heres-how-we-did-it/)
* [Minimizing browser reflow  |  PageSpeed Insights  |  Google Developers](https://developers.google.com/speed/articles/reflow?hl=en)
* [Optimizing Web Content in UIWebViews and Websites on iOS](https://developer.apple.com/videos/wwdc/2012/?id=601)
* [Accelerated Rendering in Chrome](http://www.html5rocks.com/en/tutorials/speed/layers/)
* [web performance for the curious](https://www.igvita.com/slides/2012/web-performance-for-the-curious/)
* [Jank Free](http://jankfree.org/)
(Permalink)

Bookmark Bronco
Juste un double maquillage, mais ça fait bizarre dans le cerveau... Limite perturbant.
(Permalink)

Jcfrog's shaarli
(Permalink)

Les petits liens d'Alda
« Bravo aussi pour ton choix des mots qui n'a rien de différent de celui d'un taré d'extrême droite, là aussi comme d'habitude. »

On dirait que j'ai touché une corde sensible ? C'est marrant que tu parles du choix de mes mots qui n'auraient rien de différent de celui d'un taré d'extrême droite alors que mon écriture dans ce cas se voulait parodique de la tienne. On dirait que j'ai réussi du coup.

Mais la parodie c'est juste de l'humour, tu sais pas supporter une petite blague ? Ooohh. Pauvre chéri.
(Permalink) (Profil)

Les petits liens d'Alda
Wildstar passe en modèle Freemium à partir d'aujourd'hui. C'est l'occasion de tester si vous aimez bien les MMORPG et que vous cherchez du dynamisme et de la difficulté.

Je trouve que c'est vraiment le MMO moderne le plus fun. Son point noir étant que passé le leveling, les donjons héro sont trop difficile pour tout un chacun et les raids sont juste inaccessibles.
(Permalink) (Profil)

Choses partagées
Deux mois après, rien n'a changé.

@Pas de pierre, pas de palais... Pas de palais... Pas de palais !
Ça me fait toujours quelque chose de croiser ce regard...
(Permalink) (Profil)

Liens en bazar
La magie du cinéma !
(Permalink)

le hollandais volant
Merci, Alda, pour ton apport indéniable au débat de ton niveau habituel.

Bravo aussi pour ton choix des mots qui n'a rien de différent de celui d'un taré d'extrême droite, là aussi comme d'habitude.

Franchement, je vois même pas pourquoi vous me lisez encore, moi et d'autres, si c'est passer le temps à vous moquer et à insulter tout le monde. Ta place c'est sur JV.com, pas ici, serieux.
— (permalink)

Nekoblog.org :: Marque-pages
(via https://twitter.com/SophieBarel/status/648551596733939712)
(Permalink)

Nekoblog.org :: Marque-pages
https://twitter.com/GingerForce1/status/648562526796558337
(Permalink)

Mitsu'liens
アルダ は　鬼です ^^
baaaaah au pire il y a la reconnaissance du tracé dans Google Translate ou la phonétique, ça marche assez bien pour le cyrillique par exemple. Ajoutez le TLD à la fin, et Google vous affiche gentiment un lien pour traduire le site en question.

Pareil pour les caractères accentués en français: une personne n'ayant pas le "é" facilement accessible sur le clavier peut le tracer dans GT, et ainsi accéder mon NDD de raccourcis → ée.eu ^^

...  alors oui c'est Google Translate. C'est un complot orchestré par l'ICANN pour que Google ait la domination mondiale des noms de domaines en écritures locales etc etc.
(Permalink) (Profil)