public marks

PUBLIC MARKS from decembre with tags site & tutoriel

2016

PODCAST - TUTO - RSS & Podcast - Korben

(via)
Sommaire: Lire des flux RSS et/ou des Podcasts, Créer son flux RSS et/ou des Podcasts pour soi, Créer son flux RSS et/ou des Podcasts pour son site web

2014

GITHUB - Un blog statique sur github avec Jekyll et Octopress

Les avantages d'un blog statique Voici ce que j'apprécie particulièrement dans un blog statique : Ultra light : Juste des fichiers .html et .js à déposer sur le serveur. La sécurité : On élimine les failles applicatives (sqli, exec(), file upload et cie...) même si la configuration du serveur n'est pas à négliger (bruteforce, SSI, webdav, etc.) Zero maintenance : Adieu MySQL, configuration PHP et surtout, plus besoin de penser aux mises à jour... La performance : Quoi de plus rapide à délivrer qu'un simple fichier statique qui va être mis en cache ? Hosting : Comme on a plus besoin de PHP+MySQL, on trouve plus facilement de l'hosting gratuit, notamment github. Le coté leet : Allo, t'es leet t'as pas de blog statique ? Allo ? Bien entendu un site statique a ses limites, mais javascript et les plugins/services third party sont là pour ça. Jekyll serphacker.com est généré par Jekyll et hosté sur github. C'est sûr, niveau design on peut mieux faire (normal je l'ai fait avec twitter bootstrap et le web design c'est pas ma tasse de thé), mais je vous rassure y a un max de site qui rendent bien avec Jekyll et Octopress a un bon thème par défaut. Clairement Octopress est beaucoup plus simple à utiliser que Jekyll : site créé en 2/3 lignes commandes avec un super design, avec Jekyll on part presque de zero. D'ailleurs si vous n'êtes pas très technique, je vous conseille de skipper les 3/4 de cet article que je me suis fait chier à rédiger, et voir directement comment Octopress est juste awesome et super fast à mettre en place : go TL;DR. Mais comme Octopress utilise Jekyll, mieux vaut comprendre comment Jekyll fonctionne sinon vous louperez pas mal de trucs pratiques. Je trouve la doc de Jekyll plutôt mal faite et mal organisée, d'où cet article (qui lui aussi sera mal fait et mal organisé).

INTERNET SECURITY - TUTO : OpenDNS: Un DNS rapide et utile

Chaque fois que vous tapez un nom de site (www.commentcamarche.net), votre ordinateur va le convertir en adresse IP (194.169.240.130) en questionnant des serveurs DNS. Généralement, vous utilisez les serveurs DNS de votre fournisseur d'accès. Mais vous pouvez très bien utiliser d'autres serveurs DNS. OpenDNS propose d'utiliser (gratuitement) leurs serveurs DNS à la place de ceux de votre FAI. Pourquoi OpenDNS ? Pourquoi choisir OpenDNS ? Parce qu'il est parfois plus rapide et possède des fonctions de protection (anti-phishing et autres).

WINDOWS - Modifier son fichier hosts (C:WINDOWSsystem32driversetchosts)

Le fichiers hosts (présent à la base dans les systèmes unix sous /etc/hosts) est la première étape pour la transposition d'un nom de machine fqdn en adresse ip. Pour restaurer le fichier hosts à son état d'origine, vous pouvez utiliser l'un de ces programmes MyHosts (de jeanmimigab) : Son principal avantage : Sa compatibilité Windows 95 / 98 / ME / 2000 / XP / Vista / 7 (32 et 64 bits) Il suffit de le télécharger ici puis de l'exécuter. Note : Pas besoin de désactiver l'UAC ou de l'exécuter en tant qu'administrateur sous Vista / 7

2013

CSS - Tutoriel vidéo HTML-CSS : Le positionnement en CSS | Grafikart.fr

Voici un tutoriel vidéo plus théorique que d'habitude qui vous permettra donc d'en apprendre un peu plus sur le positionnement CSS avec les attributs : Position, qui permet de définir le type de positionnement (absolute,relative...) Float/Clear, la propriété qui permet de modifier l'enchainement logique des éléments pour un enchainement horizontal (c'est plus clair en vidéo :) ) Display, la différence entre les élements inline et block Vous verrez aussi analyser la structure d'un site internet pour apprendre à développer vos propres structures...

XPenology - Transformez un PC en serveur NAS Synology (avec DSM 4.2) | Korben

Il est parfaitement possible d'installer la distrib présente sur les NAS Synology, sur un simple PC. Il s'agit bien évidemment d'un hack et pas d'un truc officiel : sympa à expérimenter. Il faut une clé USB sur laquelle vous booterez la distrib XPenology qui fera passer votre PC pour un serveur Synology. Niveau matos, il faut quand même un truc compatible. Denis du site Astrolabo a d'ailleurs publié un tuto où il explique en détail le matos qu'il a utilisé pour monter son PC sous DSM

2011

Webmaster - Publier facilement une vidéo dans une page web

Webmaster - Publier facilement une vidéo dans une page web Publier une vidéo dans une page web n'est pas toujours évident: Selon le format (AVI, MPG, MOV...) tout le monde ne possède pas forcément le bon plugin et le bon codec. En revanche, la quasi-totalité des navigateurs possèdent le plugin Flash (SWF). Flash est capable de faire de la vidéo en streaming. Voici comment publier une vidéo grâce à Flash. De cette manière, beaucoup plus de monde pourra voir la vidéo sans problème. De plus, le démarrage de l'affichage des vidéos Flash est nettement plus rapide que pour AVI, WMV ou QuickTime. * Convertir la vidéo en FLV sous Windows o 1. Installer un convertisseur FLV o 2. Convertir la vidéo en FLV * Convertir la vidéo en FLV sous Linux o 1. Installer un convertisseur FLV o 2. Convertir la vidéo en FLV * 3. Installer le player FLV en Flash * 4. Créer la page HTML * Voir également

2010

7 Projets ou choses que vous pouvez faire avec Wordpress |

Le système de blogging open-source Wordpress est un concentré de puissance. En modifiant les thèmes ou en installant certains plugins, ses possibilités deviennent quasi infinies. Mais, que peut-on réellement faire avec Wordpress, au juste? Je vous propose de voir 7 utilisations différentes de Wordpress, ainsi que la marche à suivre pour arriver à ces résultats : Un blog...Un magazine...Un site d’entreprise ou d’association...Une plateforme twitter...Un Photoblog...Une boutique en ligne...Une plateforme d’annonces...

5 plugins et astuces pour sécuriser Wordpress |

Pour les webmasters, la peur de se faire hacker est souvent grande, et plus un site est populaire, plus il s’expose à diverses tentatives de piratage. Voici 5 astuces et plugins qui vous permettrons de sécuriser au maximum votre installation de Wordpress, car mieux vaut prévenir que guérir!

2009

Moteur Google CSE (Recherche Personnalisée Google) - Exemple Pour Créer un moteur de recherche limité à 300 sites web...(Encore Un BiblioBlog) ....en moins de 3 minutes

POr ceux qui pensent qu’il est complexe de créer un moteur de recherche limité à 300 sites web, et qui pensent que j’ai fait preuve d’un dévouement sans borne en y consacrant mes 10 dernières nuits, je dédicace cette vidéo de 2′26” : 1. je récupère sur Bibliopedia la liste des URL . 2. je la colle sous Word. 3. je supprime tout ce qui est en noir (donc tout ce qui n’est pas une URL) : chercher ce qui est noir et le remplacer par un saut de ligne (ensuite je supprime les doubles sauts de ligne en les remplaçant par un seul saut) . 4. je colle la liste obtenue dans un moteur Google CSE (Custom Search Engine). Bref, j’ai passé moins de temps à créer le moteur en question qu’à rédiger le billet qui le présentait…

Tutoriel XPath - Developpez.com - Club des décideurs et professionnels en Informatique

XPath est décrit sur : XPath 1.0 standard . Dans ce tutoriel une sélection des caractéristiques de XPath sont démontrées dans de nombreux exemples. Vous pouvez commencer par : * Exemple 1 ou par le menu de gauche. Origine de ce document : Ce document est issu du site ZVON et est disponible à l'adresse suivante * Tutorial XPath en français

Parcours de fichiers XML avec XPath - Club des décideurs et professionnels en Informatique

Parcours de fichiers XML avec XPath (Date de mise à jour : 29/06/2007) II-A. Qu'est ce que XPath ? II-B. Solutions Java pour XPath II-C. Environnement requis III. Principe de fonctionnement III-A. Vue d'ensemble III-B. La syntaxe XPath III-C. XPath appliqué au Java IV. Exemple de mise en oeuvre IV-A. Le fichier XML considéré IV-B. La classe principale

Tour de Flex, components, samples | Adobe Developer Connection

Tour de Flex component explorer Tour de Flex is a desktop application for exploring Flex capabilities and resources, including the core Flex components, Adobe AIR, data integration, and a variety of third-party components, effects, skins, and more. Tour de Flex has three primary goals: * Provide non-Flex developers with an overview of what is possible in Flex in a "look and see" environment * Provide Flex developers with an illustrated reference tool * Provide commercial and non-commercial Flex developers with a place to showcase their work

[Tuto] - Créer un cadre pour son forum (Photoshop)+intégration : Propositions de ressources graphiques - phpBB-fr.com

Avec ce tutoriel,je vais vous guider au mieux pour créer votre cadre pour votre forum - passons maintenant au découpage de ce cadre onglet "Affichage"==>"Règles" ou (Ctrl+R) dans les propriétés des règles,veillez a ce que ce soit en "pixel"en haut "clique droit" sur la règle et sélectionner "pixels" sur cette même règle en maintenant un "clique gauche" dessus et en "glisser/déposer" on sélectionne une ligne "Repère" on va donc faire glisser 6 repères (3 horizontaux et 3 verticaux) à 30px , 35px et 270px,n'hésitez pas a zoomer pour bien placer vos lignes, ce qui nous donne ceci, Prenez maintenant l'outil "Outil Tranche"Zoomer à 1000% pour être tranquille pour créer vos blocs à découper à l'aide des repères sélectionnés donc tout les blocs à découper cela doit ressembler à ceci,Ce cadre est adaptable a toute largeur de forum,(fixe ou extensible),et maitenant vous vous dite,comment on le met en place :lol: Et bien voici la marche a suivre,

Guide de survie du positionnement CSS - Alsacréations

Cet article s'adresse à ceux qui ont déjà quelques notions de positionnement CSS, mais qui se demandent s'ils l'utilisent correctement, ou qui galèrent pour mettre en pratique leurs connaissances encore trop bancales.

Un design fluide avec trois «colonnes», grâce au positionnement flottant - Alsacréations

Beaucoup de sites web présentent une mise en page sur trois colonnes, avec une colonne centrale de contenu et des colonnes latérales. Ce tutoriel très complet montre comment on peut utiliser les flottants pour réaliser ce type de mise en page, en largeur fixe ou fluide.

Apprendre les standards Web - Alsacréations

Voici les dernières ressources classées par catégories. * Tutoriel : Guide pas à pas - * Article : Document d'analyse ou de référence - * Astuce : Court stratagème toujours utile -

Le libre est partout !- Blip.tv : le sauveur.

Je vais donc vous raconter mon petit parcours pour diffuser le tutoriel su Gimp. Par pur hasard je tombe sur blip.tv, je me dis que je vais essayer comme même, donc, j’envoie la vidéo, et déjà une très bonne surprise : on peut mettre la licence Creative Commons que l’on veut, déjà je suis content. Et pendant l’envoit de la vidéo, je lis sur un forum qu’un de mes sites préférés (le framablog) utilise blip.tv pour stocker ses vidéos. Et juste après je lis que je peux directement envoyer ma vidéo en .ogv et les visiteurs pourront la télécharger directement ! Je deviens fous là ! Un site qui héberge des formats libres avec des licences libres : le rêve.

Un moteur de recherche Firefox pour votre site - Et voilà, tous les visiteurs (qui utilisent Firefox) pourront ajouter votre moteur de recherche ! Facile non ?

Explications sur les parties que vous devez remplacer : * [[Nom du Moteur]] : nom court pour moteur de recherche, * [[Description du moteur de recherche]] : description brêve, * [[Image en Base64]] : Faites une image de taille 16×16 (favicon de votre site par exemple), puis vous l’envoyez sur ce site qui va la transformer en quelque chose de bizarre (par exemple : YTM0NZomIzI2OTsmIzM0NTueYQ==), * [[Url de votre moteur de recherche]] : Recherchez le mot « plop » sur votre site, puis vous copiez l’url affichée et vous remplacer « plop » par {searchTerms} (par exemple : http://bydorian.com/?s=plop devient http://bydorian.com/?s={searchTerms} ). Vous enregistrez votre fichier en .xpi (par exemple : bydorian.xpi) et vous l’envoyez sur votre site (par exemple : http://bydorian.com/wp-content/bydorian.xpi). Il ne vous reste plus qu’à ajouter : <link rel="search" type="application/opensearchdescription+xml" title="[[Nom du Moteur]]" href="[[Adresse vers le .xpi]]" />

CodeProject - Create your own simple Button for Google Toolbar and link to add it in Googlebar

To base64 encode an image for your button, determine or create your image. Then use this page to encode your image. Copy the result into the image element of your XML document. If you have an RSS or Atom feed, insert the URL of your feed into the feed element. Save your document with an .xml extension (we used updated_button.xml). Copy the XML file to the root of your website directory. It's ready to go! Now, just add the below link to your site, where ever you choose and when people click it, they will get your button added onto their Google toolbar: http://toolbar.google.com/buttons/add?url=http://www.yourwebsite.com/yourbuttonxmlfile.xml Replace the url= with the fully qualified public url to your xml file. If someone clicks the link and doesn't already have the correct version of Google Toolbar installed, they will be prompted to install the correct toolbar.

The Ultimate Joomla Toolbox: Themes, Extensions and Resources | Noupe

by 1 other
Joomla is one of the most popular CMSs out there, and it’s no surprise considering how extensible it is. The great thing about Joomla is the extensions (components, modules and plugins), that can be added to your Joomla website. This allows the average user to add more functionality and dynamic content to their website without being a developer or programmer. In this post you will find a thorough collection of all kinds of resources that will aid designers and developers working with Joomla-powered websites. This collection is intended to simplify your tasks and save you time when working with Joomla. This post covers essential resources related to Joomla— Themes, Extensions, Tutorials, Forums, Cheat Sheets and Useful Documents.

Copyleft Free Image Sites - Fusion: Image Sites

en anglais , liste de liens et procédures pour chercher images libres de droit (CC :Creative Commons)

eZ Publish - articles - Club des décideurs et professionnels en Informatique

excellent tutoriel rédigé par Peter Keung d'eZ Systems. Il explique pas-à-pas comment mettre en place un site communautaire à l'aide d'eZ Publish

Forum iziSoftware: SOMMAIRE des Scripts

5 Juin 2009 à 11:51 Sommaire des Scripts 1-Affichage Centrage de pages autoresize http://forum.izisoftware.com/fr/forum_posts.asp?TID=10819 2-Défilement déroule change texte et image http://forum.izisoftware.com/fr/forum_posts.asp?TID=10821 3-Compteur visiteur date temps heure http://forum.izisoftware.com/fr/forum_posts.asp?TID=10823 4-Développer Créer bannière PopUp http://forum.izisoftware.com/fr/forum_posts.asp?TID=10824 5-Navigation ancre bouton page lien redirection http://forum.izisoftware.com/fr/forum_posts.asp?TID=10825 6-Livres d'or NewsLetter Météo statistiques http://forum.izisoftware.com/fr/forum_posts.asp?TID=10826 7-Cartographie Galeries Flash Multimédia Traduction http://forum.izisoftware.com/fr/forum_posts.asp?TID=10827