installation
Vérifier si apache est installé
yum list httpd
Installer Apache
yum install httpd
Mettre Apache à jour
yum upgrade httpd
Localistion des fichiers
Localisation des fichiers de configuration
etc/http/conf.httpd.conf
Localisation de l’exécutable
usr/sbin/httpd
on peut le trouver avec
which httpd
Localisation des logs ?
/var/log/httpd
Fonctionnenement d’Apache
Apache est il lancé ?
ps aux |grep htppd
Commandes essentielles
service httpd status // indique l'atat de fonctionnement du serveur
service httpd start // lance le serveur
service httpd stop // Stoppe le serveur
service httpd restart // relance le serveur
service httpd reload // relance le serveur sans interruption du service
Lancement d’Apache au démarrage
Vérifier si Apache est activé dans les niveau d’éxecution 0-6
chkconfig --list httpd
configurer apache pour un démarrage au runlevel 235
chkconfig --level 235 httpd on
Obtenir de la doc
httpd -help
man httpd
Ressource utiles
Un tuto sur xenocafe.com
Pour ceux qui ne sont pas forcément des cracks de la ligne de commandes et qui utilisent XAMPP comme serveur de dev voici quelques commandes et infos de bases qui permettent de ne pas trop perdre de temps.
Télécharger Xampp pour Linux : http://www.apachefriends.org/fr/xampp-linux.html
Lancement et arrêt des serveurs :
sudo /opt/lampp/lampp start
sudo /opt/lampp/lampp stop
Lancement de XAMPP au démarrage
sudo ln -s /opt/lampp/lampp /etc/rc2.d/S99lampp
sudo ln -s /opt/lampp/lampp /etc/rc1.d/K02lampp
Pour retirer xampp du lancement au démarrage
sudo rm -f /etc/rc2.d/S99lampp
sudo rm -f /etc/rc1.d/K02lampp
Désinstallation de XAMPP
sudo rm -rf /opt/lampp
Si vous avez un problème avec un répertoire il faut probablement changer ses droits :
sudo chmod 777 /opt/lampp/htdocs/nomDuDossier
Le répertoire "web" est ici
/opt/lampp/htdocs/
On peut créér un raccourci pour utiliser des commandes comme "lampp stop" ou "lampp start" qui sont plus courtes que celles ci-dessus
sudo ln -s /opt/lampp/lampp /usr/bin/lampp
Des informations plus détaillées peuvent être trouvées sur
le site du zéro et sur www.apachefriends.org
Et si finalement l’homme n’était qu’un composant de la machine ? Parfois on se demande :
Extrait de la présentation française de Mechanical Turk :
« Mechanical Turk vise à rendre l’accès à l’intelligence humaine simple, redimensionnable et économique. Les entreprises ou développeurs nécessitant des tâches effectuées (appelées Human Intelligence Tasks ou "HIT") peuvent utiliser les API robustes de Mechanical Turk pour accéder à des milliers d’employés hautement qualifiés, à faible coût, mondiaux et à la demande—et intégrer ensuite via un programme les résultats de ce travail directement dans leurs processus et systèmes d’entreprise. »
présentation du service "amazon mechanikal turk" (ci-dessous)
The Programmable Employer : Application Design In the Age of Crowdsourcing
Modèle économique de la presse traditionnelle
L’article "Le New York Times sauvé par internet"
revient sur le passage au partiellement payant de nytimes.com . Une formule qui semble fonctionner .
Vingt articles gratuits par mois. Entre 15 et 30$ pour l’accès illimité selon le nombre de supports choisis (ordinateur, tablette ou téléphone). Le plan prévoit également que l’accès aux articles du Times par les blogs, par Facebook ou par d’autres sites internet est quant à lui gratuit
Propriété intellectuelle
L’histoire de l’application checkmymetro est une illustration d’un usage la propriété intellectuelle au service des monopoles : Des plans de métro libres sur les rails
Code : css
CSS Trick Applies Fixed and Liquid Layouts to the Same Page
Web design
The Obvious, the Easy, and the Possible
Une petite anecdote, en marge de la campagne de collecte de dons de wikipédia, qui permet de comprendre qu’ une interface efficace" ne doit pas forcémént être "belle"... et réciproquement.
Wikipedia Programmer : We Do The Funny Portrait Placement Thing Because It Works
Choosing Ideal Images for your Website
la discipline de la stratégie de contenu
Sécurité informatique/ vie privée / citoyenneté
Quand le cache du navigateur trahit l’internaute à distance
Internet massivement surveillé
Il y a quelques temps de cela je parlais de Google Fusion qui permettait d’afficher facilement des données issues de Google Spreadsheet sur des cartes de Google.
Voici un tutoriel sur Google Fusion, réalisé par un certain Jean-Baptiste Soubaigné (je crois) et vu la première vois sur le site etourisme.info
Il est devenu extrêmement courant de styler ces textes grâce à la déclaration @-font face de CSS3.
Voila quelques notes sur comment ça marche ainsi que quelques outils et ressources complémentaires
Compte tenu des différences de support des navigateurs il faut utiliser plusieurs formats de fichier de police pour obtenir un rendu homogène. On utilise habituellement les formats ci-dessous :
OpenType (OTF)
TrueType (TTF
Embedded OpenType (Eot)
(SVG)
La première chose pénible à faire quand on a un fichier de police est donc de le convertir dans tous les autres formats.
On peut le faire à la main aprés avoir lu ça et ça ou utiliser, je vous le conseille,fontsquirrel.com.
Fontsquirrel permet d’obtenir, dans un fichier zip, l’ensemble des fichiers convertis, une feuille de style qui utilise les polices et un fichier html de démo. Si vous ne devez retenir qu’une seule chose de ce billet c’est bien fontsquirrel.com.
Cerise sur le gateau, en plus de pouvoir uploader sa police il existe des packages "tout fait" à télécharger.
Le code css généré par fontsquirrel.com
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 29, 2011 20:38:25 AM America/New_York */
@font-face {
font-family: 'DroidSansRegular';
src: url('DroidSans-webfont.eot');
src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
url('DroidSans-webfont.woff') format('woff'),
url('DroidSans-webfont.ttf') format('truetype'),
url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DroidSansBold';
src: url('DroidSans-Bold-webfont.eot');
src: url('DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('DroidSans-Bold-webfont.woff') format('woff'),
url('DroidSans-Bold-webfont.ttf') format('truetype'),
url('DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
font-weight: normal;
font-style: normal;
}
La première propriété de la déclaration @font-face est font-family.
font-family permet de donner un nom arbitraire à notre police, cela nous permettra de faire appel à elle par la suite. Ici les 2 noms sont ’DroidSansBold’ et ’DroidSansRegular’.
Par la suite ça ce complique et encore une fois en raison de hack rendu neccessaire par les diffférences entre navigateurs.
Je m’interesse pas ici au détail des hacks - le sujet est infini - mais il suffit de remarquer qu’on indique l’emplacement des différent fichiers et qu’on renseigne parfois explicitement le format . Ces remarques devraient suffire pour adapter, si besoin, le code de font squirrell.
Une fois que les polices on été délarées on peut les utiliser simplement comme on peut le voir dans le code la démo
h1.fontface {font: 60px/68px 'DroidSansRegular', Arial, sans-serif;letter-spacing: 0;}
p.style1 {font: 18px/27px 'DroidSansRegular', Arial, sans-serif;}
p.style2 {font: 18px/27px 'DroidSansBold', Arial, sans-serif;}
Le code utilise une syntaxe raccourcie (dans l’ordre on a font-size/line-height font-family")
Quelques ressources utiles :
caractères accentués, identifier des polices, un petit effet ombré sur le texte, styler les lettres des textes
google webfont permet de télécharger (ou pas...) des polices une à une ici ou l’ensemble ici.
utilisation de text shadow
http://nicewebtype.com/notes/2009/0...
http://beercamp.com/2010/
copypastecharacter permet d’avoir sous la main des caractères comme É , Á, ®...
http://nicewebtype.com/
whatfont permet d’indentifier les polices utilisée dans les pages web. un bookmarklet trés pratique.
masory dont j’ai déjà parlé ici :Liste de bouts de javascript qui facilite la vie (des webdesigners) permet d’assembler les "boîtes de texte " comme les briques d’un mur
lettering.js permet de contrôler le style des textes à l’échelle de la lettre .
Un peu de culture générale pour finir
http://www.alistapart.com/articles/...
The Elements of Typographic Style Applied to the Web
le site de mark boulton
un peu de code css pour mettren place un "rythme vertical"
utiliser une "modular scale" pour réaliser sa mise en page
