Les actualités du Mardi 16 juillet 2013 dans les métiers du web - Marmits.com - Reims

Le: 16 07 2013 à 23:34 cssdesignawards.com

UEBERBIT's corporate website - built with responsive design, full screen images and 3D transforms.

Le: 16 07 2013 à 22:00 presse-citron.net Auteur: Setra

Aux Etats-Unis, un homme va être jugé pour avoir engrossé une jeune fille de 13 ans rencontrée sur Facebook.

Le: 16 07 2013 à 18:55 Journal du Net Développeurs

Les offres de services informatiques de type cloud computing permettent aux entreprises d’accéder facilement à de grandes capacités délocalisées de traitement et de stockage de données. Ces services externalisés sont très attractifs pour les entreprises, notamment en raison de leur modularité et évolutivité très fortes.



Le: 16 07 2013 à 18:49 Journal du Net Développeurs

Depuis 2010, les recherches sur mobiles ont augmenté de 400 %. Difficile d’ignorer cette tendance !



Le: 16 07 2013 à 18:37 Journal du Net Développeurs

Homo Sapiens Sapiens va sans grand doute accomplir plus de progrès techniques au XXIème siècle que pendant ses 100 000 premières années sur la planète. Passage en revue de 5 technos qui vont façonner notre siècle.



Le: 16 07 2013 à 18:33 Journal du Net Développeurs

35% des internautes français se rendent chaque mois sur des sites de photo où ils passent en moyenne trois quarts d'heure. Quels sites bénéficient le plus de ce trafic ?



Le: 16 07 2013 à 18:32 Journal du Net Développeurs

Vous avez certainement virtualisé vos serveurs et systèmes de stockage mais avez-vous également virtualisé vos postes de travail ? Voici quelques bonnes raisons de le faire.

Le: 16 07 2013 à 18:19 blogs pcsoft Auteur: info@pcsoft.fr (Guillaume BAYLE)

Une nouvelle version de WINDEV, WEBDEV et WINDEV Mobile 18 est disponible en téléchargement : http://www.pcsoft.fr/st/telec/index.html La version est en niveau 1 de validation : http://www.pcsoft.fr/st/telec/validation-vi.htm

Le: 16 07 2013 à 18:05 presse-citron.net Auteur: Setra

La Corée du Sud accuse son voisin du nord d’avoir hacké le site web de sa présidence et d’autres sites gouvernementaux.

Le: 16 07 2013 à 18:00 FrenchWeb.fr Auteur: Alexandra Bensoussan-Sureau

Le marché de la publicité vidéo connaît une croissance ralentie au 1er semestre… Rubicon Project lance sa...

Le: 16 07 2013 à 18:00 FrenchWeb.fr Auteur: journaliste

Le marché de la publicité vidéo connaît une croissance ralentie au 1er semestre… Rubicon Project lance sa...

Le: 16 07 2013 à 18:00 FrenchWeb.fr Auteur: La rédaction

Le marché de la publicité vidéo connaît une croissance ralentie au 1er semestre… Rubicon Project lance sa...

Le: 16 07 2013 à 17:46 Journal du Net Développeurs

L’entreprise hyper-connectée est en interaction permanente avec ses partenaires, clients et collaborateurs. Une masse critique d’échanges de données et parmi elles, les données sensibles et confidentielles, est amenée à quitter quotidiennement son périmètre de sécurité.



Le: 16 07 2013 à 17:40 FrenchWeb.fr Auteur: Alexandra Bensoussan-Sureau

Grâce à cette première levée de fonds, les créateurs du Toowap espèrent toucher plus de 50 000...

Le: 16 07 2013 à 17:40 FrenchWeb.fr Auteur: journaliste

Grâce à cette première levée de fonds, les créateurs du Toowap espèrent toucher plus de 50 000...

Le: 16 07 2013 à 17:40 FrenchWeb.fr Auteur: La rédaction

Grâce à cette première levée de fonds, les créateurs du Toowap espèrent toucher plus de 50 000...

Le: 16 07 2013 à 17:39 Journal du Net Développeurs

Le décret n° 2013-596 du 8 juillet 2013, paru au Journal officiel du 9 juillet 2013, marque la fin d'une mesure âprement débattue dans le cadre du dispositif de lutte contre le téléchargement illégal.



Le: 16 07 2013 à 17:33 Journal du Net Développeurs

Les Françaises comptent parmi les plus grandes consommatrices de cosmétiques au monde. Le conseil et le besoin de tester les produits ont longtemps été considérés comme un frein au e-commerce en ligne dans cette industrie. Est-ce toujours le cas ?



Le: 16 07 2013 à 17:20 Journal du Net Développeurs

Au vu des prévisions estimant le nombre d'équipements connectés à 50 milliards en 2020, la vision d'un monde interconnecté sur le modèle machine-to-machine (M2M) devient une réalité.



Le: 16 07 2013 à 17:00 Journal du Net Développeurs

Dernier arrivé des termes qui font le buzz parmi les responsables IT, la « convergence des datacenters », rejoint le « cloud computing » et le « big data » au panthéon des concepts importants mais à la définition encore évasive...



Le: 16 07 2013 à 16:30 korben.info Auteur: Korben

Si vous avez aimé Skyrim, mais que vous avez trouvé le jeu trop court (??? euhhh), vous allez être ravi puisque AlexanderJVelicky, moddeur et fan de la licence a mis en ligne Falskaar, un mod qui vous emmena sur de nouvelles terres. Falskaar a été conçu comme un DLC puisqu'en plus des nouveaux territoires, vous [...]

Le: 16 07 2013 à 16:26 powerpress.fr Auteur: redaxio

  VIACOURS le spécialiste toulousain de la réussite scolaire annonce des résultats exceptionnels.   Le spécialiste toulousain de la réussite scolaire, VIACOURS, annonce une année avec des résultats exceptionnels sur un échantillon de plus de 40 bacheliers : les scores au Baccalauréat signalent une qualité d’enseignement et de suivi exemplaire, avec pas moins de 20 [...]

PowerPress - Communiqués de presse pour les métiers du web

Le: 16 07 2013 à 16:20 Journal du Net Développeurs

Quoi de plus normal que de demander à son prestataire SEO d’obtenir des résultats ? Le SEO est un levier d’acquisition de trafic, il est mesurable, cela ne devrait pas poser de problème. Pourtant lorsque l’on évoque un modèle à la performance, s’en suit généralement l’énumération d’une longue liste de contraintes.

Le: 16 07 2013 à 16:15 Webdesigner Depot Auteur: Ben Moss

Business can be a lot like an Olympic race; being world class isn’t good enough, to be successful you have to out-perform your competitors. Nowhere is that more true than search engine optimization, when results are quite literally about your position in a league table. You simply cannot win by focusing exclusively on your own [...]

    


Le: 16 07 2013 à 16:02 presse-citron.net Auteur: Axel-Cereloz

Voici l'histoire d'une femme qui, paralysée par une maladie grave, a pu continuer à peindre des œuvres grâce à la technologie. Quand les machines se mettent au service du handicap pour permettre aux gens de réaliser leurs rêves.

Le: 16 07 2013 à 15:52 Journal du Net Développeurs

Visioconférence, formation ou même assistance à la rééducation physique : les débouchés de la deuxième génération du capteur de reconnaissance vocale et de mouvements de Microsoft devraient se multiplier.

Le: 16 07 2013 à 15:45 korben.info Auteur: Korben

Si vous cédez aux sirènes du GIF animé pour alimenter vos Tumblr et autres comptes 4Chan, j'ai l'outil qu'il vous faut ! Ça s'appelle, QGifer, ça fonctionne sous Windows et Linux et ça permet d'importer une vidéo pour en extraire un morceau qui sera alors converti en GIF animé. QGifer permet d'éditer la palette de [...]

Le: 16 07 2013 à 15:27 presse-citron.net Auteur: Axel-Cereloz

Quand le cinéma arrive sur Instagram, c'est par le biais des bandes-annonces. Hasard ou destin ? Le premier film à tenter cette expérience est 'Jobs', un métrage qui retrace la vie de Steve Job.

Le: 16 07 2013 à 15:25 Journal du Net Développeurs

En dépit du battage médiatique autour du Big Data, certaines startups ne font pour l'instant pas beaucoup de vagues. Cette tendance devrait toucher à sa fin.

Le: 16 07 2013 à 15:24 Journal du Net Développeurs

Avec 70% de son trafic réalisé en dehors des Etats-Unis, Codecademy est devenu un Mooc d'envergure internationale. Son fondateur explique au JDN ses projets.



Le: 16 07 2013 à 15:07 Journal du Net Développeurs

Il faudra attendre 2014 pour que la hausse des montants dépensés ainsi permettent au marché américain de s'envoler et d'atteindre 58 milliards de dollars en 2017, selon eMarketer.

Le: 16 07 2013 à 14:57 presse-citron.net Auteur: Thomas-Estimbre

PrimeSense, cette startup israélienne qui a développé le système Kinect de Microsoft intéresserait Apple. Le coût de la transaction est estimé à 280 millions de dollars.

Le: 16 07 2013 à 14:43 Journal du Net Développeurs

Les dépenses informatiques devraient continuer leur croissance en dépit de la crise mondiale. Mais les progressions des différents segments de marché sont loin d'être homogènes.



Le: 16 07 2013 à 14:00 presse-citron.net Auteur: Eric

La semaine dernière, pendant que Valentin était à Houston USA pour couvrir la WPC de Microsoft, j’étais à Saint Petersbourg Russie pour couvrir l’Imagine Cup… de Microsoft. Imagine Cup, kezako ? Crée en 2003, L’Imagine Cup, qui fêtait donc cette année son dixième anniversaire, est une compétition de créativité et d’innovation inventée par Microsoft ciblant

Le: 16 07 2013 à 13:38 presse-citron.net Auteur: Axel-Cereloz

Valve a un nouveau projet sur les rails. Son nom : Pipeline. Son objectif : apporter des réponses aux jeunes qui voudraient se lancer dans une carrière dans le jeu vidéo.

Le: 16 07 2013 à 13:06 Journal du Net Développeurs

La loi Fioraso incite l'usage des logiciels libres dans l'enseignement supérieur et la recherche. Présenté comme un levier majeur d'économies budgétaires, le logiciel libre se soumet alors au jugement d'un plus grand public. Entre amour et désamour, zoom sur la face cachée du libre.



Le: 16 07 2013 à 13:00 FrenchWeb.fr Auteur: Alexandra Bensoussan-Sureau

Co-fondateur de Dailymotion, Didier Rappaport se rappelle les vidéos humoristiques de ses collègues, qui ont décidé un...

Le: 16 07 2013 à 13:00 FrenchWeb.fr Auteur: journaliste

Co-fondateur de Dailymotion, Didier Rappaport se rappelle les vidéos humoristiques de ses collègues, qui ont décidé un...

Le: 16 07 2013 à 13:00 FrenchWeb.fr Auteur: La rédaction

Co-fondateur de Dailymotion, Didier Rappaport se rappelle les vidéos humoristiques de ses collègues, qui ont décidé un...

Le: 16 07 2013 à 12:55 Journal du Net Développeurs

Quels sont les moyens que les cybermarchands et leurs partenaires hébergeurs-infogérants doivent mettre en œuvre pour donner confiance aux clients et surtout la conserver.



Le: 16 07 2013 à 12:42 Journal du Net Développeurs

Les pouvoirs d’investigation des enquêteurs en matière de visite et saisie en droit de la concurrence sont extrêmement étendus, allant jusqu’à la saisie massive des messageries électroniques. L’entreprise doit y être préparée.



Le: 16 07 2013 à 12:30 Journal du Net Développeurs

Fondateurs, actionnaires financiers et dirigeants non fondateurs. Chacun a sa propre conception de ce qui fait une gouvernance efficace. Pour faire face aux mutations d'une entreprise en croissance, il est utile de s'inspirer de ces trois approches, pas forcément contradictoires.



Le: 16 07 2013 à 12:29 FrenchWeb.fr Auteur: Sébastien Gestiere

Les Lovie Awards une grande distinctions du web européen. C’est une opportunité unique de distinguer votre travail...

Le: 16 07 2013 à 12:29 FrenchWeb.fr Auteur: Sébastien Gestiere

Les Lovie Awards une grande distinctions du web européen. C’est une opportunité unique de distinguer votre travail...

Le: 16 07 2013 à 12:18 Journal du Net Développeurs

Visioconférence, formation ou même assistance à la rééducation physique : les débouchés de la deuxième génération du capteur de reconnaissance vocale et de mouvements de Microsoft devraient se multiplier.



Le: 16 07 2013 à 12:03 korben.info Auteur: Korben

Durant mon absence de la semaine dernière, Snowden a laché une nouvelle bombe qui cette fois vient frapper en plein coeur la société Microsoft. Au début des révélations Prism, toutes les sociétés américaines impliquées disaient : non, non, non, on ne donne pas d'accès direct à la NSA. Puis petit à petit, on découvre qu'elles [...]

Le: 16 07 2013 à 11:57 FrenchWeb.fr Auteur: Alexandra Bensoussan-Sureau

Pilier du SEO, le link building est l’action qui consiste à mettre en place une série de...

Le: 16 07 2013 à 11:57 FrenchWeb.fr Auteur: journaliste

Pilier du SEO, le link building est l’action qui consiste à mettre en place une série de...

Le: 16 07 2013 à 11:57 FrenchWeb.fr Auteur: La rédaction

Pilier du SEO, le link building est l’action qui consiste à mettre en place une série de...

Le: 16 07 2013 à 11:44 presse-citron.net Auteur: Setra

Le constructeur de PC chinois Lenovo vient d'annoncer qu'il a été classé 329ème sur le Fortune de 2013. Il s'agit du classement des plus grandes compagnies du globe, en se basant sur leurs revenus. En grimpant dans ce classement, Lenovo se place devant de grandes firmes comme Air France KLM ou encore American Express.

Le: 16 07 2013 à 11:16 Journal du Net Développeurs

En juin 2013 Apple a fêté les six ans de son smartphone. Retour en vidéo sur l'iPhone qui a bouleversé le business de la marque à la pomme, avec JDN et France 24.



Le: 16 07 2013 à 11:15 Webdesigner Depot Auteur: Paddi MacDonnell

One of the biggest trends right now is animation. It’s smaller than video, more engaging than still images, and the range of talent worldwide seems to grow daily. Just a couple of years ago, web animation meant Flash, and when Flash lost credibility animation fell alongside it. That’s no longer the case, now when we [...]

    


Le: 16 07 2013 à 11:12 presse-citron.net Auteur: Setra

Le réseau social Made In India Worldfloat commence à prendre de l’ampleur dans ce pays. Son équipe s’attend à recevoir 20 millions d’utilisateurs d’ici le mois d’août.

Le: 16 07 2013 à 11:01 presse-citron.net Auteur: Setra

En collaboration avec des géants du high tech et de la régie publicitaire, la maison blanche adopte une nouvelle stratégie anti-piratage dont le but est de priver les sites offrant des produits piratés ou contrefaits de revenus publicitaires.

Le: 16 07 2013 à 11:00 Alsacreations.com - Actualités Auteur: Raphael

C'est quoi l'accélération matérielle ?

flash

Comme le dit fort à propos Wikipédia : L'accélération matérielle consiste à confier une fonction spécifique effectuée par le processeur à un circuit intégré dédié qui effectuera cette fonction de façon plus efficace.

Dans le monde du Web cette possibilité concernera généralement les animations, et reposera sur la présence de deux éléments essentiels :

  • Le processeur : CPU (Central Processing Unit)
  • La carte graphique : GPU (Graphic Processing Unit)

Quel intérêt pour nos pages web ?

Certaines propriétés CSS affectent directement ou indirectement la taille de la boîte d'un élément : width, height, mais aussi margin, padding, border, top, right, bottom, left, etc.

Lorsque l'on modifie l'une de ces valeurs via CSS, le navigateur se voit contraint de recalculer la boîte ainsi que celles qui l'entourent et de "repeindre" la page (repaint).

Ce comportement est généralement insignifiant… sauf en cas de transition ou d'animation CSS : le navigateur, via le processeur, doit alors recalculer tous les éléments à chaque étape-clé de la transition !

La conséquence de cet effort du processeur se traduit par des effets de ralentissements et des saccades qui peuvent devenir très gênantes sur des périphériques de faible puissance, et en particulier sur des tablettes et smartphones.

Lors de vos animations CSS, pensez dans un premier temps à éviter les propriétés de "boîte" (citées précédemment) et remplacez-les avantageusement par des équivalents beaucoup plus performants (mais parfois moins compatibles) telles que les transformations : translations, rotations, déformations.

Et quand ce n'est pas possible,… il sera alors grand temps d'activer l'accélération matérielle via CSS, et le gain en fluidité sera immédiat et perceptible !

Activer l'accélération matérielle (AM) en CSS ?

limite 50 km/h

Appliquer une transformation CSS force un élément à s'afficher dans un "calque" indépendant du reste des éléments, permettant alors au navigateur de le traiter différemment.

L'une des possibilités offertes est alors de basculer tous les traitements et calculs de cet élément du côté de la carte graphique (GPU), et non plus du processeur (CPU). Bref, on active l'accélération matérielle.

Une transformation CSS "classique" (translate, rotate, skew, scale, matrix) ne suffit pas à activer l'accélération matérielle, il est nécessaire que cette transformation passe via l'axe de la pronfondeur (axe Z). En clair, il faut opérer une transformation 3D.

Voici une liste de déclarations CSS 3D permettant d'activer l'accélération matérielle sans altérer l'affichage ou la position de l'élément :

  • transform: translateZ(0);
  • transform: translate3d(0,0,0);
  • perspective: 1000; backface-visibility: hidden;

Dans tous les cas, n'oubliez pas d'ajouter les préfixes constructeurs de rigueur (-webkit-, -moz-, -ms-, -o-) nécessaires tant que la spécification W3C du module des transformations 3D n'est pas finalisée.

Notez également que certains filtres CSS (CSS3 filters, actuellement à l'état de brouillon), WebGL, la vidéo et l'élément HTML5 <canvas> contribuent également à l'activation de la carte graphique.

Certains navigateurs permettent d'afficher les informations de la carte graphique et notamment si l'accélération est possible. Par exemple dans Firefox, la commande est  about:support, et dans Chrome la syntaxe est chrome://gpu :

GPU

Un exemple concret ?

Pour mieux comprendre la mise en pratique de l'accélération matérielle, je vous propose un court exemple concret. Le but est de faire apparaître un menu de navigation en transition lors d'un événement :

nav {
	transform: translate3d(-100%,0,0); /* activation de l'AM */
	transition: transform .4s;
}
nav.open {
	transform: translate3d(0,0,0);
}

Variante (plus compatible si les transformations 3D ne sont pas supportées) :

nav {
	position: absolute;
		left: -100%;
	transform: translate3d(0,0,0);  /* activation de l'AM */
	transition: left .4s;
}
nav.open {
	left: 0;
}

Les snippets de navigation responsive sur la page goetter.fr/nav activent tant que faire se peut l'accélération matérielle. Je vous invite à les décortiquer et vous les approprier.

Pratique aussi pour les filtres CSS

speed

Les filtres CSS, actuellement en brouillon dans les spécifications, offrent de nouvelles possibilités graphiques fort intéressantes : flou, noir et blanc, sépia, contraste, luminosité, etc.

Cependant, à l'instar des animations, certains filtres CSS tels que blur (flou) posent des problèmes de lenteur sur mobiles.

Dans ce cas, activer l'accélération matérielle vous sera également d'une grande utilité.

Et aussi pour le lissage des polices !

Le lissage des polices laisse souvent à désirer sur Chrome Windows, je ne vous l'apprends sans doute pas. Sachez que dans ce domaine aussi l'activation de l'accélération matérielle peut faire des miracles.

Prenez deux caractères agrandis et tournés. Dans le premier cas, opérez une rotation simple à l'aide d'une transformation classique. Dans le second cas, ajoutez une transformation CSS 3D afin de solliciter la carte graphique. Vous serez bluffés par le résultat (à voir sur CodePen) :

span {
	display: inline-block;
	-webkit-transform: rotate(60deg);
}
span+span {
	-webkit-transform: rotate(60deg) translate3d(0,0,0);
}

Accélération Materielle et lissage de police

Conclusion

Activer l'accélération matérielle favorise la fluidité des animations CSS, mais provoque également d'autres effets bénéfiques pour les périphériques dont le processeur est parfois à la traîne.

Sachez en profiter sans toutefois en abuser : les cartes graphiques de nos anciens mobiles ne sont pas non plus des foudres de guerre et pourraient facilement pâtir d'un excès de zèle dans vos choix d'activation matérielle.

Le: 16 07 2013 à 11:00 Alsacreations.com - Apprendre Auteur: Raphael

C'est quoi l'accélération matérielle ?

flash

Comme le dit fort à propos Wikipédia : L'accélération matérielle consiste à confier une fonction spécifique effectuée par le processeur à un circuit intégré dédié qui effectuera cette fonction de façon plus efficace.

Dans le monde du Web cette possibilité concernera généralement les animations, et reposera sur la présence de deux éléments essentiels :

  • Le processeur : CPU (Central Processing Unit)
  • La carte graphique : GPU (Graphic Processing Unit)

Quel intérêt pour nos pages web ?

Certaines propriétés CSS affectent directement ou indirectement la taille de la boîte d'un élément : width, height, mais aussi margin, padding, border, top, right, bottom, left, etc.

Lorsque l'on modifie l'une de ces valeurs via CSS, le navigateur se voit contraint de recalculer la boîte ainsi que celles qui l'entourent et de "repeindre" la page (repaint).

Ce comportement est généralement insignifiant… sauf en cas de transition ou d'animation CSS : le navigateur, via le processeur, doit alors recalculer tous les éléments à chaque étape-clé de la transition !

La conséquence de cet effort du processeur se traduit par des effets de ralentissements et des saccades qui peuvent devenir très gênantes sur des périphériques de faible puissance, et en particulier sur des tablettes et smartphones.

Lors de vos animations CSS, pensez dans un premier temps à éviter les propriétés de "boîte" (citées précédemment) et remplacez-les avantageusement par des équivalents beaucoup plus performants (mais parfois moins compatibles) telles que les transformations : translations, rotations, déformations.

Et quand ce n'est pas possible,… il sera alors grand temps d'activer l'accélération matérielle via CSS, et le gain en fluidité sera immédiat et perceptible !

Activer l'accélération matérielle (AM) en CSS ?

limite 50 km/h

Appliquer une transformation CSS force un élément à s'afficher dans un "calque" indépendant du reste des éléments, permettant alors au navigateur de le traiter différemment.

L'une des possibilités offertes est alors de basculer tous les traitements et calculs de cet élément du côté de la carte graphique (GPU), et non plus du processeur (CPU). Bref, on active l'accélération matérielle.

Une transformation CSS "classique" (translate, rotate, skew, scale, matrix) ne suffit pas à activer l'accélération matérielle, il est nécessaire que cette transformation passe via l'axe de la pronfondeur (axe Z). En clair, il faut opérer une transformation 3D.

Voici une liste de déclarations CSS 3D permettant d'activer l'accélération matérielle sans altérer l'affichage ou la position de l'élément :

  • transform: translateZ(0);
  • transform: translate3d(0,0,0);
  • perspective: 1000; backface-visibility: hidden;

Les propriétés de transformations 3D sont plutôt bien supportées par les navigateurs, mais dans tous les cas, n'oubliez pas d'ajouter les préfixes constructeurs de rigueur (-webkit-, -moz-, -ms-, -o-) nécessaires tant que la spécification W3C du module des transformations 3D n'est pas finalisée.

Notez également que certains filtres CSS (CSS3 filters, actuellement à l'état de brouillon), WebGL, la vidéo et l'élément HTML5 <canvas> contribuent également à l'activation de la carte graphique.

Certains navigateurs permettent d'afficher les informations de la carte graphique et notamment si l'accélération est possible. Par exemple dans Firefox, la commande est  about:support, et dans Chrome la syntaxe est chrome://gpu :

GPU

Un exemple concret ?

Pour mieux comprendre la mise en pratique de l'accélération matérielle, je vous propose un court exemple concret. Le but est de faire apparaître un menu de navigation en transition lors d'un événement :

nav {
	transform: translate3d(-100%,0,0); /* activation de l'AM */
	transition: transform .4s;
}
nav.open {
	transform: translate3d(0,0,0);
}

Variante (plus compatible si les transformations 3D ne sont pas supportées) :

nav {
	position: absolute;
		left: -100%;
	transform: translate3d(0,0,0);  /* activation de l'AM */
	transition: left .4s;
}
nav.open {
	left: 0;
}

Les snippets de navigation responsive sur la page goetter.fr/nav activent tant que faire se peut l'accélération matérielle. Je vous invite à les décortiquer et vous les approprier.

Pratique aussi pour les filtres CSS

speed

Les filtres CSS, actuellement en brouillon dans les spécifications, offrent de nouvelles possibilités graphiques fort intéressantes : flou, noir et blanc, sépia, contraste, luminosité, etc.

Cependant, à l'instar des animations, certains filtres CSS tels que blur (flou) posent des problèmes de lenteur sur mobiles.

Dans ce cas, activer l'accélération matérielle vous sera également d'une grande utilité.

Et aussi pour le lissage des polices !

Le lissage des polices laisse souvent à désirer sur Chrome Windows, je ne vous l'apprends sans doute pas. Sachez que dans ce domaine aussi l'activation de l'accélération matérielle peut faire des miracles.

Prenez deux caractères agrandis et tournés. Dans le premier cas, opérez une rotation simple à l'aide d'une transformation classique. Dans le second cas, ajoutez une transformation CSS 3D afin de solliciter la carte graphique. Vous serez bluffés par le résultat (à voir sur CodePen) :

span {
	display: inline-block;
	-webkit-transform: rotate(60deg);
}
span+span {
	-webkit-transform: rotate(60deg) translate3d(0,0,0);
}

Accélération Materielle et lissage de police

Conclusion

Activer l'accélération matérielle favorise la fluidité des animations CSS, mais provoque également d'autres effets bénéfiques pour les périphériques dont le processeur est parfois à la traîne.

Sachez en profiter sans toutefois en abuser : les cartes graphiques de nos anciens mobiles ne sont pas non plus des foudres de guerre et pourraient facilement pâtir d'un excès de zèle dans vos choix d'activation matérielle.

Le: 16 07 2013 à 10:58 presse-citron.net Auteur: Setra

AdDuplex a publié des données révélant que le Nokia Lumia 520 est actuellement le Smartphone sous Windows Phone le plus utilisé.

Le: 16 07 2013 à 10:57 presse-citron.net Auteur: Setra

Bloomberg nous informe que le géant chinois Lenovo a récemment ouvert une usine aux Etats-Unis.

Le: 16 07 2013 à 10:56 FrenchWeb.fr Auteur: Marion Moreau

Rocket Internet annonce aujourd’hui avoir levé 500 millions de dollars auprès de ses deux partenaires historiques AB...

Le: 16 07 2013 à 10:52 presse-citron.net Auteur: Axel-Cereloz

Craquage ou révélation ? Un ex-joueur de la NBA dit avoir été intercepté des aliens qui lui auraient mis de pichenettes dans le nez.

Le: 16 07 2013 à 10:49 presse-citron.net Auteur: Setra

Le scandale PRISM a choqué le monde mais profite également à certains services qui font un coup de marketing gratuit. C’est le cas de Lavabit, le service e-mail qui serait utilisé par Edward Snowden.

Le: 16 07 2013 à 10:46 presse-citron.net Auteur: Setra

Le ministère de la défense sud-coréenne lance une application mobile anti-fuites militaires pour son personnel.

Le: 16 07 2013 à 10:44 Journal du Net Développeurs

La Redoute est de loin le marchand le plus intégré aux plateformes sociales en France.



Le: 16 07 2013 à 10:10 presse-citron.net Auteur: Axel-Cereloz

Facebook a tenu à expliquer pourquoi le réseau social ne comptait pas intégrer une fonction pour indiquer aux utilisateurs le nombre de personnes ayant vu leurs publications.

Le: 16 07 2013 à 10:09 jqueryrain.com Auteur: Admin

A two-dimensional drawing api meant for modern browsers. It is renderer agnostic enabling the same api to render in multiple contexts: webgl, canvas2d, and svg.Two.js is deeply inspired by flat ...

Le: 16 07 2013 à 10:08 WebdesignerNews Auteur: Cameron

Cardinal is a mobile-first CSS framework that comes with some useful default styles, reusable modules, scalable typography, and a responsive grid system. It’s great for developers who want a simpler way to build responsive web apps.

Le: 16 07 2013 à 10:01 jqueryrain.com Auteur: Admin

Virtual Keyboard using jQuery UI. Features: An on-screen virtual keyboard embedded within the browser window which will popup when a specified entry field is focused. The user can then type ...

Le: 16 07 2013 à 09:44 presse-citron.net Auteur: Vincent-Puren

Vous rêvez d’entreprendre, de partir au bout du monde ou d’assumer, enfin, votre projet artistique. Oui mais... vous vous posez des tas de questions : Est-ce le bon moment ? Suis-je suffisamment expérimenté ? Des interrogations qui vous perturbent l'existence. Pour stopper ce syndrome du «oui... mais», Thibaud Clément, jeune entrepreneur, publie « Se lancer Sans attendre», un ouvrage de 187 pages pour positiver et ne plus douter de son potentiel.

Le: 16 07 2013 à 09:44 jqueryrain.com Auteur: Admin

It’s easy to take the “masking” of passwords (replacing characters with ••••) for granted.This plugin lets you easily hide and reveal the contents of a password input field. It’s based ...

Le: 16 07 2013 à 09:42 FrenchWeb.fr Auteur: Alexandra Bensoussan-Sureau

Annoncée il y a moins d’une semaine, cette opération, d’un montant de 66,9 millions d’euros, est aujourd’hui...

Le: 16 07 2013 à 09:42 FrenchWeb.fr Auteur: journaliste

Annoncée il y a moins d’une semaine, cette opération, d’un montant de 66,9 millions d’euros, est aujourd’hui...

Le: 16 07 2013 à 09:42 FrenchWeb.fr Auteur: La rédaction

Annoncée il y a moins d’une semaine, cette opération, d’un montant de 66,9 millions d’euros, est aujourd’hui...

Le: 16 07 2013 à 09:24 FrenchWeb.fr Auteur: Richard Menneveux

Déjà coté en bourse, le franco-brésilien LeadMedia Group, spécialiste du marketing online, vient d’annoncer une augmentation de...

Le: 16 07 2013 à 09:16 presse-citron.net Auteur: Axel-Cereloz

Yahoo a enfin lancé son grand recyclage des identifiants pour libérer le nombre de pseudos disponibles. Seul problème, les adresses mail supprimées offriront une faille de sécurité. Problème auquel le service a trouvé une parade.

Le: 16 07 2013 à 09:16 presse-citron.net Auteur: Axel-Cereloz

Yahoo a enfin lancé son grand recyclage des identifiants pour libérer le nombre de pseudos disponibles. Seul problème, les adresses mail supprimées offriront une faille de sécurité. Problème auquel le service a trouvé une parade.

Le: 16 07 2013 à 09:10 presse-citron.net Auteur: Setra

eBay lance une nouvelle application pour iPhone portant le nom d’eBay Exact. Celle-ci permettra aux utilisateurs de commander des articles customisés via l’impression 3D.

Le: 16 07 2013 à 09:05 webappers.com Auteur: Ray Cheung

Advertise here via BSA

Promin is a jQuery plugin that allows you to break forms into smaller chunks. It looks very nice and it comsumes less space. Your form requires little modification, so even if JavaScript is turned off or Promin fails to deliver, your form won’t break. It has been tested on several browsers on desktops, tablets and [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Le: 16 07 2013 à 09:03 webappers.com Auteur: Ray Cheung

Advertise here via BSA

Hashslider v2 is a jquery-based slider that does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider. The content can now be loaded from an extern .html-file what makes the performance much better, even when you have dozen of [...]

Sponsors

Professional Web Icons for Your Websites and Applications

Le: 16 07 2013 à 08:47 lafermeduweb.net Auteur: DJo

strong>Daux.io est un outil permettant de générer une plateforme de documentation complète et ergonomique en PHP.

Le: 16 07 2013 à 08:37 presse-citron.net Auteur: Quentin-Lechemia

La major Universal Music vient de lancer The Vinyl Project, une campagne promotionnelle concernant la ré-édition de certains albums « rares et épuisés » au format vinyle. Surprenant mais plus qu'intéressant.

Le: 16 07 2013 à 08:00 presse-citron.net Auteur: Axel-Cereloz

La progression scientifique est parfois étonnante. Une véritable aubaine pourrait voir le jour pour les personnes qui ont besoin d'un cœur artificiel, une opportunité à base de... viande de vache.

Le: 16 07 2013 à 07:59 korben.info Auteur: Korben

Tor est une invention formidable (Et Jacob Appelbaum mériterait bien un prix Nobel tiens...) et qui pourtant, sous Windows est mal exploité. En effet, à part le Tor Bundle (Tor + Firefox), qui permet de surfer de manière anonymisée, il n'existe rien d'autre. Dès qu'on sort d'un navigateur ou d'un logiciel qui supporte nativement les [...]

Le: 16 07 2013 à 07:57 FrenchWeb.fr Auteur: Marion Moreau

L’ex PDG de Netbooster s’attache à bâtir un groupe média tourné vers le « content commerce ». Après le...

Le: 16 07 2013 à 07:21 FrenchWeb.fr Auteur: Richard Menneveux

Le groupe publicitaire dirigé par Maurice Levy vient d’annoncer une prise de participation « stratégique », d’un montant de...

Le: 16 07 2013 à 06:43 korben.info Auteur: Korben

Si vous aimez les jeux de rôle et que Stargate ne vous laisse pas insensible, alors téléportez-vous jusqu'à moi et dans la joie, ô peuples de toute la galaxie ! Après plus d'un an de boulot, une équipe d'amateurs passionnés viennent de sortir pour la Comicon, Stargate Coalition v3.0, un JDR en téléchargement gratuit qui [...]

Le: 16 07 2013 à 05:33 designm.ag Auteur: Jake Rocheleau

Advertise here with BSA


Designers and developers are growing in numbers and plenty of these folks have outstanding portfolios. The common advantage of the Internet is that anybody from anywhere in the world can check out your projects during any time of the day! If you wish to land more freelance work then I would recommend taking a peek at your current portfolio to see if anything could be updated.

And to help with building ideas for your own website, I have collected 200 various portfolios of graphics designers, developers, writers, and other digital creatives. This is a massive showcase gallery full of design inspiration for unique portfolio layouts. I strived to include only designs which really change things up from the typical portfolio website templates. Plus in addition to these design examples, I would love to read other people's thoughts on how to build a great portfolio site in the comments section.


Advertise here with BSA