background preloader

TUTO A SUIVRE

Facebook Twitter

A Colorful Clock With CSS & jQuery. Martin Angelov The first wave of Christmas holidays passed and we are looking forward to New Year’s Eve for a fresh start at all those things we failed to do the last 12 months. And in the mood of the upcoming holiday, this week we are going to make a colorful jQuery & CSS clock, which will help you keep track of those precious last seconds of the year. This is also the first tutorial that features our first very own jQuery plug-in – tzineClock (soon to be released officially in a post of its own). Go ahead, download the demo files and continue with step one. Step 1 – XHTML As usual, we start with the XHTML markup. This saves us from having to manually type similar blocks of code for each one of the dials (there are three of them, one for the hours, the minutes and the seconds). Lets take a look at the XHTML that is inserted by jQuery: jquery.tzineClock.js This code is contained in jquery.tzineClock/jquery.tzineClock.js.

Lets continue with the next step. A Colorful jQuery & CSS Clock Step 2 – CSS. Text-Shadow Exposed: Make cool and clever text effects with css text-shadow › Kremalicious. The aim of this article is to give you a quick introduction of a css property named text-shadow which was first included in CSS2 (but it’s not implemented in all browsers yet). Nevertheless you can make some cool effects with it, which could only be done before by photoshopping text and rendering it as an image. Because it’s included in Safari since version 1.1(!) Mac users should be aware of various effects done by this property. In fact, most companys and persons with mac users as their main target audience use this effect on their websites. This article describes how text-shadow works, what you can do with it and which browsers currently support it.

At the end of this article I’ve made up some examples and provide a list of useful resources. Here’s an overview of the headlines in this article. What text-shadow is good forWhich browsers support itCross-browser compatibilityHow does it work and how to use itExamples with code & demosHack: Safari Text RenderingMore articles and resources. Comment créer votre propre site de e-commerce?

Le e-commerce s’avère être l’une des opportunités de business en ligne des plus viables sur le web. Comparativement aux business traditionnels, un site de e-commerce requiert un coût minimal de lancement et est relativement peu risqué. Cependant, cela ne signifie pas que la création d’un site web est une simple affaire et qu’une réussite future vous sera garantie. L’objectif de cet article est de vous accompagner à travers les étapes et les plans importants dont vous aurez besoin pour organiser et installer un site e-commerce prospère.

Dénicher votre Niche! La toute première chose à faire est de trouver votre niche. Rechercher votre niche Une fois que vous aurez fait le tri dans vos idées, procéder à une analyse poussée des quelques idées obtenues au final. Analyser vos compétiteurs Rechercher vos compétiteurs partout, dans chaque recoin du net. Rédigez votre plan d’affaire Voulez-vous avoir un plan infaillible pour votre business? Créer votre site web Héberger votre site web CMS E-commerce. 5 façons de promouvoir sa page fan Facebook gratuitement. Créer une page fan Facebook, est à la portée de tous, avec un minimum de temps passé on peut avoir une présence sur le 1er réseau social. Promouvoir sa page, obtenir des fans et avoir des visites qualifiées est une autre paire de manches.

Je vous propose de partager via ce billet, mon expérience de promotion de page fan… Mise à jour 2015 : Vidéo My Facebook is Reach Dans cette vidéo, vous apprendrez avec humour et sur fond de Rock and roll ce qu’est le reach sur Facebook et comment développer votre audience sur le réseau social et l’engagement de votre communauté… Pour retrouver nos prochaines vidéos, pensez également à vous abonner à notre chaîne Youtube ! Mise à jour 2011 : 10 nouvelles façons de promouvoir votre page Facebook Voici 10 nouvelles idées pour promouvoir gratuitement votre page Facebook. Avant de penser à promouvoir votre page, rendez la vivante… Avant d’aborder la partie promotion, il est important que la page fan soit alimentée régulièrement de contenus variés. WordPress Référencement : WordPress SEO by Yoast - Blog SEO WordPres. Vous avez déjà lu notre Guide pour le Référencement WordPress et vous voulez passer à la vitesse supérieure grâce à un plugin SEO ?

WordPress SEO plugin est le plugin SEO le plus complet sous WordPress. WordPress SEO par Yoast embarque toutes les fonctionnalités que nous sommes en droit d’attendre d’un tel plugin; une fonction d’aperçu de la sortie Google, une fonctionnalité d’analyse de page, les meta descriptions, mais aussi l’intégration d’un sitemap.xml et bien plus. La liste complète des fonctionnalités est disponible ci-dessous. Sachez que des plugins existent pour WordPress SEO. Au nombre de trois aujourd’hui, les plugins disponibles sont News SEO, Video SEO et Local SEO. News SEO est librement téléchargeable, alors que les deux autres modules sont payants. Pour découvrir l’univers des plugins payants sous WordPress,visitez notre site 100% affiliation WordPress, WP-Freemium.com, pour y découvrir une sélection de Thèmes WordPress pro et plugins WordPress pro.

Manuellement. Inclure un fichier dans un autre grâce à PHP. Tout site possède au moins une partie commune à chaque page. Partant de ce constat, pourquoi ne pas insérer de manière dynamique ces éléments et éviter ainsi de dupliquer les portions de codes répétées d'une page à l'autre ? Faciliter la maintenance d'un site et permettre son évolution sans avoir besoin de tout reprendre, tel est le principal attrait de cette méthode.

Alors, si comme bon nombre d'entre nous, vous êtes légèrement fainéant sur les bords, et trouvez dommage de vous embêter à ré-écrire une partie de votre code alors qu'une simple ligne suffit ... Ce tutoriel est fait pour vous ! Il vous détaille, pas à pas, la façon de procéder pour inclure un élément sur une ou plusieurs pages de votre site, au moyen de la fonction include(). Pré-requis : comprendre le fonctionnement de l’include() Avant toute chose, il est important d’appréhender le mécanisme de la fonction. Enfin, n’oubliez pas qu’un include() est une fonction php. Exemple d’utilisation titre.inc.php contenu.inc.php test.php <! BP Eminet, Développement, formation SPIP, plate-forme collaborative Claroline, Drupal, ergonomie, accessibilité, multilinguisme.

Cet article est paru sur le site www.marketing-internet.com. Il a été complété par la suite. La réflexion concernant l’utilisation d’une typographie adaptée est une partie trop souvent oubliée dans une bonne démarche « ergonomique ». Cinq siècles de typographie et de texte imprimé ont modelé notre approche de la lecture. Trop souvent une direction de communication en entreprise pense qu’un écran web n’est que la translation de l’information papier (impression). Cette attitude est d’autant plus confortable qu’il s’agit d’un univers bien connu et bien maîtrisé. Après tout que représentent 30 ans d’informatique éditoriale en comparaison avec 500 ans de tradition d’imprimerie ?

L’objectif de cet article est de soumettre quelques bons principes pour savoir ce qui fonctionne ou pas, et surtout être capable de l’expliquer au client ou au donneur d’ordre. Avoir des réflexions sur la typographie, permet de se rapprocher de ce qui fait la différence entre un beau produit et un bon produit... Et : Webdezign.tutoriaux.free.fr. Tutoriel AdSense pour augmenter ses revenus. Pour optimiser l'utilisation des annonces afin d'augmenter ses revenus. Généralités Le programme AdSense démocratise la publicité et permet d'obtenir des revenus facilement.

Son utilisation est plutôt simple. Une fois enregistré sur le site de Google (voir liens en bas de page), on prend garde à lire d'abord les règles du programme (important), puis on choisit un type d'annonce, par catégorie d'abord: recherche, contextuelle, vidéo, groupe de liens etc... et ensuite on choisit un format. Le site propose alors un code JavaScript que l'on peut placer n'importe où (ou presque, voir plus loin) dans une page Web. Annonces contextuelles Images ou groupes d'annonces textuelles, ou thématiques qui sont des sortes de menus.

Annonces réactives Leurs dimensions sont ajustées à la taille de l'écran, elles conviennent donc aussi bien aux écrans de bureaux qu'à ceux des tablettes et mobiles. Recherche Champ de recherche utilisant le moteur Google. Groupes de liens Adsense Direct Mobiles Maps Ad Unit Stratégies. Afficher du flash dans une page HTML avec SWFObject. Il y a une étape de base très importante lors de la création d’une application : l’affichage du flash dans une page web.

Au premier abord, cela a plutôt l’air compliqué. Lors de mes débuts dans la programmation flash, il y avait tellement d’options différentes que j’utilisais les valeurs par défaut avec Adobe Flash. Heureusement, un groupe de développeurs talentueux a développé du javascript pour nous simplifier énormément l’intégration du flash dans une page web Voici ce que je vais vous apprendre : Comment ajouter du contenu flash dans une page html.Comment utiliser la puissance du script swfobject avec le flash.Toutes les possibilités offertes par l’API swfobject.Comment proposer à vos internautes la mise à jour automatique de leur player flash par un simple clique ! A la fin de ce cours ActionScript, l’utilisation de swfobject pour afficher du contenu flash n’aura plus de secret pour vous ! Télécharger le code source du cours AS3 Consultez la Documentation complète de SWFObject. Tuto et Formation informatique en vidéo sur FORMATIONVIDEO.FR.