Archives de catégorie : Internet

Tout ce qui se passe sur le web : de la dernière vidéo loufoque aux récentes nouveautés technologiques…

CSS : @font-face se généralise

font-face

font-face

Il est de notoriété publique que l’usage des fontes sur le Web est limité à une poignée de fontes non pas standardisées, mais suffisamment répandues pour pouvoir être utilisées sans trop de risques. Et cela pour une raison très simple : la police de caractères que l’on souhaite utiliser doit être présente sur le système de l’utilisateur pour être utilisée par le navigateur.

CSS 2 (publié en 1998) comprenait un mécanisme qui autorisait les auteurs de pages web à proposer une police au téléchargement, police qui serait ensuite utilisée dans la page. Il s’agit de la règle @font-face, mais à l’époque, celle-ci avait été peu implémentée par les navigateurs, ou alors partiellement.

Depuis pas mal de mois (années?) maintenant, les webdesigners prennent un malin plaisir à utiliser ce formidable outil pour personnaliser leurs interfaces, quitte à violer quelques droits d’auteurs au passage… Le nombre de sites utilisant @font-face a augmenté de 8500% entre 2010 et 2011…

Mais que fait HADOPI ? (lol)

Continuer la lecture

Générez l’architecture de votre projet web

Instant Blueprint est un service web gratuit qui vous permettra de générer en un clic l’architecture de départ de votre nouveau projet de site web.

Imaginons que vous devez créer rapidement un nouveau projet web PHP ou HTML. Il est souvent fastidieux de retaper à la main toutes les balises HTML du header, le CSS de base avec reset, inclure les différentes librairies JS et CSS… Instant Blueprint vous permettra de configurer facilement l’architecture de votre nouveau projet web.

Voici les paramètres à configurer:

  • Titre du projet
  • Le doctype désiré (HTML5 disponible aussi)
  • Librairie Javascript à inclure
  • Comment inclure la librairie Javascript (Fichiers hébergés localement, ou à distance chez le CDN Google), compressé ou non.
  • L’extension du fichier index
  • Centrer ou non le site
  • Ajout des principales div qui constitueront l’architecture du site

Continuer la lecture

E-commerce 2010: un secteur toujours en pleine santé

E-commerce

E-commerce

D’après la dernière étude réalisée par la FEVAD (étude qui repose à la fois sur les informations recueillies auprès des 40 sites marchands participant au panel Fevad/iCE 40 et sur le montant agrégé des transactions réalisées par les principales sociétés prestataires de paiement pour le compte de près de 80 000 sites internet), les ventes sur internet passent la barre des 30 milliards d’euros avec plus de 340 millions de transactions réalisées dans l’année. Cela représente une progression de 24% sur l’année. Cette progression confirme le dynamisme du commerce sur internet en France.

Au cours de l’année, les sites ont enregistré plus de 340 millions de transactions, soit 60 millions de plus qu’en 2009. Le montant moyen de la transaction a retrouvé en 2010 le niveau élevé d’avant la crise à 91 euros.

Continuer la lecture

Quelles sont les clés d’un design réussi

Web Design Rules

Web Design Rules

99% de vos visiteurs se fichent éperdument de savoir que votre site est codé en Flash ou qu’il est conforme aux dernières normes W3C.

Ce qui vous semble important dans le Web Design n’est pas forcément ce qui leur semble important.

Alors n’oubliez pas que ce sont eux qui décideront de votre succès !

Comme le rappelait déjà Pierre Jahan sur son blog en 2005 (et oui ça date mais son article sur les erreurs du web design est très intéressant et est toujours d’actualité) :

Ce qui intéresse avant tout le visiteur, c’est une solution à son problème ou une réponse à sa question. La plupart des gens visitent un site pour répondre à une ou plusieurs de ces trois attentes:

  • Ils ont besoin d’information
  • Ils ont besoin de consommer (ou de donner…)
  • Ils ont besoin de se divertir

Vous pouvez parfaitement viser une portion limitée de la population des internautes et choisir de ne vous adresser (par exemple) qu’aux amateurs de belles images.

Mais si vous souhaitez donner à votre site le maximum de chances d’obtenir une bonne fréquentation, vous allez devoir composer avec un grand nombre de contraintes qui devront toutes être prises en considération.

Continuer la lecture

HTML5 pourra-t-il tenir ses promesses ?

HTML5

HTML5

Si la nouvelle norme commence à faire son chemin dans les navigateurs et sites Web, les dangers sur sa normalisation et son adoption large restent tout de même bien réels.

Les attentes autour de HTML5 sont nombreuses. Reprise en main du Web par des standards libres (face aux solutions propriétaires), support uniforme de la vidéo sur toutes les plates-formes, montée de la sémantique… la liste est longue.

Malgré le soutien de nombreux acteurs de poids (Google, Apple, Mozilla…), le nouveau standard a des chances de ne pas tenir toutes ses promesses.

Tour d’horizon des points les plus critiques de son adoption, avec Tristan Nitot, président de Mozilla Europe, et Daniel Glazman, cochairman du CSS Working Group au W3C.

Continuer la lecture

Référencement naturel ou payant ?

Le référencement

Le référencement

La position sur les moteurs de recherche est une des principales sources de création de trafic sur un site web aujourd’hui. En effet, il permet aux internautes d’accéder à un site sans connaître son adresse.

L’afflux principal provient des moteurs de recherche, même si bon nombre de visiteurs passent également par des annuaires. On trouve également de plus en plus de sites de bookmarks, qui permettent aux internautes de conserver les adresses de leurs sites préférés, commerciaux ou non.

Bref, la question à laquelle j’ai souvent dû répondre est celle-ci : est-ce qu’on achète du référencement ou pas ? Je répond : « ça dépend »… Facile non ? Mais après ce fabuleux effet de style, vous pensez bien que mes clients/supérieurs hiérarchiques attendent une vraie réponse !! Je vous passe la partie synthétique que je leur donne et vous fait profiter de ma réflexion…

Continuer la lecture

Gestion projet web : les pièges à éviter

Chef de projet Web

Chef de projet Web

Depuis l’origine, je n’ai jamais voulu raconter ma vie sur ce blog, car, d’une part je ne suis pas assez nombriliste/égocentrique (il faut l’être quand même un petit peu pour créer son propre blog !), et d’autre part parce que ce blog est d’abord un lieu de partage sur mes hobbies. Mon travail n’étant pas forcément ma passion première (comme 99% de la population française),  j’ai tout de même accumulé assez d’expérience dans mon métier pour vous faire part de mon analyse sur un sujet qui me tient à coeur…

Etre chef de projet internet vous impose de rester focalisé sur votre unique objectif : espérer être rentable, et donc satisfaire les utilisateurs de vos services. Las, de nombreux pièges visant à vous détourner de ce but vous attendent…

Continuer la lecture

HTML 5, CSS 3 : les standards du web contre Flash ?

HTML5

HTML5

La notion de standards du web est en perpétuelle évolution. Lorsqu’Apple a sorti, certes de manière assez opportuniste, une page de démonstrations technologiques vantant les mérites de HTML5 et des CSS3, plusieurs blogueurs et défenseurs de navigateurs concurrents se sont émus de l’impossibilité de lancer ces démonstrations sur des navigateurs concurrents. Le problème réside dans l’absence de finalisation de ces standards. Apple a envoyé un message confus, faisant croire que Safari était un navigateur plus respectueux des standards du web que ses concurrents. En fait, la plupart de ces démonstrations n’auraient même pas pu se lancer sur un navigateur concurrent.

Le risque est alors le suivant : va-t-on se retrouver avec une situation similaire à la guerre Netscape/Internet Explorer, alors que les standards du web sont justement censés uniformiser le rendu des pages web entre les navigateurs ? Le risque existe, notamment en raison de l’usage que des sociétés comme Apple font de ces standards. On a compris que le but d’Apple est de tuer Flash, et de prouver son obsolescence alors que l’on peut aujourd’hui réaliser des pages web complexes, visuellement très riches, sans avoir recours à des technologies comme Silverlight ou Flash. Néanmoins, à trop vouloir mettre en avant des standards qui ne sont pas finalisés, et sur lesquels les différents acteurs ne sont pas sur la même longueur d’onde, on risque effectivement de se retrouver avec des sites utilisant des codecs différents pour leurs vidéos, ou ayant recours à des propriétés incompatibles avec certains navigateurs web.

Continuer la lecture

Piratage : quel avenir pour le téléchargement direct

Markmonitor.com

Markmonitor.com

Le cabinet d’analyse MarkMonitor a publié une étude sur l’état du piratage. Au travers de ce rapport la firme met en garde contre les sites de téléchargements directs.

Spécialisée dans la protection des grandes marques, MarkMonitor a basé son étude sur 22 grandes sociétés et, au travers d’un algorithme, découvert 10 000 sites Internet enfreignant d’une manière ou d’une autre la propriété intellectuelle de ces dernières. Les experts ont entrepris de distinguer les plateformes de contrefaçon, proposant d’acheter des biens physiques, des sites de téléchargements illégaux de chansons, films, séries télévisées ou logiciels. Pour ce faire ils ont manuellement vérifié le contenu de 600 sites, puis retenu une centaine d’entre eux pour établir leur étude.

Continuer la lecture

Neufbox Evolution VS Freebox Révolution

Freebox Revolution

Freebox Revolution

L’annonce de Free et de sa Freebox Révolution n’aura laissé personne indifférent, pas même chez SFR.

Sortie il y a un peu plus d’un mois, l’offre Neufbox Evolution, comprenant un nouveau décodeur, et une nouvelle neufbox, pour peu que l’on s’affranchisse de 49 euros si l’on dispose d’une neufbox 4, paraît bien pâle comparée à l’offre de Free.

Il est vrai que l’offre de Free a de quoi faire rêver : lecteur Blu-Ray intégré, FreeStore, serveur NAS de 250 Go non bridés, modem avec base DECT pour brancher des téléphones facilement… mais la plus grande surprise vient de l’inclusion des appels vers les mobiles en illimité dans le forfait.

Comment SFR peut-il retenir ses clients avec une option « similaire » à 7 euros / mois pour 2h de communication vers les mobiles ? Comment les dirigeants de SFR ont-ils pu se laisser surprendre d’une telle façon ? Continuer la lecture

Sortie officielle de Drupal 7

Drupal 7

Drupal 7

La plateforme open source de gestion de contenu Drupal passe officiellement en version 7. Il aura fallu près de trois années et plus d’un millier de développeurs bénévoles pour concocter cette dernière mouture.

Drupal 7 serait plus facile de prise en main dès son installation tout en offrant davantage de flexibilité pour développer son site Internet.

Notons également une optimisation du module de mises à jour, du gestionnaire des thèmes graphiques ainsi qu’une toute nouvelle interface administrateur.

L’une des nouveautés majeures est certainement la compatibilité avec différents types de bases de données MySQL, PostgreSQL, SQLite.

Continuer la lecture

Firefox dépasse Internet Explorer en Europe

Firefox dépasse Internet Explorer en Europe

Firefox dépasse Internet Explorer en Europe

Aujourd’hui Firefox aurait dépassé IE9 (Internet Explorer) comme navigateur le plus utilisé en Europe. Selon StatCounter, le navigateur de Microsoft n’est plus leader en Europe et serait dépassé par Firefox.

Avec une  part de marché en décembre 2010 de 38,11%, contre 37,52% pour Internet Explorer, les statistiques fournies par StatCounter démontrent qu’IE9 serait sur le déclin dans les pays européens.

A noter que Google Chrome serait utilisé par 14,23 % des internautes. Cependant, en France, le navigateur Internet Explorer de chez Microsoft serait pour le moment encore leader en France, mais talonné de peu par la fondation Mozilla avec Firefox.

Sortie de JQuery 1.4.4

Logo JQuery

Logo JQuery

Pour fêter le 4ème anniversaire de jQuery, l’équipe nous offre en cadeau sa nouvelle version 1.4.

Au menu : amélioration des performances des méthodes les plus utilisées, ajout de fonctionnalités à plusieurs fonctions, optimisation des manipulations html de jQuery, nouvelles méthodes, optimisation des performances des scripts (assez bluffantes pour le coup), etc.

Cette fois je en vais pas vous faire un résumé barbant de toutes les nouveautés, je vais simplement vous indiquer un ensemble de sites qui font ça bien mieux que moi et qui ont, de fait, eu plus de temps pour traduire le schmilblick… Logique implacable !

Continuer la lecture

CSS3 sous IE avec PIE

Logo PIE

PIE : CSS3 sur IE

Avoir les fonctionnalités de CSS3 sous Internet Explorer serait (est !) le rêve de tout webdesigner, voici donc CSS3 PIE (Progressive Internet Explorer).

CSS3 PIE est un fichier attaché (.htc) qui vous permettra l’affichage et la reconnaissance d’un certain nombre de fonctionnalités CSS3 par Internet Explorer.

Il suffit simplement d’intégrer le lien du fichier dans le CSS ( behavior: url(PIE.htc); ) et les fonctionnalités suivantes seront supportées par toutes les versions du navigateur historique de Microsoft (IE6 à IE8, la bêta IE9 intégrant déjà nativement le CSS3, si si !!) :

  • border-radius
  • box-shadow
  • border-image
  • multiple images d’arrière-plan
  • linear-gradient comme image d’arrière-plan
  • et d’autres fonctionnalités encore en développement…

En attendant que tous les internautes passent à un navigateur digne de ce nom, ou que la mise à jour IE X vers IE 9 leur soit imposée (on peut rêver…).

Continuer la lecture

Sortie de jQuery Mobile 1.0 Alpha 1

jQuery home screenshot

jQuery home screenshot

JQuery est un célèbre framework Javascript, permettant de réaliser des interfaces animées pour le web. Un nouveau projet a vu le jour à l’intérieur de ce Framework : JQuery Mobile, le but étant de proposer un système pour développer « facilement » des applications web pour mobile, avec une interface unifiée.

Alors certes ce n’est qu’une version Alpha, mais d’après des développeurs acharnés, cette « release » a déjà tout d’une version finale !

Avec l’essor des smartphones Android et iPhone/iPad dans le monde, il devient très intéressant de fournir des applications web compatibles mobile, et pourquoi pas avec des animations javascript qui fonctionnent !

Grâce à jQuery Mobile, vous pourrez développer en Javascript sans vous soucier de la compatibilité des navigateurs mobiles. Comme on peut le voir sur ce tableau, tous les derniers navigateurs mobiles sont supportés par jQuery Mobile.

Là encore, on peut constater que le navigateur Windows Mobile est bon dernier du classement… Mais les utilisateurs d’HTC HD2 pourront tout de même utiliser Opéra mobile pour un rendu plus juste.

La librairie est aussi très orientée interface mobile et proposera différents widgets pour créer des applications réussies en gardant la philosophie mobile.

Continuer la lecture

IE 9 Beta est disponible

Page d'accueil IE 9 Beta

Page d'accueil IE 9 Beta

Au menu, une réécriture complète du navigateur internet et donc de son moteur de rendu, de la rapidité et une accélération matérielle, une interface utilisateur qui s’aligne plus ou moins sur la concurrence avec forcément quelques subtilités et forcément le respect des standards, le tout sans oublier que Bing est le moteur de recherche par défaut (Plus de détails ICI sur le blog américain de l’éditeur).

L’arrivée d’Internet Explorer 9 devrait marquer le Web en général. Pour la première fois, Microsoft fait un effort assez important sur le support des technologies du Web, au point que l’on risque de voir la nouvelle version du navigateur caracoler en tête de ce domaine. L’éditeur de Redmond a d’ailleurs publié un tableau résumant les résultats des tests de ces fameuses technologies. Il montre clairement les progrès réalisés, qu’il faut cependant bien analyser.

Continuer la lecture

Sortie de Firefox 4 b

Logo Firefox

Logo Firefox

Mozilla vient de mettre en téléchargement une version pre-bêta pour son navigateur Firefox en version 4.0. Disponible pour Windows, Mac et Linux cette nouvelle mouture – baptisée Minefield – adopte une nouvelle interface utilisateur et affiche des performances légèrement meilleures que la mouture précédente.

L’équipe de développement a finalement tranché et le navigateur présentera les onglets au-dessus de la barre d’adresse (comme Chrome et Opera) plutôt qu’au dessous. Dans une vidéo, l’un des graphistes chez Mozilla donne plusieurs raisons pour ce changement. Cette nouvelle disposition permet notamment de rassembler au sein d’une même zone tous les contrôles intéractifs permettant de gérer les onglets (boutons, moteur de recherche, barre d’adresse…). Notons que l’utilisateur aura tout de même la possibilité de modifier facilement l’emplacement des onglets.

Continuer la lecture

dynamicdrive.com : la foire à la saucisse

Dynamic Drive

Dynamic Drive : le four tout pour intégrateurs web

Pour tout bon développeur/intégrateur web, les sites de référence en CSS/Javascript sont légion. Pour ma part, j’en ai écumé pas mal et un surtout : dynamicdrive.com. Alors pour le coup c’est un peu le bordel quand on ne connait pas, et on s’y perd vite si on ne se penche pas sur « l’organisation » du site.

Après quelques minutes passées, on remarque surtout la section « CSS Library ». Des librairies CSS complètes, avec des menus déroulants complets, des navigations à onglet, des layouts pour structurer son site en 1, 2, 3 colonnes fixes ou dynamiques, des boutons « design » hover/active sympatoches,… Autre gros intérêt de « DD », la partie « Tools » qui nous propose foule de fonctionnalité toute simple mais appréciables : Image Optimizer, Favicon Generator, Gradient Image Maker et autres Button Maker, autant de petits outils surtout utilisés pour les allergiques du design, qui préfèrent se flageller l’urètre avec des ronces plutôt que d’ouvrir un logiciel Photoshopesque…

Continuer la lecture