HTML5/CSS3 – Quasiment tous les browsers sont prêts

Et c’est parti pour les développeurs web, webdesigner,  éditeurs, et les webmaster dans un nouvel apprentissage. C’est une nouvelle aventure qui s’ouvre dès maintenant, on peut le dire puisque presque tous les nouveaux navigateurs en ce moment supportent le HTML5 et les nouvelles propriétés du CSS3.

Le site findmebyip.com a dressé un tableau comparatif des propriétés du CSS3 et les navigateurs qui supportent actuellement ces propriétés. Pas de surprise au niveau des navigateurs de Microsoft. Toutefois, ils nous ont annoncé récemment que la version 9 de Internet Explorer allait supporter le HTML5 et le CSS3.

Les grands gagnants de l’aventure  sont Chrome 4,5 et Safari 4 d’après le tableau.

Chive – Gestionnaire Mysql OpenSource

Ces derniers temps, beaucoup d’applications OpenSource pour gérér des bases de données Mysql fleurissent.

Elles tentent tous de se faire une place dans ce domaine mais surtout de déceler le manque du plus puissant phpmyadmin en proposant d’autres fonctionnalités supplémentaires ou en présentant un design plus facile et plus ergonomique.

SQLBuddy a été l’un des premiers outils de gestio de base de données à faire peur phpmyadmin. Ils proposent une interface se rapprochant des tableurs et ceci de façon très dynamique en ajax. De plus on peut gérer une base SQLite avec SQLBuddy, ce qui n’est pas disponible dans phpmyadmin.

Chive est un autre outil qui mérite sa place également dans ce domaine. On est rapidement séduit avec l’interface ajax qui permet d’éditer en ligne directement un enregistrement, une structure d’une table, un champ d’une table en particulier  sans attendre le rechargement de la page. De plus, Chive intègre un éditeur disposant d’une coloration syntaxique, d’un numéro de ligne et qui reconnait le langage SQL. En termes technique, Chive utilise le framework Yii (Easy Efficient and Extensible) .

La force de phpmyadmin réside dans :

• Sa présence dans ce domaine depuis plusieurs années.
• La plupart des hébergeurs de sites Internet disposant d’un serveur en PHP avec une base de données en mysql intègre automatiquement phpmyadmin comme outil supplémentaire aux clients keur permettant de gérer leur base de données en dehors de leur site en PHP.
• La plupart des logiciels standalone qui permet de créer un serveur php sur son poste en local tels que EasyPhp, Wampserver, Xamp, Mamp… disposent aussi de phpmyadmin par défaut.

AeroSQL – Gestionnaire MySQL gratuit

AeroSQL est un gestionnaire de base de données Mysql opensource. Cette application est écrite en PHP et utilise le dynamisme et la puissance de ExtJS pour le design et l’intéractivité.

Le résultat d’une requête SELECT est présenté en colonnes grâce à des Grid. Les champs du Grid sont éditables.

AeroSQL peut gérer plusieurs serveurs.

D’autres librairies openSource existent également :

• MyWebSql (Edit 13.08.2010)

En route pour le HTML5 avec un framework CSS

D’ici quelques mois, un développeur ne pourra plus dire que le HTML5 n’est pas encore implémenté par tous les navigateurs ou inventer d’autres excuses ….puisque le HTML5 commence à prendre du chemin et n’est pas prêt de s’arrêter.

De multitudes de framework CSS existent. Je vous invite à lire mon post à ce sujet.

52framework fait partie de ces framework.  La différence majeure avec ce framework est qu’il supporte uniquement le HTML5 et aussi les nouvelles propriétés CSS.

A côté de 52framework, d’autres frameworks css spécialisés en HTML5/CSS3 fleurissent. On peut citer :

• Less Framework

Pupload – Uploader des fichiers sur le serveur

Si demander à un développeur web un formulaire avec envoi de fichiers vers le serveur est une tâche généralement classique, il est parfois complexe de répondre à une demande qui est d’envoyer plusieurs fichiers sur un serveur simultanément.

En général, la réponse qui vient à l’esprit est : « je ne le conseille pas surtout si le fichier dépasse une certaine limite fixée par le serveur apache », ou alors « s’il y a trop de fichiers, ca risque de surcharger le serveur pour les mêmes raisons que cités dans le message précédent », ou   » il vaut mieux envoyer un seul fichier et recharger la page pour envoyer un autre » etc…Techniquement, cette 3è option convient à tout le monde puisque on est plus ou moins assuré à tous les coups que notre fichier va être envoyé.

PUPLOAD est un outil opensource doté de puissants API, simple à utiliser et flexible, qui permet justement d’envoyer un ou plusieurs fichiers à partir d’un navigateur web. De plus, ce script peut être utilisé en local à l’aide de  Gears, ou dans une interface spéciale utilisant silverlight ou flash.

PSD – interfaces éléments classiques

Pour convaincre un client avant de présenter un produit final ou en vue de vendre celui-ci, il est primordial de présenter un prototype qui représentera en quelque sorte l’application finale.

Or, il est souvent pénible pour les graphistes de devoir dessiner un élément classique tel qu’un bouton par exemple ou un champ de texte. Généralement on peut s’en passer en faisant une copie d’écran d’un élément existant déjà.  On est confronté à un problème dans le cas où cet élément doit être colorié différemment.

Une solution existe et des graphistes spécialisés en photoshop faciliteront le travail de tous ceux qui veulent présenter quelque chose.

>> On trouvera par exemple un fichier PSD qui rassemblera tous les élements pouvant être réalisés avec l’iPad de Apple :

Pour les éléments nécessaires à l’iPhone de Apple :

Pour les élements de formulaires web

ou

Pour Android

Formulaires – Scroller et lire avant d’accepter les termes et conditions

C’est plus facile de cocher et d »accepter les conditions et termes cités sur un formulaire Internet, mais c’est plus fatigant de devoir les lire avant de cocher et d’accepter. Erreur pourtant ! il faut à chaque fois lire avant de cliquer n’importe quoi.

En effet, ces termes sont régies par des lois fixés soit par l’éditeur du site Internet soit par une législation en vigueur. Le fait d’accepter et de cocher ces cases responsabilise l’utilisateur des risques et des bienfaits qu’il peut rencontrer lors de l’accès à l’espace donné.

David Walsh, un développeur web évangéliste dans la librairie mootools a créé un script très simple mais vraiment utile. En fait, son script force l’utilisateur à scroller et donc de lire tout le contenu des termes d’acceptations avant de cliquer ou de cocher sur le bouton ou la case. Pour cela, ce script grise le bouton en bas tant que le scroll n’atteint pas le bas de page.

J’applaudis ! clap clap clap

>> Une démo

MarkerCss – Framework Opensource css

Blueprintcss était l’initiateur des framework CSS. Il a été suivi par Yaml. Depuis, plusieurs framework Css ont vu naissance.

MarkerCSS fait partie de ces nouveaux framework. D’après l’éditeur, MarkerCSS est opensource, flexible, rapide et se base sur les standards web. Les classes à l’intérieur des attributs des balises sont définies de faàon très structurée et facilement compréhensible.

Tableur avec jQuery.sheet

Nous l’avons revé il y a quelques années, Google l’a fait pour nous en concevant GDOCS une application bureautique complette qui relie à la fois traitement de texte, tableur, et présentation type powerpoint.

D’autres solutions du même type existent déjà. Ces outils sont plus ou moins propriétaires.

jQuery.Sheet est une librairie faite en jQuery, qui a donc l’avantage d’être OpenSource. Cette librairie permet de créer un tableur facilement. En plus de la mise à disposition des colonnes, il est possible de faire des calculs avec des formules, de naviguer entre les cellules avec les touches flèches du clavier comme si l’on était dans un vrai tableur.

Pour une démo, cliquer sur l’image.

Les nouvelles fonctionnalités de Firefox 3.6

Firefox en version 3.6 est sorti ce 21 Janvier 2010.

Parmi les nouveautés on y trouve :

Les Personas : permettant à l’utilisateur de personnaliser son navigateur avec un thème choisi sur Internet ou créé par lui-même, un système de mise à jour de plugins et l’amélioration des performances du Javascript (rapide exécution des scripts).

Voici par exemple le persona que nous avons créé pour notre site Madatsara.

Les principaux traits de Firefox 3.6 :

• Personas : qui permet de personnaliser le design, le look du navigateur en installant des thèmes d’un simple clic et  sans devoir redémarrer le navigateur une fois ceux-ci installés.
• Firefox détectera automatiquement une mise à jour des plugins et mettra à jour lui même les composants qui lui sont nécessaires.
• Le remplissage des informations sur les formulaires en ligne a été améliorée.
• Les vidéos et audios (au format ouverts) recommandés par les nouveaux standards du web (W3C) restent toujours supportés

Pour les développeurs web :

• Firefox supporte toutes les spécifications du HTML5 (incluant la manipulation locale des fichiers et les API sur les fichiers).
• En plus des polices de caractères de type OpenType et TrueType, Firefox 3.6 supporte maintenant les polices standards Web Open Font Format (WOFF).
• Les dégradés CSS sont désormais supportés.
• Firefox 3.6 détecte l’orientation des écrans lorsqu’on utilise avec les ordinateurs portables par exemple.