Responsive Design

  • Nous allons voir dans ce tutoriel comment utiliser le framework Bootstrap de Twitter pour créer de zéro un template Joomla dit Responsive Design.

    Lorsque vous créez un site, vous devez décider s'il vaut mieux créer votre propre template ou en acheter un. Vous avez également la possibilité d'en modifier un existant.

    Dans tous les cas, pour être en mesure de prendre la bonne décision, vous devez comprendre le processus de création d'un template Joomla.

  • logo gantryLe framework Gantry, dans sa version 4, prend maintenant en charge le Responsive Design (cf. Le Responsive Design : l'UX de Joomla abat sa première carte). Basé sur le Framework Bootstrap, Gantry vous permet maintenant de concevoir des templates Joomla qui s'adaptent automatiquement à la résolution du périphérique utilisé par l'internaute (Smartphone, PC, Tablette,...).

    RocketTheme, le concepteur de Gantry, a bien compris qu'avec la forte croissance des appareils mobiles, aux tailles d'écrans très variés, il était rapidement devenu ingérable de proposer une vue spécifique à chaque type d'appareils indépendemment du design principal. D'où la nouvelle tendance du Responsive Design et son intégration dans le Framework Gantry.

  • Dans ce tutoriel vidéo, vous découvrirez ce qui est la base Responsive Design de Joomla.

    Ce tutoriel fait partie de la formation vidéo complète sur Joomla! 3.
     

    icone infoLiens complémentaires

     
  • Lorsque l'on se lance dans un projet de création de site Internet sous Joomla avec comme objectif d'avoir un site web Responsive Design, bien choisir ses extensions Joomla devient alors un travail minitieux puisque celles-ci doivent elles-aussi être Responsive.

    En effet, pour avoir un site Joomla 100% Responsive, avoir seulement un template Responsive Design ne suffit pas. Tout doit être Responsive et permettre un affichage optimale sur l'ensemble des périphériques clients (Smartphone, tablette, PC,...).

    Je vais donc ici vous présenter les avantages de l'utilisation d'un Framework comme Gantry qui permet de trouver tout le nécessaire (Framework, Extensions, Templates) en un seul et même lieu : chez RocketTheme, concepteur de Gantry.

  • Cette vidéo présentant une des grandes nouveautés de Joomla 3.0 : le Responsive Design, rentre dans le cadre de la formation Joomla 3.0 proposé par Joomea, le centre de formation Joomla en ligne.

    Pour en savoir plus :
    http://www.nosyweb.fr/news-joomea/formation-joomla-3-0-30-tutoriels-pour-debuter-avec-joomla.html
  • La souplesse d'utilisation des modules est une grande force de Joomla. Parmi ses avantages citons notamment ses nombreuses possibilités de positionnement sur la page, l'assignation à plusieurs pages, l'insertion dans un article. Les versions récentes de Joomla (intégration de notes pour une recherche rapide) favorisent le développement de l'utilisation des modules.
    Chez NosyWeb nous incitons à leur mise en oeuvre, 100% compatible avec les templates performants et modernes que nous pratiquons, notamment sous Gantry.

    Malgré cette richesse fonctionnelle, en standard Joomla n'offre pas la possibilité d'afficher un module par type d'écran (desktop, tablette, mobile). Ce besoin est de plus en plus important à mesure que les statistiques de connexions mobiles progressent jusqu'à dépasser désormais les affichages sur desktop.

    Dans quels cas un affichage différent sur mobile est-il utile?

Contact

Scoop.It de NosyWeb

Twitter de NosyWeb

YouTube de NosyWeb

Facebook de NosyWeb

Google+ de NosyWeb

Flux RSS de NosyWeb

Inscription newsletter de NosyWeb

 

Restez à l'affut de l'actualité NosyWeb ! :-)