Sur l’espace “Joomla! toujours à jour“, découvrez ce mois-ci une très belle initiation à un framework CSS , le 960 Grid System,  animée par Laurent BRIERE (BEtrained)

Rendez-vous sur l’espace VOD ELEPHORM

L’outil 960 Grid System est un outil très appréciable qui permet d’optimiser votre mise en page et gagner du temps pour la mise en place des CSS de votre site. Un framework est typiquement un ensemble de bibliothèques et de modules qui vous permettent un développement très rapide d’application. C’est le cas de 960 Grid System qui vous offre un kit clef en main pour structurer votre page en colonnes.

Grid System autorise également de travailler votre mise en forme avec des applications graphiques comme Photoshop, Illustrator, afin de penser en amont le design de votre page Web (c’est donc un outil tout à fait accessible aux Web Designers). Le tout vous permettra d’aboutir rapidement à une feuille CSS optimisée et propre, compatible multi-navigateur.

Découvrez les leçons suivantes (durée totale :  plus de 1h30 pour seulement 9 euros !)

- Introduction à 960.gs (leçon gratuite)
- Présentation des outils (leçon gratuite)
- Création des pages de style et de code
- Codage de la page html
- Intégration des styles CSS
- Structuration des éléments
- Mise en couleur et finitions

Les éléments et fichiers nécessaires à ce tutoriel sont disponibles dans l’espace VOD ELEPHORM

Prochain thème à venir dans l’espace VOD ELEPHORM: Utilisation du “Système CHROME” dans JOOMLA! 1.5

Nous vous souhaitons une très bonne formation.

… et voilà!
Si tout cela vous paraît compliqué et obscure, je suis l’auteur de deux DVDs sur JOOMLA 1.5 aux editions ELEPHORM (www.elephorm.com), dont le dernier aborde cette partie délicate de la conception d’un site sur JOOMLA. A suivre enfin dans les semaines à venir dans la rubrique VOD d’Elephorm de toutes nouvelles séquences (En cours de montage actuellement) également sur ce thème.

http://vod.elephorm.com/#id=96;type=formation
http://vod.elephorm.com/#id=114;type=formation

Un guide de démarrage de l’extension Joomla Template Kit

http://www.betrained.fr/download/intro_jtk.pdf

Une liste de Addons Firefox indispensables pour les webdesigners:
http://blog.info-betrained.fr/archives/310

Dans la formation « Apprendre Joomla 1.5 Installation| Utilisation| Personnalisation » Laurent Brière vous propose de vous guider tout au long de ses principales étapes vers la construction d’un site Web réussi.

Dans cette formation, Le formateur utilise de nombreuses fonctionnalité et plugin qui sont mis à jour continuellement par les éditeurs. JCE fait parti de ceux là. Cet éditeur est en effet capable de gérer des mise en page,  insérer des médias et créer des liens externes en respectant l’architecture d’un site Joomla.

Depuis sa dernière version (1.5), son fonctionnement a légèrement changé.  Pour que vous en compreniez toujours ses fonctionnalités Laurent Brière de Betrained vous propose de vous mettre à jour grâce à une vidéo bonus que vous découvrirez dans le corps de ce billet.

Ne manquez pas d’autres vidéo sur  l’espace VOD Joomla! toujours à jour qui répertorie les principales nouveautés du monde joomla!

Téléchargez les éléments nécessaires à ce tutoriel en cliquant sur ce lien

La video est visible en cliquant ici

Vous utilisez le navigateur Firefox au quotidien et oeuvrez dans le domaine du développement web, voici une liste d’extensions (Addons) pour FireFox qui vous seront d’une grande utilité.

A titre personnel, voici ceux que j’utilise:

FIREBUG: vous permet d’analiser une page Web en isolant dans deux fenêtre distincts le code HTML et CSS. Possibilité d’éditer en live ce code tout en étant aidé lors de la saisie.

COLORZILLA: est un échantilonneur de couleurs. Cliquez à l’aide de la pipette (Clic Gauche) sur une couleur figurant sur la page. Avec un clic Droit, accédez au menu en copiant la couleur (Copier/coller) ou en la mémorisant dans une palette de vos teintes favorites.

COLORSUCKR: nom imprononçable d’un outil utilisé pour, par un clic droit sur une image de la page, extraire les couleurs dominantes de celle-ci. Et cerise sur le gâteau, d’enregistrer ces couleurs dans un nuancier type ASE, format d’echange entre Photoshop, Illustrator et Indesign notamment.

MeasureLT: mesurez une zone de la page en isolant en PIXELS la hauteur et la largeur !

GRIDFOX: outil permettant d’afficher sur votre page une grille et de sectoriser les objets de cette page. A utiliser en parallèle d’un outil que j’adore, 960 Grid System, un framework gratuit vous aidant à structurer le code HTML d’une page Web avec des blocs flottants (100% TableLess: adieu les tableaux qui nous aidaient à construire nos pages d’antan!)

Bonne découverte !…

(1) Je suis moi-même l’auteur de deux DVD sur le thème du CMS Open Source JOOMLA! couvrant les versions Joomla! 1.0 et Joomla 1.5

La liste des gagnants est maintenant disponible (Suivre ce lien…)

Grand succès pour ce jeu concours organisé par JOOMLA France en partenariat avec Elephorm. Pas moins de 152 personnes ont laissé un commentaire sur ce billet posté dans les News de JoomlaFrance.

Merci de votre participation et des commentaires très positif sur ce support que j’ai réalisé. Pour ceux qu n’ont pas eu la chance de gagner, rendez-vous sur le site ELEPHORM pour réserver votre DVD Joomla!.

“Elephorm, éditeur de formation vidéo vous propose gratuitement un extrait de leur  DVD “Apprendre Joomla 1.5″.
De nouvelles séquences vidéos sont également disponibles tous les mois sur leur plateforme VOD (Vidéo à la demande) :
http://vod.elephorm.com

Sacré challenge: 25 kms de course nature en Auvergne, 1300 m de dénivelé positif et négatif. Je l’ai fais. Pour mon 3e semi-marathon de ma vie (1 an seulement que je cours sérieusement).

Résultat: 327e sur 426 arrivants et plus de 453 participants (Voir le site), 2h33 et des poussières. Une course assez dure mais super sympa, l’ambiance trail que l’on ne retrouve malheureusement pas dans les courses à pieds classique.

Pour suivre le parcourt que j’ai enregistré sur mon montre Garmin (Voir le billet précédents sur le sujet) , vous pouvez suivre ce lien…