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.

UptimeRobot – Service de Monitoring de sites Internet.

Plusieurs applications existent en ce moment. Leurs objectifs sont diverses mais au final rendent la vie de tout acteur Internet rapide et moins fastidieux.

Je vais vous présenter un service gratuit qui sert à faire du Monitoring.  J’expliquerai ce terme par tout simplement « vérificateur ». Son rôle est de vérifier à votre place et vous alerter par email et SMS et plus tard via  twitter et rss,  lorsque votre site Internet est hors ligne.

Il s’agit de UptimeRobot. En dehors du fait de sa gratuité, ce service vérifie votre site tous les 5 minutes. L’éditeur a la possibilité d’enregistrer 50 sites.

D’autres solutions existaient déjà sur le net. Ces outils sont plus ou moins payant et offrent plus de possibilité selon chaque cas.

On peut citer par exemple :

• PingDom
• SiteUptime
• et le plus connu Are My Sites Up ?

Pseudo-selecteur et CSS3 avec IE

Nativement avec les navigateurs Internet Explorer depuis la version 5 jusqu’à la 8, il était compliqué voire impossible de faire fonctionner et de tester les attributs :first-child, :last-child… des CSS alors qu’elles sont très pratiques et rendent le travail d’un développeur plus rapide.

Désormais c’est chose faite avec ces scripts Javascript suivants :

• IE-CSS3
  son fonctionnement est le suivant : il télécharge tous les css présent dans la page où il doit parser en ajax. Il recherche dans les CSS la présence des pseudo-selecteur et fait le traitement que lui donne ces css. Néanmoins, il faut activer le Javascript pour le faire fonctionner, et inclure 2 librairies suivantes DOMAssistant.js et IE-CSS3.js disponibles sur le site de l’éditeur.  > http://www.keithclark.co.uk/labs/ie-css3/
• IE7

Jquery 1.4 – les nouveautés …

Ce 14 Janvier 2010, Jquery nous offre un beau cadeau en sortant la version 1.4 de leur célèbre librairie.

Voici les nouveautés de cette version :

1. Attribuer plusieurs attributs à la volée.

Jusqu’à maintenant, la fonction attr() permettait de donner un attribut à une balise HTML quelconque. Pour changer un lien dynamiquement en http://rabehasy.madatsara.com et ajouter d’autres attributs  sur cette balise

on procède ainsi en Jquery :

Maintenant on procède comme ceci :

2. nextUntil(), prevUntil(), parentsUntil() : qui est la possibilité de sélectionner les éléments dans le DOM à partir d’un certain élement et d’arrêter à partir d’un élément. Ce code par exemple jQuery(‘ul li:contains(Apple)’).nextUntil(‘:contains(Pear)’);

prend les textes suivants // Selects Banana, Grape, Strawberry dans la liste suivante :

<ul>
<li>Apple</li>
<li>Banana</li>
<li>Grape</li>

<li>Strawberry</li>
<li>Pear</li>
<li>Peach</li>
</ul>

3. Attribuer plusieurs évènements à un sélecteur :

Ce code

jQuery(‘#foo).bind({
click: function() {
// do something
},
mouseover: function() {
// do something
},
mouseout: function() {
// do something
}
}) parle de lui-même.

4. Animation multiple avec easing

5. Nouveaux évènements avec la fonction live()

6. La fonction proxy() qui permet de créer une nouvelle fonction avec une fonction déjà existante.

7. Ajouter un délai dans une animation avec la fonction delay()

8. Détecter si un élement possède un autre élement avec la fonction jQuery.contains()

9. unwrap() est une fonction contraire de wrap()

10. La fonction detach() permet de supprimer temporairement un contenu sans pour autant le retirer du DOM

11. Récupérer l’index d’un élement recherché avec la fonction index()

12. Ajouter un callback aux fonctions classiques.

13. focusIn() et focusOut() permettent de savoir si un élement autre qu’un champ de formulaire possède ou non le focus.

14. closest() permet d’appliquer une même fonction à plusieurs types d’élements.

MyClientBase – gestion des factures en ligne

MyClientBase est une application permettant de gérer les factures en ligne.  C’est un outil simple, intuitif, gratuit et OpenSource d’après le site de l’éditeur.

Cette application tourne avec PHP en utilisant Mysql comme base de données. Il a été développé avec le framework codeigniter.

WebApp.Net – Framework pour web mobile

WebApp.Net est un framework écrit en Javascript qui hérite de la technologie Ajax. Il fournit  des tas de composants visuels pour déployer rapidement et facilement une version mobile d’un site Internet.

A coté de ce framework, on peut également trouver :

• iWebkit
• IUI : User Interface (UI) Framework for Safari development on iPhone

Symphony-CMS – Basé sur du XSLT

Symphony-CMS est un nouveau né dans le monde des CMS (Système de gestion de contenu) écrite en PHP.

L’originalité de ce CMS repose sur la façon dont il a été développé. En effet, le XSLT (Xml Stylesheet Langage Transformation), qui est un langage XML qui permet de mettre en forme un document avec les feuilles de styles en cascade.

Crystal – librairie d’abstraction de base de données

Crystal, est une librairie d’abstraction de base de données écrite en PHP.

A la différence de Propel, Doctrine ou de Adodb, Crystal est léger, souple facile à apprendre et à mettre en place sur un serveur.