Cross browsers – Waebo

CSS Reset : Les feuilles de style les plus populaires

TiChou — Tue, 01 Feb 2011 21:34:30 +0000

Je vous partageais il y a quelques jours seulement la nouvelle version du célèbre Reset CSS mis au point par Eric Meyer. Comme vous le savez ou vous en doutez, ce fichier n’est pas le seul à proposer une telle réinitialisation des attributs CSS. Différentes feuilles de style sont ainsi utilisées à travers la toile, en fonction des préférences des uns et des autres, pour bien débuter un projet via une intégration fidèle de la maquette sur les principaux navigateurs internet.

Pour découvrir les solutions les plus populaires et les tester afin de choisir celle qui répond le mieux aux besoins, CSS Reset propose un listing présentant sept outils :

Eric Meyer’s « Reset CSS » 2.0
HTML5 Doctor CSS Reset
Yahoo! CSS Reset (YUI 3)
Universal Selector ‘*’ Reset
Vanilla CSS Un-Reset
‘undohtml.css’ – Tantek Celik
Tripoli CSS Reset – David Hellsing

Sont ainsi proposés les Reset CSS sous diverses formes : CDN (Content Delivery Network), CSS minifié (/compressé) ou non.

Articles similaires :

CSS : Les feuilles de style par défaut des navigateurs web

TiChou — Wed, 31 Mar 2010 16:57:10 +0000

Dans une volonté compréhensible de faire des sites web cross browsers, développeurs et intégrateurs sont souvent amenés à redéfinir les styles imposés par les navigateurs. Ces derniers ne proposent en effet pas les mêmes, et les styles peuvent dans certains cas être différents selon les versions dudit butineur.

Il peut donc être utile de pouvoir jeter un oeil sur les feuilles de style par défaut utilisées par Firefox, Internet Explorer, Opera ou encore Webkit.

C’est ce que propose le site iecss.com dont l’adresse est assurément à garder sous la main.

Articles similaires :

IP.Board 3.0.0 RC1 chez IPS et concours de skins

TiChou — Mon, 04 May 2009 19:26:25 +0000

Deux nouvelles tombées il y a quelques jours pour ce qui est de l’éditeur de la solution de forums qu’est Invision Power Services.

La première est la mise en ligne chez IPS d’IP.Board 3.0.0 dans sa version Release Candidate 1, après cinq packs bêtas depuis la fin de l’année 2008. Espérons qu’elle ne tarde pas trop à se dévoiler dans nos espaces clients afin que nous puissions à notre tour en profiter avant la sortie de la version finale pour laquelle aucune date n’a encore été communiquée.

Le second point est le lancement du premier concours de skins. IPS donne l’occasion aux membres de sa communauté de créer un template qui sera distribué avec IP.Board 3.0.0. Pas de limite fixée, au contraire. IPS pousse à avoir un résultat le plus différent de ce qu’a pu composer son équipe, que ce soit au niveau du code HTML, du CSS, des images ou encore du l’usage qui pourrait être fait du JavaScript.

Il conviendra cependant de faire attention au poids du skin créé ainsi que de permettre une modification rapide du logo et des images pour les personnes qui n’auraient pas forcément des compétences poussées dans le domaine. Le skin devra finalement être cross browsers afin de ne mettre aucun navigateur web de côté.

Vous pouvez d’ores et déjà participer au concours. La deadline est quant à elle fixée au 1er juin 2009. Suivra une campagne de vote pour définir les meilleurs skins. Côté récompenses, on commence doucement avec 150 dollars pour le premier, 250 pour le second et pas moins de 2 000 dollars pour le premier.

J’ai hâte de voir ces créations !

Articles similaires :

SuperPreview : Pour développer des sites cross-browsers

TiChou — Thu, 19 Mar 2009 08:47:30 +0000

C’est parti pour le lancement de la version bêta d’Expression Web SuperPreview. Enfin un outil édité par Microsoft qui permettra de tester ses sites web sur les différentes versions d’Internet Explorer sans passer par des machines virtuelles ou les logiciels quelque peu bancales proposés à l’heure actuelle sur le marché. Comparer les vues des pages selon le navigateur pour développer des sites cross-browsers serait donc désormais plus facile. Reste à vérifier si on peut s’y fier. Il est à priori possible de bénéficier d’autres moteurs de rendu bien que je ne sois pas parvenu à ajouter Firefox, Opera, Safari, Chrome ou un quelconque autre navigateur web…

Une petite solution sympathique dont l’outil principal, outre le fait de jouir d’IE multiples, sera sans doute l’aperçu visuel des conteneurs. Une sorte de Firebug lite en somme.

On ne manquera cependant pas de préciser que niveau consommation mémoire et utilisation CPU aucun travail n’a été fait ; espérons que ce ne soit lié qu’à cette seule version bêta.

Articles similaires :

DearIE6 : Faire ses adieux à Internet Explorer 6

TiChou — Thu, 15 Jan 2009 20:30:28 +0000

A tous ceux qui souhaite dire au revoir ou plutôt adieu à Internet Explorer 6, mais surtout aux développeurs dont je fais partie qui ont eu la chance de passer des heures à leurs débuts sur quelques lignes de code rien que pour avoir un site cross browsers. C’est ça quand un navigateur web très peu respectueux des standards est encore utilisé par un pourcentage non négligeable de visiteurs. Son temps est finalement venu et le voilà amené à disparaître, enfin.

Dear IE 6,
Its been a good run, now please leave.

Pour un dernier petit mot à notre cher et tendre IE6, rendez-vous sur Twitter pour envoyer un message à @DearIE6. Le message devrait rapidement apparaître sur le site DearIE6.

Articles similaires :

ie7-js : Internet Explorer respectueux des standards via JavaScript

TiChou — Sat, 03 Jan 2009 18:53:52 +0000

Dans l’optique d’arrêter de s’arracher les cheveux lors de développement de sites web avec Internet Explorer afin d’obtenir des projets cross browsers, un groupe de plusieurs personnes a développé une librairie JavaScript pour IE 5, 6 et 7. Ce script permet à ces dernières versions de comprendre et interpréter les lignes de code HTML et CSS comme elles devraient le faire. La librairie corrige en plus de cela le problème de transparence des PNG sous IE5 et IE6.

Enfin un navigateur un peu plus respectueux des standards web définis par le W3C.

Articles similaires :

Lunascape : Le triple-navigateur web (3 moteurs)

TiChou — Mon, 29 Dec 2008 20:02:19 +0000

Tout développeur web sait à quel point il est ennuyeux d’installer les différents navigateurs dans le but d’obtenir un site cross browsers, c’est-à-dire visible par tous de la même manière peu importe le butineur. Ce n’est désormais dans une certaine mesure plus nécessaire car voilà Lunascape, basé sur les trois moteurs les plus populaires entre lesquels il est aisément possible de switcher :

Gecko : Moteur de Firefox ainsi que de ses dérivés, à fortiori
WebKit : Moteur de Safari, Chrome et d’autres
Trident : Moteur d’Internet Explorer

Il faut bien noter qu’il s’agit ici d’une intégration complète contrairement aux plugins et autres outils comme IETab.

Lunascape simplifie la migration pour ceux qui le souhaiteraient en permettant l’importation des favoris et marque-pages lors de son installation. Il y a finalement de sympathiques fonctions ici et là comme la possibilité d’enregistrer des pages web sous forme d’images. Je laisse les intéressés en découvrir davantage par eux-même

Articles similaires :

IP.Board 3.0.0 bêta 1 : Premières impressions

TiChou — Tue, 23 Dec 2008 15:41:23 +0000

Ca y est, la bêta 1 d’IP.Board 3 est enfin disponible à toutes les personnes détentrices d’un compte Invision Power Service. A noter que certains fichiers de cette version bêta sont encodés à l’aide d’ionCube. Le code ressemble donc à cela :

4+oV534dVCUwiKJfLzpfvB4wjyZPjGckua1zYPki8eXe/SLYsKjv00FkGtbrSRyw6YPwLJbERiwU
i8qSlhPF49MfLPxU18rK55xonXpY92O7WGjh03qI2CqHYcYCymZ/RZSj4c/Ig+DobvQG9HKBgT85
3RUXa1xTEUCVh+V5soJgy3T5hCKIP9z9eETJsC/gC2d+jhfV1XI0QrmKsCsc/N/pSmgfbcoAs1fA
7y+7yx3Xvv4JrauruoR7583+tpOAvxIhUcCEmJ4P+m9YKxHjHJvwRDm7imLXiO06/oNuBzPUBIo1
UWQol6i3tOkInCOmITyYujsN3ESCufXPaeIzYWxU5MDXx8b58qC/liTtuxP4cDubC5gZIx22cOmA
JfwERVQPtyToKJud4Ci0G2+U3/qH0YSChZc1OsPbCuJE54hxXZCUe+vFVQkIr1PFiMJNt+qTkqPk

Ce ne sera bien entendu plus le cas pour la version finale qui verra le jour en 2009.

Points positifs :

Possibilité ou non d’installer le calendrier et le portail lors de la mise en place du forum
Effets JavaScript très sympathiques
Système d’évaluation des posts : réputation.
Options des posts masquées par défaut, tout comme les filtres d’affichage des topics
Réponse rapide assez discrète et agrandissement lors du focus
Réécriture d’URL

Points négatifs :

Aucun préfixe pour les (122) tables MySQL par défaut
Absence du target= »_blank » pour l’accès au PCA
Possibilité de s’auto-évaluer dans le système de réputation

Le nouveau skin est vraiment très agréable, que ce soit pour la partie publique qu’au niveau du panneau de contrôle administrateur : un régal !

Côté BBCode, certains sont plus faciles d’utilisation pour des novices comme le lien ou le mail mais d’autres moins comme par exemple les listes, ordonnées ou non. En effet, alors que dans la seconde branche du script, une fenêtre apparaissait pour préciser chaque élément, il n’y a pour ainsi dire absolument rien ici. Pas top lorsque l’on ne connait pas la syntaxe.

Concernant les smilies, je ne comprends pas bien pourquoi ils ne sont pas présents lors de la création et/ou l’édition d’un post. Ils sont pourtant définis comme clickable dans le PCA.

On retrouve enfin la sobriété des profiles. A travers les dernières mises à jour de la version 2, ce dernier avait vraiment été surchargé. Il était temps de faire le ménage.

L’accès à certaines options de modération a été simplifié comme la modification du nom d’un topic, sa suppression, le fait de l’épingler ou encore de le fermer.

Côté fonctionnalités et utilisation, IP.Board 3 est donc très intuitif malgré le fait que je ne retrouve pas certaines petites choses comme l’autocomplétion pour les pseudos des membres dans l’accueil du PCA. En espérant que ce soit une limite de la bêta et que ces petites fonctionnalités, ma foi bien pratiques, soient effectivement présentes dans la version finale.

Je vais finir avec quelque chose qui fâche : code partiellement cross browsers. Oui, il faut savoir oublier certains navigateurs désuets ; mais de là à ignorer un brower comme Internet Explorer 6 qui représente ~20/25% du marché, j’avoue ne pas être entièrement d’accord.

Voilà, il me semble avoir fait un rapide tour du propriétaire.

Articles similaires :

WebKit pour les futures versions d’Internet Explorer ?

TiChou — Tue, 11 Nov 2008 09:14:05 +0000

Lors d’une conférence à Sydney et selon le magazine en ligne australien TechWorld, il est apparu que Steve Ballmer n’écarte actuellement pas l’idée d’utiliser le très performant WebKit pour des prochaines versions d’Internet Explorer. Rapidement, WebKit est un moteur open source de rendu de pages web mis en avant par Apple qui en a fait la base de son navigateur Safari mais aussi parce que ce joli petit outil est le seul à passer l’Acid test avec un taux de réussite de 100% devant tous les autres navigateurs.

Le PDG de Microsoft a donc affirmé :

Apple a adopté WebKit et nous pourrions nous pencher dessus, mais nous continuerions de développer des extensions pour IE 8.

Attendons de voir ce qu’il en est pratiquement. Ce serait vraiment une bonne chose dans la lutte pour le respect des standards web. Ce serait bénéfique pour tout le monde et en particulier pour les développeurs qui pourraient créer des sites cross browsers sans s’arracher les cheveux pour Internet Explorer.

Articles similaires :

MooTools 1.2.1 (framework javascript compact) est dans les bacs

TiChou — Mon, 20 Oct 2008 07:46:12 +0000

La version 1.2.1 de MooTools a été annoncée il y a quelques jours sur le blog officiel. Au programme de la nouvelle version de ce framework javascript, pas de nouvelles fonctionnalités, malheureusement, mais uniquement des corrections de bugs notamment au niveau de la compatibilité cross browsers avec Internet Explorer et Safari.

Articles similaires :