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. 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. 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. Ce fichier aura donc pour fonction de: Autoriser ou pas l’accès du site à certains agents/robotsAutoriser ou pas l’indexation du contenu de certaines sections/pagesIndiquer aux robots l’emplacement du fichier site map IMPORTANT: il faut savoir que le fichier “robots.txt” est pris en compte et “respecté” uniquement par tous les robots considérés comme sérieux.

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. Ici, elle va creuser au plus profond de SMIL (et ses amis) et de la syntaxe d’animation de SVG pour nous donner ce guide épique. Note du traducteur épuisé : guide épique s’il en est, et qui peut paraître ardu, surtout dans ses premiers paragraphes. #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.

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.

Créer des custom post types avec WordPress

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. Vous recherchez un développeur WordPress capable de vous créer un thème sur-mesure ? C'est mon métier depuis plus de 7 ans, prenez contact et discutons de votre projet. 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. On retrouvera le même type de présentation du contenu que pour les pages ou les articles. 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.

So after a bit of googling, I found the tricks to do so and share them with you here. · 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 ? Je vous recommande le RSS 2.0 pour plusieurs raisons:Le format est stable (la spécification des autres versions de RSS change).Le format est simple (la syntaxe est plus lisible que les autres formats tels que RDF).Le format est bien reconnu.Ce format permet de spécifier diverses options (comme le délai de rafraichissement). Un exemple de flux RSS simple.

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: The traced SVG line drawings of these illustrations were carefully crafted by talented Emanuel Serbanoiu. Les animations. Search Box Practice #1.