[CSS] Responsive Design
Avec l’avènement des smartphones et autres tablettes, le responsive design est de plus en plus utilisé. Vous trouverez ci-après différents liens qui pourront vous permettre de faire ou refaire votre site sans vous prendre la tête ! The Goldilocks Approach est une bonne base pour démarrer le développement de responsive webdesign. Il propose un boilerplate […]
[WordPress] Thème de A à Z
Si vous voulez créer un thème WordPress de A à Z, voici un excellent tutoriel http://wordpress.bbxdesign.com. Ce tutoriel est destiné aux graphistes et intégrateurs qui débutent dans WordPress. Néanmoins, une connaissance du HTML et des CSS est requise. Vous pouvez également télécharger le thème gratuit lié à ce tutoriel. Enjoy 😉
[Magento] Vérifier la page courante
Code permettant de savoir si on est sur la page d’accueil (équivalent de is_home() de WordPress) :Depuis la version 1.4 et l’apparition de nombreuses nouvelles méthodes, voici getIsHomePage(). Elle est présente dans header.phtml, ce qui est bien plus pratique pour détecter la page d’accueil.if ($this->getIsHomePage()):ATTENTION : Ne marche que sur le header.phtml Comparer l’url de […]
[Magento] Faire des liens
Comment naviguer dans Magento ? Cet article vous aidera à comprendre comment créer des liens vers vos fichiers media, js, skin et autres. Magento gère les ULR dans les phtml ou les pages CMS grâce à la méthode getBaseUrl() qui se trouve dans la classe store.php (magentoappcodecoreMageCoreModelstore.php). D’autres méthodes alternatives permettent de naviguer tel que […]
[Prestashop] Les variables globales utiles !
{$base_dir} Url de votre site web, racine du site. Utile et indispensable lorsque vous insérez des liens, je déconseille fortement de mettre des liens en dur directement dans votre code mais plutôt d’utilisez cette variable et toute les autres qui suivent, car le jour où vous migrez d’hébergement ou de nom de domaine, cela pourrait […]
[JS] Blueberry – Slider en responsive design
Blueberry est un plugin jQuery expérimental et open source permettant de faire défiler des images (Slider) dans un environnement fluide (Responsive Web Design). Les utilisateurs utilisent de plus en plus souvent des smartphones pour consulter des pages web ; les intégrateurs web ont donc de plus en plus besoin de maquettes flexibles pour les satisfaire. […]
[JS] Carousel en Responsive Design
Elastislide est un slider / carousel jQuery avec une dose de design responsive pour s’adapter aux différentes résolutions. Pour créer des pages web responsive, il ne faut pas uniquement penser à la présentation, ajustable avec du CSS. Il faut aussi penser aux fonctionnalités, comme les sliders, slideshow, carousels… Elastislide permet de résoudre cette problématique, et […]
[HTML] Livre sur le HTML5
Grâce au HTML5 et au CSS3, nous pouvons développer des sites internet sans l’utilisation d’image pour réaliser des coins arrondis, des ombres portées, … Fin Octobre, le livre HTML5, une référence pour le développeur web sortira dans les librairies. Ce livre donne les explications, les bonnes pratiques et les astuces utiles au développeur pour profiter […]
[HTML] html5
La dernière version de Worpress (celle que j’utilise) à été réalisée entièrement avec le HTML5, dernière recommandation du W3C. Seulement certaines fonctionnalités tel que les coins arrondis et les ombres portées ne s’implémentent pas tel quels sur tous les navigateurs, notamment sur Internet Explorer. D’après Microsoft, la version 10 de son navigateur implémentera ces recommandations. […]