background preloader

Code

Facebook Twitter

Just-add-water CSS Animations. Bones - The HTML5 Wordpress Starter Theme. Browser Sandbox - Spoon.net. The Spoon.net Browser Sandbox makes cross-browser testing and backwards compatibility easy.

Browser Sandbox - Spoon.net

Just click Run for any browser to launch it instantly. Browsers run within an isolated virtual environment, eliminating the need for installs and allowing legacy browsers such as Internet Explorer 6 to run on Windows 7 and 8. Virtualized browsers behave exactly like installed browsers. And because they run locally, you can test web applications hosted on your own development machine or on internal servers. Comment supprimer la bordure (bleue) autour des images de lien ?

Fr:Hiérarchie des fichiers modèles. Fr:Hiérarchie des fichiers modèles Languages: English • Français • 日本語 • Русский • (Add your language) Note : Cet article traite d'un sujet avancé.

fr:Hiérarchie des fichiers modèles

Pour une introduction aux modèles de WordPress, consultez l'article Stepping Into Templates. Tutoriel : créer un fil d’ariane dans WordPress sans plugin. Le fil d’ariane, ou chemin de navigation, est un élément précieux pour l’ergonomie et le référencement naturel de votre site internet.

Tutoriel : créer un fil d’ariane dans WordPress sans plugin

Common use snippets for Widget Logic. Tutoriel Diaporama jQuery - Tuto Diapo Photo - Tuto Slideshow. IMPORTANT : Pour une mise en production de ce slideshow, je vous conseil d'utiliser notre plugin slidePulpe, plus simple et mieux optimisé.

Tutoriel Diaporama jQuery - Tuto Diapo Photo - Tuto Slideshow

Dans ce tutoriel, nous allons réaliser un diaporama photo simple et efficace, propulsé par jQuery. La navigation s'effectuera grâce à des flèches basiques, nous verrons ensuite comment ajouter des boutons afin d'accéder directement à une image voulue. Vincent Rousseau, développeur Web Reims. J'ai réalisé un mini paint HTML5 grâce à la balise <canvas>.

Vincent Rousseau, développeur Web Reims

C'est plus une expérience afin de (re)découvrir et d'approfondir l'élément canvas. Ainsi je n'ai fait aucune modification pour assurer la compatibilité entre les navigateurs. Je l'ai testé sur Firefox et Chrome (dans leur dernière version). Ce dernier est à recommander car j'utilise un nouveau champs input (type="range") qui n'est pas encore implémenté sur Firefox (version 10). J'ai aussi utilisé jQuery bien que dispensable dans l'exemple, on peut largement s'en passer. Javascript - Les tableaux. Fonctions permettant de manipuler les attributs. BgStretcher jQuery Plugin Allows to Add Background Image to Page and Proportionally Resize it to Fill Entire Window Area. — ajaxBlender.com. Introduction à la Programmation Orientée Objet. Créer une carte interactive. Mise en place des media queries. Les media queries font partie des nouveautés de CSS3.

Mise en place des media queries

Il ne s'agit pas de nouvelles propriétés mais de règles que l'on peut appliquer dans certaines conditions. Concrètement, vous allez pouvoir dire « Si la résolution de l'écran du visiteur est inférieure à tant, alors applique les propriétés CSS suivantes ». Cela vous permet de changer l'apparence du site dans certaines conditions : vous pourrez augmenter la taille du texte, changer la couleur de fond, positionner différemment votre menu dans certaines résolutions, etc. Contrairement à ce qu'on pourrait penser, les media queries ne concernent pas que les résolutions d'écran.

Vous pouvez changer l'apparence de votre site en fonction d'autres critères comme le type d'écran (smartphone, télévision, projecteur…), le nombre de couleurs, l'orientation de l'écran (portrait ou paysage), etc. Les media queries sont donc des règles qui indiquent quand on doit appliquer des propriétés CSS. How to use Twitter Bootstrap to Create a Responsive Website Design. "Welcome to the responsive web!

How to use Twitter Bootstrap to Create a Responsive Website Design

" In the last year or so this term has been thrown around everywhere, so often that even a lot of my clients are asking for a responsive design from the get go. Empêcher les flottants de dépasser de leur conteneur. Par défaut dans les navigateurs, les éléments positionnés grâce à la propriété CSS float (aussi appelés flottants, ou en anglais floats) sortent du flux de leur conteneur.

Empêcher les flottants de dépasser de leur conteneur

Autrement dit, les flottants «dépassent». OpenWeb - Positionnement float - Exemples. Cette page illustre différents exemples utilisés dans Initiation au Positionnement CSS : 2.position float.

OpenWeb - Positionnement float - Exemples

Boîte flottante simple Code HTML: Code CSS: Résultat : Initiation au positionnement CSS (partie 2) Le positionnement des éléments en CSS est sans aucun doute l'un des aspects les plus intéressants de cette technologie, mais également l'un des plus ardus.

Initiation au positionnement CSS (partie 2)

Positions, flux et autres flottants sont pourtant des notions essentielles à une bonne maîtrise de la mise en page. Si de plus en plus d'intégrateurs semblent aujourd'hui acquérir les bases du comportement de ces propriétés, les choix des techniques demeurent couramment discutables, tout au plus hasardeux. Débuter avec jQuery. Avant de débuter avec jQuery, il faut installer le fichier jquery.js sur son ordinateur. Une fois l'installation terminée, nous pourrons commencer à découvrir petit à petit les formidables possibilités de ce framework JavaScript.

Dynamisez vos sites web avec Javascript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Qui plus est, il se démocratise au sein d'autres environnements comme les serveurs avec le célèbre Node.js, les applications pour smartphones et tablettes, avec PhoneGap d'Adobe, les applications pour Windows 8, mais aussi les logiciels multiplateformes.

Bref, JavaScript est partout ! Mais avant de se targuer de créer des applications pour serveurs, tablettes et Windows, il faut d'abord apprendre la base et s'intéresser aux origines : le JavaScript au sein des pages Web. Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Sur ce, bonne lecture ! Supprimer du contenu de l'index Google. Pour supprimer une partie de votre contenu de l'index Google Pour Google, la qualité des résultats de recherche est une priorité essentielle. Par conséquent, Google abandonne l'indexation des pages de votre site seulement sur demande du webmaster responsable de ces pages . Enable mod_rewrite in windows , WAMP, XAMPP - PHP Tutorials. Tutoriel sur l’URL Rewriting (réécriture d’URL) Article mis à jour le 10 février 2017, publié initialement le 4 juin 2004 Sommaire URL Rewrite : introduction Les sites web dynamiques sont parfois des obstacles pour les moteurs de recherche, mais la situation a plutôt tendance à s’améliorer.

Cependant, parfois, certaines pages représentent un réel obstacle pour les robots et il faut intervenir, mettre en œuvre une procédure spécifique, pour faire en sorte qu’un site soit indexé par les « Google et consort ». CSS + JavaScript. jQuery Quicksand plugin. Reorder and filter items with a nice shuffling animation. 20+ Demos Showing Advanced jQuery Effects. Just a short while ago, Flash was one of the primary technologies used by web designers to add interactivity to a website. Since the introduction of the iPad, with its lack of the Flash Player, there’s an acceleration in the web development world to use alternative technologies to Flash, such as jQuery, Ajax and others. Although Flash is still a very powerful and useful tool, which works great on many cases, several of the effects that web designers are accustomed to creating in Flash, can be just as easily implemented using jQuery. Here are 21 online demos that show the power of jQuery for creating advanced effects and interactivity that can rival Flash.

How to Create Database with PhpMyAdmin Tutorial. In this part of our PhpMyAdmin tutorial we will describe the steps which must be followed in order to create a new database, add a table with records, create a database backup and perform a database restore procedure. We will start with the database creation. Les formulaires. Liens sponsorisés : Quand je vous ai présenté PHP au début de cette section, je vous avais parlé d'interactivité avec le visiteur. Cforms 2, l'ultime formulaire de contact pour Wordpress! [plugin]

Si vous êtes à la recherche d’un formulaire de contact complet, simple d’utilisation et entièrement paramétrable, Cforms 2 est incontestablement le plugin qu’il vous faut! Bluffé par le foisonnement des options et paramétrages offerts par Cforms 2 je l’ai immédiatement adopté et vous propose de découvrir cet incroyable plugin. Une fois le plugin installé, un onglet spécifique apparait dans l’admin WordPress via lequel vous accédez à l’ensemble des options et paramétrages de Cforms. Création et gestion de vos formulaires : Bbxdesert : un thème WordPress vide gratuit. Ce thème bbxdesert est un thème WordPress de base qui vous servira à construire vous même votre thème personnalisé. Il n’a aucun design, pour que vous puissiez appliquer facilement le vôtre. Le code HTML est simple et propre.

Il contient le minimum requis pour développer un thème facilement : E-Commerce - CM-CIC P@iement > Caractéristiques. Votre structure dispose d'un site internet et propose des services payants ? Préparation du terrain. Comme pour tout programme, avant d'avoir quelque chose qui fonctionne parfaitement, il faut faire beaucoup de tests. Wpshop: plugin e-Commerce pour Wordpress, gratuit et Made in France. Tutoriel WordPress : Créer un thème avancé avec Wordpress. Une sélection de 21 outils de prototypage de Web et mobile. Micropaiement audiotel / SMS et services rémunérés pour rentabiliser votre site. PHP : Le tutoriel pour grands débutants pressés. Pour rappel, le code HTML ne sert qu'à l'affichage. Le code PHP sert à créer un HTML dynamique jusqu'à un certain point, en tout cas, PHP peut organiser à chaque chargement de votre page web le HTML de façon différente.

Cependant, PHP n'a pas le "pouvoir" de mémoriser des données entre deux chargements de page (en dehors de celles que vous transmettez à chaque fois d'une page web à l'autre, via un formulaire HTML !)... Les formulaires et la transmission des données en PHP. Formulaire de contact en PHP. Formulaire de contact en PHP.