Reprise du message précédent :

 
Sous Android avec KitKat, Chrome peut se connecter aux webviews.
 
Safari sait faire ça depuis longtemps.

En CSS, est-ce qu'il existe un moyen d'appliquer un linear-gradient à la background-image ?
En utilisant les directives classiques du style  
 

background-image: url('foo.png'), linear-gradient(to bottom, #000, #FFF);

 
et autres préfixées, l'image apparait devant le dégradé. Ce que je cherche à obtenir, c'est un filtre sur mon image de fond, genre un fondu au noir facile.

Bizarrement, je dois mettre l'image de second plan en premier background. donc essaye de mettre ton dégradé avant foo.png

background: url(../images/bg/rays.png) top center no-repeat,url(../images/bg/main-bg..jpg) 0 0 repeat;

Me donne donc main-bg.jpg comme fond, avec ray.png au dessus.

Apparemment oui : http://stackoverflow.com/questions [...] -gradients

background: url(../images/bg/rays.png) top center no-repeat,url(../images/bg/main-bg..jpg) 0 0 repeat;

 
Si je donne le linear-gradient en premier, j'ai pas l'image de fond
 

 
La solution donnée est celle que j'utilise, donc celle qui met le gradient en arrière plan

 
Et bien, le gradiant doit bien sur être en rgba, si il n'est pas transparent, on ne risque pas de voir l'image en dessous.
Donc, je ne sais pas si cette solution peut te permettre de faire un 'filtre' pour ton image

Ajoute une div par dessus et colle lui le gradient avec une opacity, et rulez

 
Nickel, c'était effectivement la couche alpha qui n'était pas passée.
Merci !

Ou tu te sers des pseudos :before et :after : 3 trucs stylables sans ajouter d'élément superflu

Dites, vous savez si il existe une librairie ou un script qui permet de simplifier l'animation d'éléments sur la page..
 
Par exemple, quand je clique sur un bouton, j'aimerai avoir un scroll pour atterrir plus bas, mais avant de lancer le scroll j'aimerai déclencher des petites animations subtiles sur quelques éléments... pareil pour l'arrivée du scroll. Y'a des scripts / lib pour simplifier ça ou il faut tout se taper à la main ? avec des classes sur le body du genre .scroll-start, .scrolling, .scroll-end...

 
http://julian.com/research/velocity/
 
C'est super simple

 
j'avais vu passer velocity.js, mais je crois que j'aurai du y faire + attention!
 
Merci ça à l'air d'etre exactement ce que je cherche  
 
 

Et en plus c'est extrêmement performant. Tu peux ajouter blast.JS du même auteur pour faire des trucs subtils sur le texte.

y'a moyen d'afficher de manière un peu sexy les durée en javascript ?
 
"Total Duration: 5029.6628s"

math.round ?
ou un truc qui decoupe en min/heure ?

un truc qui découpe en min/heure si ça a du sens.

dateJS

Nous pour XO on utilise http://momentjs.com/

dans aucun des 2 je vois d'exemple pour mon problème exactement.
 
là la phrase complète est "le job s'exécuterai en 2h 34min". Ce qui évoque une durée sans jamais faire apparaitre de date.

 
Merci du tip  

http://momentjs.com/docs/#/durations/
http://momentjs.com/docs/#/durations/humanize/

notes que c'est de l'approximatif, 154 minutes ça va être rendu en "3 heures".

moment.duration(5029.6628, 'seconds').humanize();
// an hour

Par contre datejs c'est mort et enterré.

Edit:

merci

y'a moyen d'avoir 2 unités avec humanize() ?
 
genre si c'est court il dit 2min34 et si c'est long il dit 2h12 ?
une notion de chiffres significatifs un peu.

Pas que je sache Pareil dans babel, t'as que la plus grande unité, s'tu veux autre chose faut se le palucher à la main

et ça a du sens au moins ce que je veux faire ?  
 
avec que des minutes ou que des heures, j'ai 1/60 de granularité, je trouve que c'est pas beaucoup. Après si c'est moins d'une minute on s'en fout.

Dépend surtout de la précision demandée par ton cas d'utilisation en fait. Si avoir une précision à la minute est important, bah c'est important et c'est tout

bof, non, c'est juste quand on simule le job avant de l'envoyer à la fraiseuse, pour savoir si ça va prendre toute la nuit ou 5 min.

edit: mais j'aime pas trop voir 99min arrondi à 2h,

Tu peux définir les limites d'arrondis. Sinon pour ton problème de granularité t'as .get(unit).

C'est configurable dans moment, juste pas indiqué au niveau des méthodes: http://momentjs.com/docs/#/customi [...] threshold/

Ninjaedit

 
Moment.js
 
 

J'ai l'impression qu'aucun des 2 répond à la question en fait.

Pourquoi tu ne fais pas une fonction toi même sinon ? A priori ça ne semble pas trop compliqué..

ben je crois que c'est ce que je vais faire, mais avant il faut explorer toutes les options qui n'impliquent pas de maintenir du code perso.

 
http://stackoverflow.com/questions [...] hange-site
 
Et tu adaptes la granularité suivant tes envies

Dans ce cas faut clarifier la question, j'avais cru comprendre que tu voulais simplement formatter une durée.

C'est ce que te donne moment, si ça lui va pas, ton truc foireux va pas mieux lui aller

 
Ca rajoute des animations supplémentaires ou c'est juste un $.animate() plus perf ?

Tu as un pack d'ui pour avoir des animations en plus. Mais le nerf de la guerre est que c'est bien plus performant, surtout sur les mobiles un peu pourris

L'intérêt est aussi la rétro-compatibilité avec $.animate, rien à changer dans le code.