Reprise du message précédent :
Ok merci
 
Un argument de plus en faveur de browserstack et compagnie

wikiwand
Adopté.
 
XaT

ya une extension chrome qui te transforme tous les liens wikipedia en liens wikiwand

Yep c'est ce que je voulais dire par adopté
Cool de pouvoir choisir entre Serif/Sans, la taille du texte, la disposition, le fond blanc/noir, bref que du bon, les descriptions quand tu passes sur un lien (!)

XaT

J'aime bien cette version : http://wikipedia.moesalih.com

Perso wikiwand est bien plus stylé et propose plus d'options

C'est passé par ici :
 
https://longhandpixels.net/blog/201 [...] re-element
 
 
 
via http://arstechnica.com/information [...] eb-faster/

Dites, je galère depuis 2h avec les flexbox là, j'ai essayé toutes les configurations possibles je crois (row, colums, flex-start, center, wrap, center, auto etc...).
 
J'arrive pas à faire ça (sans recourir au JS).
 

 
Le 3eme bloc passe à la ligne et se retrouve sous le 1, alors que j'aimerai qu'il reste sous le 2. Les blocs ont deux tailles différentes (10 ou 20) et font tous 50% de width.
Bon d'un coté, je comprends la logique de passer à la ligne.. mais je crois que c'est peine perdu là, j'ai testé les inline-blocks et floats, meme combat, ça passe à la ligne...
 
edit: bon j'ai trouvé, y'a une technique qui marche en utilisant les multiple columns, on divise en deux puis on met des inlines blocks en vertical align top.. ca marche mais bonjour pour trier les objets

Ah pas mal aussi. Ca peut être un bon complément
 
XaT

 
Une autre solution : http://codepen.io/khahem/pen/FsHhK
 
Ça demande d'avoir un tag différent pour les petits et les gros blocs, et la css doit être prévue pour un certain nombre maximal de gros blocs consécutifs (mais le nombre total de blocs ne compte pas ).
Par contre la taille de la css ne croit que linéairement par rapport à ce nombre (dans l'exemple: 6), et y'a pas besoin de réordonner le html.
 
 
 
 

Question CSS

J'ai un tableau de largeur fixe. Dans la dernière colonne, je place dynamiquement des contrôles (donc un jeu de contrôles par ligne).

Je souhaite déplacer les contrôles en dehors du tableau, à droite de la dernière colonne, mais toujours au même niveau horizontal. Je place le ul des contrôles dans un div, j'ai cru comprendre que le position relative sur un td ne fonctionnait pas.

<td class="last-col">
    <div class="container">
        <ul class="controls">...</ul>
    </div>
</td>

D'emblée, je pensais à

.container {
  position: relative;
}
 
.controls {
  position: absolute;
  left: XXpx;
}

mais mon ul est masqué. Si j'augmente la largeur de ma table sans pour autant la combler par la largeur des colonnes, ça passe, sauf que ça me fout en l'air mon layout et que c'est crado.

Je ne peux pas jouer avec les z-index vu que .controls est en absolute, et si je le passe en relative, la hauteur de ma ligne est augmentée vu que l'élément est toujours dans le flow. Et de toute manière, ça ne change pas que mon ul est masqué, toujours cette histoire de sortie de la largeur de la table.

De manière simple, j'ai pas possibilité de sortir mes contrôles de la table sans changer mon DOM ?

Edit: oubliez, il y avait 'overflow: hidden' sur la table

Selon vous ça serait intéressant d'ouvrir un topic pour parler de programmation Compass East Oriented ?

 
pas mal
 
ptin le sélecteur  
 
pas besoin de déclarer un display:block sur un élément créé de toute pièce ? genre lblock / sblock

 
Le float:left force automatiquement le bloc à display:block.
 
http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo

 
j'savais pas ça tiens
 
on en apprend tous les jours, même le dimanche  
 
Merci  

 
Bonus vintage: "float:left; display:inline;" sous IE6 laisse l'élément en bloc mais supprime le bug de margin-left doublée

Quelqu'un connait une lib pour faire des graph de ce genre : http://sergiopedercini.com/#/about-me (faut scroller un peu) ?
 
En gros, je veux du texte sur l'axe des y au lieu de valeurs numériques, même si les colonnes se scalent par rapport à des entiers. Ca me semble pas fou comme besoin, mais je trouve rien, ou j'ai pas assez fouillé les docs de chrtjs et highcharts.

Quelqu'un connait une lib ou autre package pour intégrer un builder d'interface avec elements bootstrap ?
Genre layoutit.com mais que je peux intégrer dans un backoffice pour que les users puissent faire de la mise en page vite fait
J'ai pas besoin de tous les elements mais si je pouvais au moins jouer avec les grids et lignes / col.
Merci

http://trevorlinton.github.io/
un webkit qui tourne dans un navigateur (emscriptem et asm.js).
il manque la même chose pour IE

Question JS, je voudrais namespacer des constantes ou fonctions.
 
Je suis parti sur un truc du genre
 

TOP_LEVEL_NS = {};
 
TOP_LEVEL_NS.FOO = {
 
    CONSTANT: 'youpi',
 
    doSomething: function () {
        ...
    },
    ...
};

 
Déjà pour l'approche, oui, non, Obiwan ?
 
Tel quel ça me convient, sauf pour un petit problème de déclaration que je n'arrive pas à contourner proprement.
 

TOP_LEVEL_NS.BAR = {
 
    CONSTANT: 'youpi',
    CONSTANT2: CONSTANT + 'youpla';
    // CONSTANT2: TOP_LEVEL_NS.BAR.CONSTANT + 'youpla';
};

 
Dans les deux cas d'assignation de CONSTANT2, j'ai un undefined tout ce qu'il y a de plus logique,
 
J'ai deux pistes pour ça, mais je trouve les deux crado :
- spliter les déclarations ;
- remplacer la déclaration de CONSTANT2 par une fonction getConstant2 et faire ma concaténation dans le corps.
 
Je suis sûr que vous avez mieux

TOP_LEVEL_NS = {};
 
TOP_LEVEL_NS.FOO = {
 
    CONSTANT: 'youpi',
 
    doSomething: function () {
        ...
    },
    ...
};

TOP_LEVEL_NS.BAR = {
 
    CONSTANT: 'youpi',
    CONSTANT2: CONSTANT + 'youpla';
    // CONSTANT2: TOP_LEVEL_NS.BAR.CONSTANT + 'youpla';
};

One word: IIFE.

 
Ca change rien pour sa question sur les namespaces.

Son truc c'est moisi, moche et pas un paradigme commun. D'autant que, c'est pas parce que t'écris un mot en majuscule que ça devient automatiquement une constante en JS.
 
L'IIFE permet:  
- d'isoler proprement son code
- de faire ses constantes, soit via const, soit via var, mais sans l'introspection et la possibilité de modifier les valeurs
- d'exposer ce qu'il veut sous la même forme.

Ça me va bien, merci !

En fait, pas sûr que ça change mon problème (celui de déclaration en tout cas)

Si je reprend mon exemple précédent et en supposant que je veuille accéder à deux constantes FOO et FOOBAR (qu'elles soient déclarées avec const ou non) :

var yop = (function(){
    return {
        FOO: 'foo',
        FOOBAR: FOO + 'bar' // FOO is not defined
    };
}());
 
console.log(yop.FOOBAR);

C'est toujours logique hein, pas de surprise
En terme de syntaxe donc, j'ai pas l'impression d'avoir d'autre choix que d'avoir mes constantes réduites au scope de l'IIFE et d'exposer ces valeurs par des getters.
Ou d'utiliser une syntaxe objet plutôt que l'IIFE, ce que je voulais éviter étant donné que je n'ai que des constantes et méthodes indépendantes dans ce que je veux isoler.

Edit : oubliez, j'ai lu ça entre temps
Merci pour les pointeurs !

En définissant FOO avant le return, logiquement ça marcherait.

en JS y'a moyen de faire marcher instanceof sans appeler le constructeur ?
Y'a juste à brancher le prototype ou y'a d'autres trucs à faire ?
 
(ce connard fait une grosse alloc dont j'ai pas besoin)

T'es obligé de dire des gros mots putain ?

Faut que l'instance à tester ait le bon __proto__, et tu dois appeler instanceof sur une fonction dont le prototype est le bon:

js> var o = {}
js> var p = {}
js> // besoin d'un "constructeur" pour instanceof
js> var C = function () {}
js> C.prototype = p
[object Object]
js> o instanceof C
false
js> o.__proto__ = p
[object Object]
js> o instanceof C
true

Ce fonctionnement est bien lourd quand tu utilises Object.create d'ailleurs, paske t'as pas de constructeur donc as besoin d'un wrapper qui crée un pseudo-constructeur OTF.

js> var o = {}
js> var p = {}
js> // besoin d'un "constructeur" pour instanceof
js> var C = function () {}
js> C.prototype = p
[object Object]
js> o instanceof C
false
js> o.__proto__ = p
[object Object]
js> o instanceof C
true

merci, du coup j'ai mis à jour Three.js et il ont changé ce bout d'API.

 
ouai celui là je connaissais    
 
le coup du *zoom:1 sur les display:inline-block aussi pour IE6/7...
c'était crade les CSS avant.. maintenant avec SCSS, c'est tout beau bien rangé

je cherche à faire qqchose en pur CSS mais je ne sais pas si c'est possible.
 
 
J'ai une animation pour faire tourner un contour autour d'un carré. J'ai réalisé la premiere partie de l'animation, mais j'arrive pas à faire la seconde partie (où ça revienne au point initial).
 
je vous ai fait un pen http://codepen.io/anon/pen/vhJxt
 
j'ai aussi testé en SVG en jouant sur le stroke-dashoffset pour déplacer le contour. Mais pareil, ça ne fait pas ce que je veux...
 
Possible en CSS pur ? en modifiant l'animation ? sinon il faut que j'ajoute une classe toute les x secondes pour faire la meme animation en reverse ?
 
si vous avez des idées, ça va me prendre 2 plombes à faire ce loading  
 
edit: c'est bon j'ai réussi en animant le stroke-dashoffset, avec le  stroke-dasharray de l'exacte moitié du tracé, puis plus simple que tous ces pseudo-selecteurs

http://layout.jquery-dev.com/index.cfm des avis là-dessus ?
 
('tain l'extension cfm )

déjà un site dont l'url contient un .cfm j'ai pas confiance

pour faire des split panes vous avez quoi ?  
(non j'ai pas de développeur maitrisant de front de dispo)

putain, échanger des messages avec une iframe est intégralement synchrone

dites, dans une iframe sandboxée (avec "allow-scripts" quand même), pourquoi je peux pas faire de XHT ?
vu qu'elle a plus d'origine, elle risque pas d'envoyer ou de lire des cookies, du coup tout ce qu'elle peut toucher n'est que de l'internet "neutre" non?
Là j'ai envie de xht des fonts chez google par exemple.

edit: y'a un "CORS: *" sur la font, ça pourrait passer.

http://threatpost.com/jquery-websi [...] kit/108474

http://blog.jquery.com/2014/09/23/ [...] mpromised/

y'a moyen de faire du webRTC entre 2 navigateurs avec un serveur intégralement statique ?

En p2p, mais je pense qu'il faut faire le mécanisme d'offer à la mano.