background preloader

Développement web

Facebook Twitter

Drupal 7 SEO: Custom Page Titles and Meta Elements at the Theme Layer - Now Multilingual | Development. Drupal 7 SEO: Custom Page Titles and Meta Elements at the Theme Layer – Now Multilingual Being able to set custom page titles and Meta descriptions is an important part of SEO for many sites, vital to establishing topical relevancy and therefore rankings in the case of the former, and clickthrough rates from search results in the latter. Function Drupal 7 does not support custom page titles or Meta descriptions out of the box and I have found this script to be extremely useful on a number of sites and still find it to be a more robust alternative than using multiple modules. It works with Panel pages which has continued to be an issue with the page_title module. If no custom page title is found, it falls back on a basic “drupal title | site name” scheme.

At the end of last year I was working on adding multilingual functionality to a Drupal 7 site and needed to get this script to work with multiple languages. Instructions // Find Node ID $node = $vars['page']['content']['system_main']; Tutorials Archives. Auchan Drive : une nouvelle application mobile multidevice. Avec la nouvelle mouture de son application mobile dédiée au Drive, Auchan a misé sur une ergonomie conçue par et pour les consommateurs, puisqu'elle a fait l'objet de focus groups clients dont les enseignements ont notamment permis la mise en oeuvre de nouvelles fonctionnalités. Ainsi, le nouvel écran d'accueil permet de visualiser en un clin d'oeil les offres et bons plans du moment.

Fluide, l'ergonomie permet l'accès à toutes les rubriques, où que l'utilisateur se trouve au sein de l'application. Aussi, un moteur de recherche intuitif suggère des produits en fonction des habitudes d'achats. Le scanner intelligent permet, quant à lui, de flasher le code barres d'un produit et de l'ajouter directement au panier d'achat. Enfin, des recettes ont été intégrées afin d'apporter plusieurs dizaines d'idées cuisine à partir desquelles il est possible de créer sa liste de courses à ajouter au panier. Best Bootstrap Visual Editor | In this post I compare the features of currently available Bootstrap editors, discuss how good a job they do in practice before coming to a conclusion about which of them currently is the best Bootstrap Visual Editor.

Best Bootstrap Visual Editor For designers who either don’t know how to write code or don’t like to write code using a visual editor can be very appealing. A visual editor lets you drag and drop components on to a canvas and you (instantly) see a live preview of your web page. Most people who know how to code are skeptical about visual editors because they often don’t result in clean HTML. To see which is the best Bootstrap visual editor I’ll briefly discuss their features.

Layoutit Layoutit features Layoutit has a simple to understand graphical interface. Layoutit doesn’t have a code editor. With Layoutit you’re limited to dragging and dropping the elements. Currently no CSS styling or the option to apply a theme is included with Layoutit. Layoutit in practice Bootply Divshot. Testing responsive web design in various resolutions | ResponsiveTest.

RSS Fusion 1.1. Mr. Data Converter. Create a new fiddle - JSFiddle. jQuery UI. Accordion Widget Convert a pair of headers and content panels into an accordion. .addClass() Adds the specified class(es) to each of the set of matched elements while animating all style changes. Autocomplete Widget Autocomplete enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering. Blind Effect The blind effect hides or shows an element by wrapping the element in a container, and “pulling the blinds” Bounce Effect The bounce effect bounces an element. Button Widget Themeable buttons and button sets.

Clip Effect The clip effect will hide or show an element by clipping the element vertically or horizontally. Color Animation Animate colors using .animate(). CSS Framework A list of the class names used by jQuery UI to allow components to be themeable. :data() Selector Selects elements which have data stored under the specified key. Datepicker Widget Select a date from a popup or inline calendar Dialog Widget .disableSelection() Drop Effect.

40 ressources pour les fans de Sass et Compass — front-end developer. Sass et Compass c’est un peu comme le sel et le poivre, ils sont différents mais on les trouve toujours ensemble. Désolé pour cette image philosophique, mais c’est ainsi que j’ai à coeur de vous présenter une véritable petite compilations de ressources, de liens, slides, tutoriaux en lien direct avec le préprocesseur Sass et son compagnon inséparable : Compass. Cela fait pour moi déjà plusieurs mois que j’ai franchis le pas des préprocesseurs et comme tous, je ne m’imagine pas revenir en arrière. Bien sûr, tout va dépendre de votre projet. Si vous n’avez pas plus de 300-400 lignes de CSS, utilisez Sass n’est peut-être pas nécessaire (quoique)… Mais lorsque votre projet devient un peu plus important, Sass et Compass peuvent vous aider énormément.

Ne serait-ce que pour la création automatique des sprites par Compass. Frameworks et grids system Compass Je ne vous présente plus Compass que vous devez avoir adopté depuis longtemps. Bourbon, une librairie de mixin pour Sass Bourdon Neat Pondasee. Drupal 8 sous tous les angles. Après 13 ans d'existence et une maturité indéniable, Drupal s'est imposé comme un CMS majeur tant dans les possibilités offertes que par le nombre de sites l'utilisant.

L'atout majeur de Drupal est de pouvoir réaliser beaucoup de choses sans code. Cela a facilité l'adoption de ce CMS par une communauté de gens ne se limitant pas à des développeurs expérimentés. Cela se traduit aussi par le grand nombre de fonctionnalités présentes dans le back office via l'installation de quelques extensions pour Drupal 7. La contrepartie de cette richesse est une courbe d'apprentissage importante pour la réalisation de modules et une combinaison pas forcément facile de modules pour avoir des fonctionnalités avancées. Le choix de Drupal pour être capable de délivrer un site Web pensé et construit autour de l'expression des besoins de nos clients s'est imposé naturellement. Drupal 8 se différencie de son prédécesseur en incluant d'origine des modules généralement installés dans la majeure partie des cas.

Untitled CSS File - XeoCSS. Piwik - Web analytics - Open source. Nov'in. Insérer un espace insécable avec CKEditor ? Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions. Systèmes D’exploitation. Bonjour, Avez-vous essayé un jour de voir une vidéo sur Youtube et vous avez trouvé que le son n’a qu’une seule chaîne audio ? Pensez-vous que la seule solution qui existe est de remonter la vidéo entièrement ? Et non … Cliquez ici pour lire la suite » Comme vous le savez, avec le temps le menu contextuel sur Windows devient beaucoup plus chargé et il devient très difficile d’accéder aux menus propres à Windows !

Et c’est la chose la plus frustrante sur Windows, il se … Cliquez ici pour lire la suite » Comme vous le savez avec l’installation et la désinstallation des programmes/logiciels de votre PC il devient très difficile de gérer les logiciels par défaut sur Windows. Dans ce tutoriel vous allez découvrir comment gérer les logiciels ou programmes par … Cliquez ici pour lire la suite » Votre PC contient des données sensibles ? Voulez-vous interdire l’utilisation des périphériques USB sur votre PC ? Que … Cliquez ici pour lire la suite » Heureusement, qu’il existe une méthode … Cela pourra … Les boucles. Liens sponsorisés : Les boucles vont vous permettre d'effectuer un certain nombre de fois les mêmes opérations, par exemple afficher une suite de nombres que l'on incrémentera à chaque tour de boucle. Vous allez pouvoir répéter autant d'instructions que vous souhaitez et vous arrêter lorsque vous l'aurez décidé, selon une condition bien précise par exemple (si vous ne vous rappelez plus de ce qu'est une condition, je vous engage à relire le chapitre les concernant).

Voyons maintenant différents types de boucles que nous expliquerons au fur et à mesure. Commençons par la boucle la plus simple, la boucle while. Cette boucle qui est une des plus utilisées en PHP va vous permettre d'effectuer une ou plusieurs actions tant que la condition que vous placerez à l'intérieur des parenthèses sera vérifiée. Voyons de plus près sa syntaxe : Voyons maintenant un exemple. <? $i++; } ? On traduit donc la boucle while tant que. <? $i++; $j++; } ? Etudions sa syntaxe : <? <? <? Taxonomie. Rubrique - Découvrir. Télécharger gratuitement des logiciels Windows avec Logitheque. Cours de programmation sur les langages informatiques. Cours objective-c par rapport à C++ Un cours qui compare les deux languages (C++ et Objective-C) et permet de mieux comprendre les écarts entre les deux languages et les différents ecosystèmes (STL vs Cocoa). Ce cours aborde la gestion des classes et objets, l'héritage et l'instanciation.

La gestion mémoire et le multi-threading, les exceptions font également partie du cours. Enfin les parties purement C++ afin de voir ce qu'il n'est pas possible de faire (ou difficilement) en Objective-C. Introduction à Perl Un cours pour débuter en perl avec: les types et les contextes, les scalaires, les structures de controles (boucles et tests), les listes et les tableaux, les fonctions, les tables de hachages, la manipulation des fichiers, les expressions régulières, les références, les modules et un peu d'objet.

Toujours utile un programme perl à l'avantage d'être multi-plateforme sans avoir basoin d'une machine virtuelle. Hibernate : la reference Web Services Algorithmique J2EE Best Practices C Sharp. PHP / MYSQL Scripts et tutoriaux - Script Codes-Sources tutoriaux tutoriel PHP / MYSQL astuce fonctions programmation code tutoriaux gratuit PHP / MYSQL. Novius OS, CMS open-source nouvelle génération, motorisé par HTML5, FuelPHP, jQuery UI et Wijmo.