Bienvenue sur mon blog ! Articles : CSS / CSS3, HTML5, javascript; Outils : générateurs CSS;

Articles

Performance sous jQuery

jQuery est une bonne librairie javascript, elle permet d'augmenter grandement la productivité de code javascript et permet de gerer les exceptions liées aux navigateurs car elle est compatible cross-browser.

Mais parfois l'utilisation de cette librairie peut s'avérer gourmande en resource navigateur, c'est pour cette raison qu'il fait absolument optimiser son code sous jQuery

Voici quelques points que j'utilise sans cesse pour améliorer la performance javascript sous jQuery :

Update : Mise a jour de mon projet EASMVC version 1.1.

Nouvelle version de mon projet EASMVC, un framework MVC intégrant plusieurs
fonctionnalités :

  • MVC PHP leger et rapide (>410ko)
  • Facile à utiliser
  • Une librairie PHP intégrée (en cours d'implémentation)
    • Intégration de Memcache et APC (Nouveau)
    • Connexion base de données (simili ORM)
      • MySQL(en cours d'implémentation)
    • Client REST (en cours d'implémentation)
    • Mode API REST disponible (en cours d'implémentation)
  • Intégration librarie headJS et jQuery
  • Systeme Grid pour le CSS (prochainement)
  • Gestion de layout et de vue (Nouveau)
  • Garantie sans Malware, sans Spyware

Road to CSS3.

visuel

Les nouvelles fonctionnalités CSS3 avec des exemples : découvrez mon nouveau site sur le CSS3 : Road to CSS3.

Mon application dans le Chrome Web Store.

visuel Retrouvez mon application chrome. Cette application regroupe différents générateurs de code CSS3 :

  • générateur d'ombrage
  • générateur de bouton
  • générateur de multi colonnes
  • générateur de bordure
version actuelle : 0.1

jQLoupe

Plugin jQuery pour ajouter une loupe à vos images.

Les transformations 3D en CSS3.

Voici un article traitant des transformations dans un plan 3D. Nous allons voir les différentes propriétés CSS3 permettant de le faire, ainsi que des exemples concrets sur ce que l'on peut obtenir.

Tutoriel : différence entre :before et ::before, les pseudos-element en CSS3 par Louis Lazaris.

Cet article est la traduction de : What's the Difference Between ":before" and "::before" ?.

Lorsque vous utilisez ou que vous faites une recherche sur les pseudo-éléments en CSS, vous pouvez constater différentes syntaxes pour les pseudo-éléments :before et :after, notamment en les voyant précédés de deux-points doublé (::), au lieu du traditionnel deux-points. Cela peut sembler un peu déroutant de prime abord mais il y a, en fait, une explication plutôt simple. J'avais supposé qu'il y avait une différence de fonctionnement entre les deux types de syntaxe, mais ce n'est pas le cas comme le montre, ci dessous, l'explication courte et l'explication longue.

Les transformations en CSS3.

Dans cet article, je vais présenter les transformations 2D utilisables via CSS3 et qui permettent un grand nombre de possibilités visuelles grâce à la propriété transform. Quand ce sera nécessaire, il sera indiqué les préfixes des navigateurs pour les propriétés CSS.

Les bordures en CSS3.

Le CSS3 améliore la propriété border afin de lui attribuer plus de fonctionnalités.

Un éditeur riche en jQuery.

Voici un editeur de texte riche (rich text editor ou encore wysiwyg) très simple développé en jQuery. cet éditeur est un plugin jquery facilement utilisable.

Slider en CSS3 uniqement.

Ce slider est uniquement fait en CSS3/HTML et sans javascript. Cela est possible grâce aux animations CSS et à la pseudo-class :target.

retourner en haut de la page ↑