Reprise du message précédent :
npm cache clean, vide ton node_modules et recommence.
npm install --loglevel verbose aussi.

T'aurai pas installé des dépendances en oubliant de faire « save » par hasard ?

 
ça marche, j'ai vidé node_modules, il m'a tout remis  
 
 
il manquait Xcode aussi  
 
merci  

 
+1

Je suis un naab de npm, mais s'il écrit

c'est bien qu'il a fait le save, non ?

 
Il peut avoir « save » que certaines dépendances au départ, mais genre dans le process de dev :
 
« Tiens, je vais utiliser ça, hop npm i monmodule »
 
Ça va marcher sur son poste, mais le jour où il a réinstallé/installé chez quelqu'un d'autre, bah patatras
 
Je dis ça parce que ça arrive, même aux meilleurs (et à moi aussi, loin d'être un meilleur )

http://codepen.io/anon/pen/XJwLZv

Pourquoi ce putain de webkit (et chrome) me décalent le background sur la gauche de mon button (et du coup me fait une double bordure) ?
Ça fonctionne si bien dans FF.

Tu peux faire un screenshot j'ai pas l'impression d'avoir ce problème sur mon chrome mac
A tout hasard, colle un display:inline-block sur ton bouton, ça lui fera pas de mal

Edit : le inline-block ne corrige pas, mais ça fera pas de mal de l'avoir
Et j'ai trouvé, en fait ton background se répète.
Donc rajoute un no-repeat sur ton background

Webkit : (safari)

 
FF :

 
Le background-repeat ne change rien, par contre j'ai foutu le background-position à 101% 0 et ça fonctionne. Mais dans l'absolu ça n'explique rien

J'ai ajouté un background-repeat : no-repeat et le pb était résolu chez moi, et c'est clairement ça ton problème.
Tel que tu as déclaré ton background il est en repeat par défaut.

Ceux qui dev pas sur Win, vous utilisez quoi pour tester vos sites ?
 
j'avais une VM sous VMWare Fusion 7, mais meme avec toutes les optimisations possibles, c'est pas fluide comme en natif, difficile de tester la fluidité des animations/transitions
 
j'hésite à me refaire un Bootcamp

 
Un autre pc portable sous 7  

http://www.browserstack.com/

https://saucelabs.com/

Mais je testais pas d'animation.

Bonjour à tous.
 
J'administre un serveur qui héberge plusieurs sites. Jusqu'à très récemment, tous les sites étaient en HTTP.
Depuis peu, on a passé certains sites en SSL. Donc modif des VirtualHost apache concerné, jusqu'ici tout va bien. Ca marche.
 
Sauf que du coup, de manière globale, notre serveur web écoute désormais sur le port 80 et 443.
 
Et j'ai eu plusieurs retours utilisateurs d'un problème arrivant sous Internet Explorer, c'est que :
si l'utilisateur tape www.le-site-sans-ssl.com , IE détecte que l'hôte écoute sur le port 443, donc forwarde automatiquement sur https://www.le-site-sans-ssl.com , où il n'y a pas de certificat valide, donc affichage d'une erreur "site non certifié" blabla
 
J'avais pensé à un début de solution : prendre 2 IP pour le serveur, une pour les sites SSL, l'autre sans, et refaire la conf apache en conséquence.
Sauf qu'on utilise Google Cloud SDK et qu'apparement y'a pas moyen d'avoir 2 IP externes.
 
C'est un problème assez courant j'imagine, alors dites moi, c'est quoi kifofère ?

heu.... tu veux dire que tes confs vhosts c'est <VirtualHost *> et pas <VirtualHost :80>

Hein ?

Pour chaque site en http, j'ai un VirtualHost *:80
Pour chaque site en https, j'ai un VirtualHost *:443 (et un VirtualHost *:80 qui fait une 301)

Bon après avoir joué un peu avec les conf et essayé quelques trucs, je constate aussi une anomalie avec httpie. (Parce que pour l'instant j'avais pas réussi à reproduire le problème, ce qui est un peu embêtant notre parc c'est 95% de mac et les 2-3 machines Win/IE que j'ai trouvé ne reproduisaient pas le soucis) bref.

Bon après mes dernières lectures, je crois que l'idée des 2 IP n'auraient de toute façon pas fonctionné (il en faudrait 1/site SSL)

Je vois pu que la solution du SNI.

Les win/IE c'est quelles versions ?
Si c'est du XP, a priori le SNI c'est mort, il te faut une IP (ou un port) par site SSL

Les versions IE qui posent soucis c'est des récentes, sur des Windows récents
 
Oui je sais pour le SNI et XP. Mais ça à la limite on peut faire une croix sur XP, ma boîte est pas chiante

Du coup avec une conf web correcte et du SNI, t'as besoin d'une seule IP.

Dites pour les transition css, c'est quoi le "good practice" pour faire un effet bounce (80% => 110% => 100%) un peu comme le survol sur les produits sur le site de sonus faber...
J'ai essayé http://cubic-bezier.com/#.66,2,.5,.5 mais les valeurs au dessus de 1 pour la 2eme valeur ne semble pas valide. :- /
On est obligé de passer par des keyframes ?
Du coups si y'a un outil en ligne pour générer des trucs fluide je suis intéressé...

Faut pas s'emmerder dans la vie
http://www.css3maker.com/css3-transition.html

Je doit être un peu neuneu mais je ne vois pas la possibilité de faire de bounce sur ton lien...

 
Je suis allé voir leur site, ce qui est fou, c'est qu'ils ont animé cet effet de hover dont tu parles en modifiant directement en inline les width/height/margins alors qu'un simple scale ou scaleX/Y aurait pu faire l'affaire, je suppose que soit ils ont des contraintes de vieux navigateurs, soit ils l'ont fait il y a assez longtemps ^^
 
quoi qu'il en soit, toi si tu n'as pas la contrainte de vieux navigateur tu peux utiliser une classique transition css3 transform (scale devrait passer meme sur IE9 avec le préfixe -ms-), et pour les easings, perso j'utilise tout lee temps celui ci : http://matthewlein.com/ceaser/  

trompage de lien :
http://daneden.github.io/animate.css/

Merki à vous 2, finalement j'ai réussi :
http://codepen.io/anon/pen/QwXERz
J'avais une merde dans mon code (j'écrasais mon cubic avec une autre interpolation un peu plus loin dans ma définition globale).
 
Je fait avec un background-size, c'est mieux avec du scale ?

 
Dans ton cas le background size est mieux, le scale va flouter l'image ou alors peut etre qu'avec une image en @2x ça passerait, faut tester

j'ai trouvé ça hier : http://wicky.nillia.ms/headroom.js/
 
depuis le temps que je cherchais un truc performant pour faire ça  

 
c'est pas la meme chose, ca depend du résultat attendu.
pour le probleme du flou tu peux rajouter filter:blur(0) pour le 80%
http://codepen.io/anon/pen/jEgMxj

Bonjour !  
 
A priori les questions sur le HTML et le CSS, c'est par ici qu'on peut les poser, du coup je viens vous voir par rapport à un problème hautement stupide que je ne parviens pas à régler.
 
Donc voilà, j'ai créé un menu déroulant tout beau (ahem...), tout propre (ahem...²) et tout fonctionnel (non là ça va, c'est très moche mais au moins ça marche ). Le problème est donc que, quand un des onglets de ce menu est survolé, je le fais changer de couleur avec la propriété css .maClasse:hover tout en affichant le contenu de ce menu (qui est donc de la même couleur que la couleur de survol pour que ce soit tout beau et tout propre comme dans l'image 2).
 
Le soucis que je rencontre et qui est visible dans l'image 3 est que, quand je vais chopper une des options de ce menu, l'onglet du titre n'est plus considéré comme étant survolé (ce qui est normal puisqu'il ne l'est plus) et, du coup, reprend sa couleur d'origine (ce qui rend le menu encore plus moche qu'il ne l'est déjà   ).
 
Du coup ma question est : existe t-il un moyen simple de résoudre ce problème ? A priori c'est possible avec JQuery en jouant avec la propriété parent pour redéfinir la couleur du background du titre, mais j'ai vraiment l'impression d'envisager une solution compliquée pour résoudre un problème qui en apparence ne l'est pas.
 
image 1 :

 
image 2

 
image 3 :

oui, le moyen simple c'est d'utiliser des elements imbriqués.
type ul>li>ul>li
 
http://codepen.io/anon/pen/dPxNBX

C'est ce que je fais déjà, en gros mon code ressemble à ça :
 

 
Le truc c'est que je n'arrive pas à fixer la couleur de fond du titre du menu à gris tant que je parcours des éléments de ce menu.
En gros ce que je veux faire c'est un truc du style :
 

 
Regarde son codepen, t'as tout dedans.

Yep, je viens de le voir (il y a eu un edit).
 
Merci.

Vous utilisez quelque chose pour détecter le mobile (phone/tablet) ? si oui quoi ?
 
j'ai parfois de lancer du JS seulement sur mobile et j'ai vu que le modernizr.touch n'était en réalité qu'une feature detection pour l'API Touch (qui peut être aussi impémenté aussi sur desktop), pour d'anciens projets j'avais utilisé la méthode matchMedia mais bon c'est un peu light pour certains cas.
 
j'ai vu qu'il y a pas mal de lib JS qui font ça: comme https://github.com/hgoebl/mobile-detect.js/

Hum j'ai un truc qui me turlupine meme si ca me semble logique.
 
Comment je choppe un event remonté par un clic que j'ai dispatch dans du code ?
 
i.e, clic sur un <div> qui cree un <a> et declenche un clic dessus.
 
j'ai bien essayé avec un document.on() jquery mais ca matche pas vu que l'element est jamais inséré dans la page.
 
Une idée ?
 
http://jsfiddle.net/aqnr1t16/

delegated ?

c'est exactement ce que je fais
container.on('click', 'a', function(e) {});
 
mais je me suis mal exprimé.
actuellement je n'insere pas l'element dans la page. j'utilise juste un createElement() du coup j'arrive pas a recuperer son event.
 
version updated mais qui marche toujours pas
http://jsfiddle.net/aqnr1t16/2/

tu rajoutes un listener sur le document
 

 
ca execute le code, mais ça suit le lien quand même, pas trop le temps d'investiguer dessus, y'a moyen de faire un listen juste sur l'object et non le doc.

si je suis a l'interieur de la methode c'est trivial d'ajouter le listener a l'element lui meme.
 
Mais meme dans ton exemple ca ne reagit pas comme il faut. le code est executé suite au clic sur<document> et pas sur <a>. le remplacer par un delegate/on ca ne marche pas non plus vu que le <a> n'est pas dans le scope <document>.
 
En gros, quel scope fournir pour pouvoir recup l'element <a> depuis une autre methode ?
Par defaut je dirais que c'est pas possible tant qu'il est pas dans le DOM puisque n'est pas explicitement un child mais on sait jamais.
 
J'avais deja degagé les mutation observer de l'equation a cause de ca.

Déjà j'ai l'impression que tu fais n'importe quoi.
Pourquoi tu créés un <a> au clic sur ton div ? Ca n'a pas de sens. Qu'est ce que tu cherches à faire ?

je cherche a savoir si on peut recup l'event sur ce type d'element sans toucher au code qui le crée.  
 
le cas de figure c'est que cette methode est largement utilisée comme hack UIWebView IOS a cause des comportements louches sur autre chose que les <a> et <button>
 
[edit] la première methode c'est un facsimilé de ce que j'observe, je ne peux pas y toucher sinon ce serait trop simple. [/edit]