Blueboat Lorsqu’on écrit pour un blog, on est parfois amené à chercher sur le web des illustrations. Le mieux est encore de le faire dans les clous, en respectant le droit d’auteur et les conditions d’utilisation des images. Voici une liste de services en ligne qui permettent de trouver des images en tous genres. Flickr : l’incontournable Lancé en 2004, Flickr appartient aujourd’hui à Yahoo! Formulaire de recherche avancée de Flickr Lien : www.flickr.com/search/advanced/ Photo Pin : une autre manière d’explorer Flickr Photo Pin utilise l’API de Flickr pour permettre de rechercher des photos sous licence CC. Google Images : la puissance de Google au service de la recherche d’images Fonctionnement différent avec Google Images. Formulaire de recherche avancée de Google Images Lien : www.google.fr/advanced_image_search Wikimedia Commons : pour le libre et le domaine public Formulaire de recherches de Commons Wikimedia Lien : commons.wikimedia.org/w/index.php? SXC : à ne pas oublier Lien : openclipart.org Wylio
Drupal Un article de Wikipédia, l'encyclopédie libre. Drupal[1] est un système de gestion de contenu (CMS) libre et open-source publié sous la licence publique générale GNU, et écrit en PHP. Dries Buytaert, développeur initial du projet à partir de 2000 à l'université d'Anvers, le définit comme « assembleur rapide de site web » (Rapid website assembler). En 2009, il est classé 1er du concours organisé par la société britannique Packt (en) dans la catégorie Best Open Source PHP CMS suivi par WordPress et Joomla!. En 2010, Angela Byron annonce[6] que Drupal équipe à peu près 1 % des sites Internet mondiaux. Principes[modifier | modifier le code] Drupal peut être utilisé à quatre niveaux différents : Tel quel : une fois celui-ci installé et paramétré, il est utilisable pour créer du contenu structuré et annotable par des utilisateurs qui peuvent s'enregistrer sur le site. Contenus, traitements, présentation[modifier | modifier le code] Contenus, ou nœuds[modifier | modifier le code]
Le MOOC, mode d'emploi Le format MOOC (Massive Open Online Course) tend à prendre de l'importance dans l'offre de cours en ligne. Du moins, un nombre grandissant de cours ouverts, gratuits et en ligne sont-ils qualifiés de MOOC. Les récentes initiatives du MIT et de Stanford, que nous avons présentées dans un récent article, sont ainsi assimilées à des MOOC par Christine Cupaiuolo dans un billet publié sur le blog Spotlight. Stricto sensu, ces cours offerts gratuitement à tous ceux qui désirent les suivre relèvent effectivement de la catégorie des MOOC. Mais le MOOC tel qu'il a été envisagé par ses fondateurs et ses plus célèbres représentants, tels qu'il se déploie aussi à la P2P University par exemple et dans nombre d'espaces plus discrets, dispose de caractéristiques qui ne tiennent pas uniquement à son mode de distribution. Le MOOC : gratuit, en ligne, ouvert... et beaucoup plus Un guide pour créer un MOOC - Cette interconnexion généralisée permet la collaboration ou au moins la discussion. MOOC Guide.
Mon Cher Watson Je ne sais pas si vous êtes observateur mais cette semaine, j’ai changé l’image d’en-tête sur mon blogue (vous pouvez me donner votre opinion tout en bas dans la zone commentaires). Pourquoi? Et bien simplement parce que ça faisait un petit bout de temps que je me questionnais sur mes droits d’utiliser l’ancienne image et dans le doute, j’ai préféré jouer “prudent”. Le plus simple, c’est de faire comme moi et d’utiliser vos propres créations. Mais il existe aussi sur le web des banques d’images libres de droits. Voici quelques liens vers des banques d’images libres de droits: Ce que j’utilise aussi régulièrement, ce sont les images du “Clip Art” de Microsoft Office. À l’intérieur du “Clip Art“, vous pouvez faire des recherches par catégorie d’images: Aimez-vous mieux mon ancienne image ou ma nouvelle? Et vous, connaissez-vous d’autres banques d’images libres de droits? Découvrez quelles formations vous conviennent
❍ IcoMoon IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. Since its release, it has changed the way icon fonts (and icons in general) are being used in web today. IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers. IcoMoon is constantly improving and it offers many unique features. With over 4000 free and open source icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. Need to contact us?
Configurer un VPS, installer Nginx, PHP et MySql sur Ubuntu 12.10 Ce tutoriel pour installer Nginx, PHP et MySql fonctionne sur tous les types de serveur que ce soit des VPS ou des serveurs dédiés. Le package LEMP (Linux, Nginx, MySql et PHP) est une meilleure alternative à LAMP qui concerne Apache. La principale raison est qu’Apache est trop gourmand en ressources et qu’on n’a pas toujours besoin de toutes les fonctionnalités d’Apache. En outre, les VPS pas chers coutent l’équivalent d’un hébergement mutualisé (à partir de 5 euros par mois), mais vous n’aurez que 256 Mo ou 512 Mo de RAM dans le meilleur de cas. De ce fait, il faut un package de serveur léger et performant et c’est le principal objectif de Nginx. Notez que ce tutoriel pour installer Nginx, PHP et Mysql sur un VPS a fonctionné pour moi, mais je ne garantis pas que cela marche pour vous, notamment si vous utilisez des anciennes versions d’Ubuntu qui nécessitent des étapes supplémentaires. Préliminaires pour configurer un VPS avec Nginx, PHP et Mysql sudo su Installer Nginx sur un VPS [...]
Installation et test de NGinx sous Ubuntu NGinx est une des alternative au serveur Web Apache (il est actuellement utilisé par plus de 6% des serveurs Web). Il se targue d'être plus rapide, plus léger et facile à configurer. Nous allons vérifier tout cela dans ce billet en détaillant une installation de NGinx 0.8.54 (Stable) sur une machine GNU/Linux (Ubuntu Desktop 10.10) avec en bonus le support FastCGI de PHP et de Perl ! On commence par ajouter le dépôt officiel pour la version stable: sudo add-apt-repository ppa:nginx/stablesudo aptitude update Puis on installe la bête (facile non ?) sudo aptitude install nginx Remarque: si un serveur Web (Apache ou autre) tourne déjà sur votre machine, l'installation de NGinx se passera normalement, par contre il n'arrivera pas à se lancer car le port HTTP par défaut (TCP/80) sera déjà occupé. Un script de démarrage nommé nginx a été installé dans le répertoire /etc/init.d. sudo service nginxUsage: nginx {start|stop|restart|reload|force-reload|status|configtest} Puis lancer le serveur: #!
nginx Nginx (Engine X, prononcez [n-gèn-x]) est un serveur Web asynchrone écrit par Igor Sysoev pour les besoins d'un site russe à très fort trafic. Il peut être configuré pour faire office de serveur reverse proxy Web et de serveur proxy de messagerie électronique (IMAP/POP3). Une partie de la documentation a été traduite du russe vers l'anglais puis vers le français. Ses sources sont disponibles sous une licence de type BSD. Installation Deux dépôts proposent les installateurs du serveur Nginx: le dépôt stable et le dépôt développement. Vous pouvez aussi choisir le packaging de votre Nginx. Configuration Configuration de Nginx La configuration de Nginx est modularisée en plusieurs fichiers de configuration textuel que vous trouverez dans le dossier /etc/nginx: nginx.conf: Le fichier de configuration globale du serveur. Le nginx.conf par défaut Le fichier nginx.conf est l'élément névralgique de votre serveur Nginx. EN COURS — beaver Le 11/08/2015, 15:30. Nginx et les hôtes virtuels Pré-requis
HttpCoreModule WARNING: this article is obsoleted. Please refer to for the latest official documentation. Controls core features of Nginx's HTTP processing. aio This directive is usable as of Linux kernel 2.6.22. location /video { aio on; directio 512; output_buffers 1 128k;} In FreeBSD before 5.2.1 and Nginx 0.8.12 you must disable sendfile support. As of FreeBSD 5.2.1 and Nginx 0.8.12 you can use it along with sendfile. alias This directive assigns a path to be used as the basis for serving requests for the indicated location. A request for "/i/top.gif" will instruct Nginx to serve the file "/spool/w3/images/top.gif". Aliases can also be used in a location specified by a regex. For example: The request "/download/book.pdf" will return the file "/home/website/files/book.pdf". It is possible to use variables in the replacement path. Note that there is a longstanding bug that alias and try_files don't work together. chunked_transfer_encoding client_body_in_file_only client_body_temp_path
Premiers pas avec les CSS Au début de l'histoire du Web, lorsque vous souhaitiez modifier le type de caractère d'une portion de texte, vous deviez utiliser la balise <font> en écrivant par exemple <font face="Times">. Si vous souhaitiez définir la couleur de l'arrière plan et la bordure d'un tableau ainsi que le retrait (padding) de chacune de ses colonnes, vous auriez défini votre tableau par le code suivant : Cette approche présentait cependant de nombreux inconvénients : Les CSS représentent une nouvelle façon très efficace d'appliquer des styles aux éléments (X)HTML. Elles vous permettent de définir n'importe quelle propriété de style comme la bordure, le type de caractère, la couleur de fond, l'espace entre les lettres, etc. Il y a trois façons principales d'appliquer des styles CSS : Dans le corps du code (X)HTML ; Dans l'en-tête de la page ; Dans une feuille de style totalement séparée du code (X)HTML. II-A. Vous pouvez définir des styles CSS directement dans la définition d'une balise (X)HTML. II-B.
Internationaliser un site web avec PHP et gettext Quand on développe un site web, il peut parfois être utile de le rendre disponible en plusieurs langues. Il est bien sûr possible de faire plusieurs fichiers différents pour autant de langues que l’on veut supporter, mais ce ne serait pas franchement très pratique. Heureusement, PHP nous simplifie grandement la tâche avec gettext. GNU gettext, c’est une librairie disponible dans plusieurs langages et qui permet d’internationaliser des applications. Le principe est relativement simple : dans le programme, on modifie la façon de gérer les chaînes de caractères pour pouvoir dire qu’il faut internationaliser telle ou telle chaîne. Comme vous vous en doutez, gettext existe en PHP, et c’est donc dans ce contexte que nous allons le voir ici. Préparation des fichiers Ce que nous allons faire ici doit être fait en tout début de fichier (c’est plus commode). Jusque-là c’est plutôt simple. Ensuite, il faut dire à PHP quelle langue nous parlons. La préparation des fichiers est presque terminée.
Le Responsive Web Design est-il le nouveau Graal des stratégies Web ? S’il existe de nombreuses définitions du Responsive Web Design (RWD), l’essentiel est d’en appréhender la philosophie basée sur la fluidité, l’adaptabilité des contenus et sa finalité. Choisir le Responsive Web Design, c’est repenser la manière de concevoir les parcours de navigation et créer une interface unique dont le design s’adapte automatiquement à la bonne dimension de l’écran de lecture quel que soit le terminal utilisé. Pourquoi choisir le Responsive Web Design ? Réaliser des économies d'échelle dès la conception puis lors des opérations de maintenance et de mises à jour. À partir d’un code HTML créé pour le RWD et d’un design basé sur les feuilles de style CSS, une interface peut rapidement être mise à jour en une fois pour tous les supports. Bénéficier d’une plus large diffusion. En effet, si une interface est visible sur plusieurs ou tous les supports disponibles, elle sera plus visitée. Influencer positivement les critères de classement utilisés par les moteurs de recherche.
How to Customize a Website with Startup Framework Now that you have built your first website using Designmodo’s Startup Framework, you probably want to further customize your site. In this series of four videos, we will take you step-by-step through the customization process. Each of the videos are easy to follow and can help you fully customize your site in a matter of minutes using the fully responsive Startup Framework. Each tutorial explains a specific customization and shows you how the changes would render of different devices. Related videos: Customization Video 1 takes you through customizing the header and the basic website framework. Video 2 takes you in depth for customization of images. Video 3 teaches you how to create custom styles for the content section of the website using Startup Framework. Video 4 explains how to customize the website footer and even add parallax effects to your custom-built site using Startup Framework. Before After (Custom + Parallax)