background preloader

Apprendre HTML CSS PHP Javascript JQuery MySQL Bootstrap Twitter

Related:  donald72A ranger

Best jQuery Plugins & Tutorials Graphiste Freelance Illustrateur Webdesigner : LOGO / PRINT / WEB / MULTIMEDIA / ILLUSTRATION Technologies web pour développeurs Le Web ouvert offre une opportunité incroyable aux personnes qui veulent créer des sites ou des applications en ligne. Pour tirer le meilleur parti de ces technologies, il faut savoir comment les utiliser. Vous trouverez ci-dessous les liens vers notre documentation à propos des technologies web. Technologies web Les bases HyperText Markup Language (langage de balisage hypertexte ou HTML) est le langage utilisé pour décrire et définir le contenu d'une page web. Cascading Style Sheets (feuilles de style en cascade ou CSS) est utilisé pour décrire l'apparence du contenu d'une page web. Hypertext Transfer Protocol (HTTP) est un protocole de la couche application, orienté client-serveur, qui permet le transfert de documents web tels que des documents HTML. Script JavaScript JavaScript est le langage de programmation exécuté du côté de votre navigateur. Avec l'avènement de Node.js, vous pouvez également exécuter JavaScript sur le serveur. Les API web Web components Graphiques Canvas WebGL WebRTC Autres

15 : Créer sa propre prise radio (et autres périphériques) pour 6€ Ce post est le quinzième d’une liste de tutoriels sur le raspberry PI, cliquez ici pour accéder au sommaire ! Suite à nos précédents tutos sur le Raspberry PI et la domotique contrôlée par radio (et notamment le tuto 12), certains d’entre vous m’ont demandé si il n’était pas possible de se passer de prises Chacon, d’autres m’ont demandé si des multiprises existaient sur le même principe, quant à moi je souhaitais de débarrasser de Chacon pour diverses raisons : Je voudrais, sur le long terme, personnaliser le protocole radio (inclure une notion d’état de la prise, en retour de consommation d’énergie etc..)J’aimerais construire de A à Z mon système domotique dans une optique pédagogique (100% DIY)J’aimerais ajouter quelques gadgets dans ma prise (pourquoi pas un capteur de température ou de consommation de courant ? C’est pourquoi nous allons aujourd’hui construire notre propre prototype de prise radio (pouvant facilement être transformée en multiprise) commandée par le Raspberry PI

The Creative Project Créer un site d’entreprise de A à  Z 1/3 : Réflexion & Webdesign Design Spartan (Gaétan Weltzer) vous montre comment créer un site d’entreprise de A à Z en commençant par la phase de réflexion puis le webdesign. L’objectif de ce tutoriel assez long est d’offrir un cas pratique avec une réflexion derrière. En situation réelle pour une entreprise, comment se passe la réalisation d’un site Internet de présentation ? A lire avant de commencer Plutôt que de faire un simple tutoriel de webdesign, je souhaite vous emmener dans la création d’un site Internet pour une entreprise fictive de A à Z : de la phase de réflexion jusqu’à la mise en ligne du site en passant par le webdesign, l’intégration et le développement. Pour cet exercice, je vais vous montrer le procédé de création d’un site-vitrine qui est à peu près le même pour la majorité des entreprises souhaitant présenter leur activité et entrer en contact avec de potentiels clients. Ce tutoriel est découpé en 3 parties : – L’intégration HTML5/CSS3 La réflexion La préparation – Qui est cette entreprise ?

Tutoriel sur la 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 ». Les sites dynamiques génèrent la plupart du temps des pages aux URL longues et complexes, du fait de la présence de variables. Ainsi, une page qui était accessible à l’adresse : sera accessible après URL rewriting à l’adresse (par exemple) : Ces URL dites « propres » (débarrassées de caractères spéciaux comme « ? Enfin, elle permet également de renforcer la sécurité du site en masquant les noms des variables passées dans l’URL. 1. 2.

La minute management : Neuf exercices pour améliorer sa concentration au travail La concentration consiste à mobiliser ses facultés mentales et physiques sur un sujet ou sur une action. Or notre cerveau est sollicité par de multiples informations et il ne peut en traiter qu'une seule à la fois de façon optimale. Il s'agit donc de le monopoliser, en se libérant des émotions parasites et en s'entrainant à agir, en activant ses cinq sens. Par cette pratique, vous gagnerez aussi en performance. 1. Le chercheur Robert Nideffer, féru de psychologie du sport, a observé que l'attention de l'athlète se caractérise par deux dimensions : l'étendue, large ou étroite selon qu'elle est focalisée sur une seule ou plusieurs informations ; la direction, interne ou externe selon qu'elle est centrée sur les pensées et sensations ou sur un événement ou un objet extérieur. 2. Assis ou debout, le dos bien calé sur le siège ou bien campé sur vos deux jambes, inspirez puis expirez à votre rythme normal dix fois de suite, en restant attentif à votre souffle. 3. 4. 5. 6. 7. 8. 9.

Calendario: A Flexible Calendar Plugin A jQuery calendar plugin for creating flexible calendars. View demo Download source Today we want to share a flexible calendar concept with you. Please note that the demos will only work as intended in browsers that support the new CSS properties used here, especially calc(). The calendar designs are based on these two beauties found on Dribbble: For the calendar plugin to work, we simply need a container with the class “fc-calendar-container”: The plugin can be called like this: $( '#calendar' ).calendario(); The plugin will create a calendar with the following structure: The calendar will consist of a head for the listing of the weekdays and a body with rows for the days of the month. <div class="fc-content"><span class="fc-date">14</span><span class="fc-weekday">Wed</span><div></div></div> Note that the weekday of each cell is hidden by default because we have the calendar head with the weekdays. Options The following (default) options are available: The following public methods are available:

fr:Installer WordPress Languages: Español • English • বাংলা • Français • Italiano • 日本語 • 한국어 • Português do Brasil • Русский • Slovenčina • ไทย • 中文(简体) • 中文(繁體) • (Add your language) WordPress est bien connu comme étant facile à installer. Dans la plupart des cas, installer WordPress est une opération très simple qui ne prend pas plus de cinq minutes pour être accomplie. Les instructions qui suivent vous indiqueront la marche à suivre, que vous utilisiez la Célèbre Installation en 5 Minutes, ou que vous ayez besoin de plus de détails. Ce qu'il faut savoir avant de commencer Avant de commencer l'installation, il y a quelques petites choses que vous devez avoir et faire. Ce dont vous avez besoin pour l'installation Vous avez besoin d'un accès à votre site et à son répertoire ainsi qu'à certains logiciels pour effectuer l'installation. Accès à votre serveur web (en anglais) (via shell (en anglais) ou FTP) Un Client FTP (si vous avez besoin d'installer WordPress sur un serveur distant) Votre navigateur préféré

Construire une API REST avec Jersey et Spring sans web.xml, ni applicationContext.xml, ni getters/setters Les API REST font légion de nos jours et sont très souvent découpées en plusieurs couches : contrôleurs (traitant les requêtes HTTP), services (exécutant la logique métier) et accès aux données (pour interagir avec la ou les bases de données). Pour cet exemple, nous utiliserons Jersey pour la couche REST, Spring pour l’injection de dépendances et Jongo pour accéder à une base MongoDB. L’objectif de cette article est de montrer qu’il est possible de simplifier la configuration de Jersey et Spring en utilisant uniquement des annotations, pas de web.xml ni d’applicationContext.xml. Nous utiliserons Jongo pour sa simplicité d’utilisation (pas de fichier persistence.xml). Nous montrerons aussi qu’il est possible de se passer des getters/setters, qui polluent nos objets, en passant par les constructeurs. Création du projet Nous allons utiliser maven pour gérer les dépendances du projet mais aussi pour démarrer un serveur et y déployer l’application. Ajout de Jersey <properties> [...] Conclusion

Colorful CSS Gradient Background Generator Add this code to your CSS file and set the class colorful to the element you want to have the background. This works withFirefox 16+ Safari 5.1+ Chrome 10+ Internet Explorer 10+ Opera 12.1+iOS 5+ Android 4+ Blackberry 10+ IE Mobile 10+ Tutoriel WordPress C’est quoi WordPress ? WordPress est un moteur de blog libre et gratuit. Sa fonction ? ? crédit photo Désolé, il n’y a pas de version mobile de cette vidéo pour cette formation. Alors, tenté(e)s ? Les objectifs de la série de tutoriels Comme d’autres (mais quel prétentieux ) j’aurais pu me contenter de vous expliquer comment installer WordPress… Comme d’autres (voilà que ça recommence ), j’aurais également pu me contenter de vous faire un lien vers une ou deux pages web vous expliquant en russe comment l’utiliser, et, comme d’autres, j’aurais pu vous demander gentiment d’aller poser toutes vos questions sur un autre forum… Mais non, sur VidéoNoob, ça ne se passe pas comme ça ! Via ce tutoriel, j’aimerais : Index des tutoriels (évolutif) : 2 – C’est quoi un blog ?

Créer des sphères en CSS C'est l'été et nous avons de plus en plus l'impression d'être les seuls à travailler... Mais nous aussi nous pouvons faire des bulles, grâce à Donovan Hutchinson, maître des sphères. Par Donovan Hutchinson J'ai parlé récemment de la création de triangles CSS qui utilisent les border-radius pour les angles. Essayons maintenant les sphères. Flat design Nous pouvons utiliser deux approches pour réaliser des sphères en CSS. L'une d'elles consiste à créer une sphère en 3D, en utilisant de nombreux éléments. Je vais donc tenter une autre approche, en utilisant les dégradés CSS pour créer un effet 3D sur un élément simple. Démo et code source Tous les exemples qui suivent sont accessibles via mon compte CodePen, ou en sélectionnant les liens “Edit on Codepen” de chaque exemple. Dans les exemples de code, j'ai omis les préfixes navigateurs, mais je recommande l'utilisation d'un outil comme Autoprefixer, ou l'ajout manuel des préfixes. Forme de base Et voilà, un superbe cercle : Ombrages, notions de base

Related: