background preloader

TFE

Facebook Twitter

Javascript: les opérateurs. Avril 2015 Qu'est-ce qu'un opérateur' Les opérateurs sont des symboles qui permettent de manipuler des variables, c'est-à-dire effectuer des opérations, les évaluer, ...

Javascript: les opérateurs

On distingue plusieurs types d'opérateurs : Les opérateurs de calcul Les opérateurs de calcul permettent de modifier mathématiquement la valeur d'une variable Les opérateurs d'affectation Ces opérateurs permettent de simplifier des opérations telles que ajouter une valeur dans une variable et stocker le résultat dans la variable. Les opérateurs de ce type sont les suivants : Add custom JavaScript actions to WP e-Commerce cart updates, again - Snippets. I previously wrote about adding your own custom JavaScript actions to the WP e-Commerce cart update event.

Add custom JavaScript actions to WP e-Commerce cart updates, again - Snippets

Of course, things change, people change, hairstyles change, interest rates fluctuate, WP e-Commerce moves goalposts, so there is a new way to do this since version 3.8.11 came out. Let’s say you have a mini-cart in your theme, showing the number of items in the cart and the total amount. Something like this: WP e-Commerce now has a custom JavaScript event that fires whenever you add an item to the cart. You can catch that event and get the new HTML for the total amount of the shopping cart, just like this: Emulateur mobile (by COWEMO)

iPad Peek / iPhone Peek. Guide complet pour optimiser votre référencement WordPress - SEO. Optimiser le référencement d'un site WordPress. Pourquoi avez-vous créé un site internet ?

Optimiser le référencement d'un site WordPress

Pourquoi créez-vous du contenu pour votre site internet ? Pourquoi consacrez-vous du temps pour votre site internet ? Quel que soit l’objectif avec votre site, son succès dépend d’une seule chose : le trafic. Autrement dit : plus votre site attire de visiteurs, plus vous aurez de chance de concrétiser votre objectif sur le web ! Le référencement sert donc à faire connaître le contenu de votre site auprès des moteurs de recherche (Google, Yahoo, Bing, …) afin que toute personne connectée à internet ait la possibilité de trouver le contenu de votre site web.

Le référencement est un métier. Voici quelques notions importantes qui reviennent souvent lorsqu’on parle de référencement : Nous allons maintenant voir comment booster le référencement de votre site WordPress. Il existe beaucoup de plugins gratuits pour améliorer le référencement de base d’un site WordPress. Créer un fichier robots.txt optimisé. Définition et généralités Un fichier robots.txt est un fichier au format “texte” (.txt) qui, comme son nom l’indique, et s’addresse aux robots des moteurs de recherche.

Créer un fichier robots.txt optimisé

Ce fichier, placé à la racine du site et servant exclusivement au référencement naturel, va donc être le premier fichier recherché par les moteurs de recherche, afin de voir les consignes d’indexation des pages et du contenu. Snazzy Maps - Free Styles for Google Maps.

Documentation art deco

Argumentation TFE. Comment faire une page ayant la même hauteur que le navigateur ? Sites d'inspiration. Ajax. AJAX et l'échange de données en JavaScript. Highest Rated. La navigation AJAX avec jQuery - chez Syl. jQuery Mobile Demos. WPEC Dynamic Gallery. Les Meilleurs, Gratuits et Essentiels.

L'un des avantages de WordPress est son nombre incroyable de plugins gratuits, cette force est aussi sa faiblesse!

Les Meilleurs, Gratuits et Essentiels

Petite revue des Meilleurs Plugins WordPress du moment... Pas moins de 38 997 plugins sont recensés sur le répertoire officiel, sans compter les plugins premium. Autant dire qu'il est très difficile de faire son choix... Pour vous aider voici ma sélection des meilleurs plugins WordPress issue de mon expérience de formateur WordPress. Guide des animations SVG (SMIL) Armez-vous de courage, voi che'ntrate...

Guide des animations SVG (SMIL)

Voici le fameux guide de Sara Soueidan, pour tout savoir sur les animations SVG avec SMIL. Les animations SMIL permettent des choses impossibles avec CSS. Par Sara Soueidan Introduction de Chris Coyier : Sara a le don de plonger au coeur des fonctionnalités du web et de nous les expliquer à nous autres, simples mortels. #SVG - Twitter Search. Demos. Ou est le flux RSS dans WordPress? Webdesign - Ressources gratuites.

Configurer et installer le breadcrumb avec WordPress SEO by Yoast. Vous l’avez certainement déjà remarqué, il vous a sauté aux yeux, tel un phare dans la nuit, vous faisant arrêter tout autre activité tant le changement était flagrant et remarquable.

Configurer et installer le breadcrumb avec WordPress SEO by Yoast

Ou pas. Je parle bien sûr du breadcrumb, ou fil d’Ariane, qui est apparu, dans l’en-tête des articles de ce blog. Breadcrumb ? Le Breadcrumb, ou miette de pain en français, en référence au Petit Poucet qui sème des morceaux de pain pour retrouver son chemin (désolé pour le spoiler, le cas échéant) est aussi appelé fil d’Ariane en Français. Il s’agit d’un outil en ergonomie permettant de savoir sur quelle partie du site se situe la page consultée. Toutefois, le breadcrumb n’est pas seulement une aide à la navigation pour vos visiteurs, c’est également une information supplémentaire donnée à Google sur le plan de votre site.

En effet, il est possible d’afficher le fil d’Ariane directement dans les résultats de recherche de Google grâce aux données structurées. Top extensions WordPress. Il existe aujourd’hui plus de 19500 extensions (plugins) gratuites disponibles sur la plateforme officielle wordpress.org , difficile de choisir devant ce nombre important , voici donc une liste de plugins références : Contenu WP-PageNavi : une extension qui va servir à organiser l’affichage de vos articles et cela par la limitation du nombre d’articles affichés par page.

Top extensions WordPress

WordPress Popular Posts: affiche les articles et les pages les plus consultées. Gd Star Rating : un système de notation de vos articles. Réseaux sociaux Add This : cette extension ajoutera des buttons pour partager votre contenu sur les réseaux sociaux et les sites de partage de contenu, il vous permet aussi d’avoir accès aux statistiques sur le contenu partagé. Mobiledetect - Détecter les smartphones / tablettes en php. Détecter les Smartphones en PHP. I.

Détecter les Smartphones en PHP

Présentation Les smartphones sont de plus en plus nombreux et la grandeur des écrans qu’ils embarquent permet d’encourager les utilisateurs à les utiliser pour naviguer sur internet. De ce fait, de nombreux sites web se doivent d’adapter leur design en fonction de la taille de l’écran sur lequel le site s’affiche. Pour cela, on peut utiliser notamment l’attribut “media” en HTML5 pour appliquer certaines propriétés CSS uniquement aux écrans correspondant à certaines résolutions.

Toutefois, si l’on inclut ces paramètres dans une feuille CSS à part dédiée à l’affichage sur “petits” écrans, il est inutile de la charger lorsque l’utilisateur se situe sur un PC portable ou de bureau. En utilisant le PHP, nous allons voir comment charger cette feuille CSS – dédiée aux smartphones – uniquement lorsqu’on se trouve sur Smartphones. II. Afficher un compteur d'articles sous WordPress.

Cette astuce va nous permettre de compter le nombre d’articles, de pages ou de tout autre contenu créé dans votre administration WordPress.

Afficher un compteur d'articles sous WordPress

Il est parfois utile d’indiquer à vos visiteurs qu’un nombre important de contenus sont présents sur votre site afin d’assoir votre crédibilité. WordPress dispose d’une fonction PHP intitulée wp_count_posts que je vais vous expliquer rapidement – elle n’est pas évidente à comprendre à mon sens sur le codex. Elle accepte deux paramètres : le type de contenu (article, page ou custom post type) et l’inclusion ou non des contenus privés ou qui seraient dans un autre état que celui de publié.

Créer des custom post types avec WordPress. Les custom post types de WordPress vont nous permettre de créer des types de contenu sur-mesure associant une taxonomie particulière. Différent d’un modèle d’article – bientôt implémentés dans WordPress 3.1, l’usage des custom post types est de plus en plus répandus pour des sites professionnels. Types de contenu par défaut VS types de contenu personnalisé Par défaut, WordPress est fourni avec 2 default post types – autrement dit 2 types de contenus que sont les articles et les pages.

Et bien, sachez qu’il est possible de créer vos propres types – à ne pas confondre avec les modèles de pages WordPress. Ce système est très utile pour des sites qui ont besoin de lister du contenu : les agences immobilières pour vendre leur biens, les sites de e-commerce pour vendre leurs produits ou encore les bases de livres / cinéma pour lesquels on pourra imaginer des classements par genre ou réalisateur par exemple.

Flip-Quote by Mark Serbol. Un fil d'ariane sur WordPress. Attention : Code mis à jour le 02/04/2013 Le chemin de navigation, également appelé Fil d'Ariane, est un excellent outil pour l'ergonomie et pour le référencement. J'en avais déjà parlé dans un des premiers articles du blog sur 21 hacks pour 21 plugins WordPress. J'avais justement donné à cette occasion un hack permettant d'ajouter un chemin de navigation, mais celui-ci n'était pas suffisamment optimisé ni pour le référencement, ni pour le visiteur. C'est désormais corrigé dans ce guide. Custom scrollbars for IE, Chrome and Firefox using CSS - Code Mug.

Using Custom scrollbars in your website can be really eye-catching and they go well with the website’s design. For web designers, it’s difficult creating them with JavaScript. Instead, you can create custom scrollbars using CSS. According to my acknowledge, it only worked in Internet Explorer. During my recent project, my client required the scrollbar to be stylized with CSS, and make it work in most mainstream browsers.

· Composants Bootstrap. Animated search Form. Prenez en main Bootstrap. Comprendre l'ordinateur - Comment créer un flux RSS sur mon site ? C'est assez simple. Un flux RSS n'est rien d'autre qu'un fichier texte avec un format particulier (en XML). Vous pouvez donc en créer un simplement avec le Bloc-Note (même si je vous recommande quand même un éditeur de texte un peu plus évolué, comme l'excellent PSPad sous Windows). Quelle version de RSS choisir ?

Sites concurrents

53 frameworks CSS — Mettez une grille dans votre design. Generator. SVG Drawing Animation. A little experiment that explores the usage of SVG line drawing animations to precede the appearance of graphics or website elements, simulating the loading of them. View demo Download source SVG is finally becoming a more utilized and fun website component. It’s really powerful and there are many creative possibilities for fun effects on a website using SVG.

Today we’d like to share two experimental concepts with you that make use of stroke animations, made popular by the animations on the PlayStation 4 and Xbox One review sites. This technique was introduced and explained by Jake Archibald in his article Animated line drawing in SVG and also explored by Brian Suda in his article Animating Vectors with SVG for 24Ways. So, what concepts did we explore? The beautiful illustrations of the devices are by Pixeden and you can find the PSD files here: Les animations. Search Box Practice #1.