16099 shaares
53 results
tagged
webdev
Un article critique envers php. (pas tout tout lu)
Pas testé. /coude
Ça peut toujours servir. /coude
(via http://links.simonlefort.be/?f0hxJg)
(via http://links.simonlefort.be/?f0hxJg)
19 mini pages qui posent les bases du CSS. Pas tout regardé en détail, mais ça a l'air sympa pour les débutants.
Extrait : « An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS icon set. »
Extrait : « Une bonne pratique à mettre en oeuvre (et pourtant très rarement utilisée) est de soumettre aux moteurs de recherche ses fils RSS en tant que fichiers Sitemap XML. Cela ne prend que quelques minutes à mettre en place et favorise l'indexation des contenus nouveaux... »
Certaines m'ont bien fait rire. :)
(via http://sebsauvage.net/links/?FVuF5w)
(via http://sebsauvage.net/links/?FVuF5w)
Un article de Google sur le hack de sites web. Il est tard, pas pris le temps de le lire en entier.
Un outil en ligne pour trouver des typos complémentaires. /coude, ça pourrait servir.
Extrait : « Emmet.io est un plugin multi os/multi IDE (sublime text, eclipse, coda, notepad++ etc…) permettant de générer en temps réel votre html (indenté, avec les id, les classes etc) directement via de la syntaxe css. »
/coude
Extrait : « A friend of mine recently had their site compromised, they were running an older version of IP.Board that is vulnerable to a local file inclusion vulnerability. This post won’t be about IP.Board or any specific php code, it will show you how to locate potential malicious php code hosted on your servers and how to fix it. Finally I will give a brief explanation on what attacker’s are uploading to compromised sites. »
Ça peut toujours servir. /coude.
La part 2 : http://www.gregfreeman.org/2013/steps-to-take-when-you-know-your-php-site-has-been-hacked/
(via http://sebsauvage.net/links/?MRFJtQ)
Ça peut toujours servir. /coude.
La part 2 : http://www.gregfreeman.org/2013/steps-to-take-when-you-know-your-php-site-has-been-hacked/
(via http://sebsauvage.net/links/?MRFJtQ)
Extrait : « Google vient de mettre en ligne deux articles très techniques mais très approfondis sur les 'best practices' en termes de navigation à facettes et les sites conçus en "'scroll infini'. »
Le tweet : « {Les métiers d’autrefois} L’intégrateur Web. 1930, Walker Evans. »
Une copie de l'image : http://files.nekoblog.org/uploads/imgs/webhistorypics-1930-integrateur-web.jpg
J'ai souri. :)
Une copie de l'image : http://files.nekoblog.org/uploads/imgs/webhistorypics-1930-integrateur-web.jpg
J'ai souri. :)
Un outil Google pour tester la rapidité d'un site internet. Avec quelques conseils pour améliorer ça. /coude.
(via http://lehollandaisvolant.net/?id=20140621210817)
(via http://lehollandaisvolant.net/?id=20140621210817)
Une solution full css pour des tableaux en responsive.
EDIT: http://css-tricks.com/responsive-data-tables/
http://css-tricks.com/responsive-data-table-roundup/
EDIT: http://css-tricks.com/responsive-data-tables/
http://css-tricks.com/responsive-data-table-roundup/
Extrait : « Le serveur web NGINX est en train de prendre une importance de plus en plus forte parmi les sites web du monde entier. Prononcé "Engine X", il n'est né qu'en 2002 pour les besoins d'un site russe à fort trafic, mais s'arroge déjà une belle part des serveurs HTTP installés. »
Perso, j'adore Nginx, là où la configuration d'Apache me casse les co**lles, celles de Nginx me paraît presque "naturelle".
(via l'ancien Shaarli de tcit.fr qui traînait encore dans mes flux :) )
Sur le même sujet, je garde ça de côté (/coude) :
* nginx: WebSocket proxying : http://nginx.org/en/docs/http/websocket.html (via https://fralef.me/links/?UiroXQ)
* Monitor Apache / Nginx Log File : http://www.pythonforbeginners.com/code-snippets-source-code/python-script-monitor-apachenginx-log-file (via http://shaarli.youm.org/?uVGaFQ)
EDIT : Je savais bien que j'avais d'autres liens sur Nginx qui traînaient dans mes flux :
* Journalisation, logs Nginx avec ELK via Syslog : http://wooster.checkmy.ws/2014/06/nginx-syslog-elk/
* Bloc-Notes : Nginx en reverse proxy d’Apache : http://blog.olivierdelort.net/?p=1356
* Configuration du reverse proxy NginX avec SSL et certificat auto-signé : http://homeserver-diy.net/?p=1828
Perso, j'adore Nginx, là où la configuration d'Apache me casse les co**lles, celles de Nginx me paraît presque "naturelle".
(via l'ancien Shaarli de tcit.fr qui traînait encore dans mes flux :) )
Sur le même sujet, je garde ça de côté (/coude) :
* nginx: WebSocket proxying : http://nginx.org/en/docs/http/websocket.html (via https://fralef.me/links/?UiroXQ)
* Monitor Apache / Nginx Log File : http://www.pythonforbeginners.com/code-snippets-source-code/python-script-monitor-apachenginx-log-file (via http://shaarli.youm.org/?uVGaFQ)
EDIT : Je savais bien que j'avais d'autres liens sur Nginx qui traînaient dans mes flux :
* Journalisation, logs Nginx avec ELK via Syslog : http://wooster.checkmy.ws/2014/06/nginx-syslog-elk/
* Bloc-Notes : Nginx en reverse proxy d’Apache : http://blog.olivierdelort.net/?p=1356
* Configuration du reverse proxy NginX avec SSL et certificat auto-signé : http://homeserver-diy.net/?p=1828
J'ai juste survolé mais ça m'a l'air quand même largement plus simple (et plus souple) sous Dotclear -> Création d'un nouveau blog dans l'interface, un dossier pour le nouveau site pour y mettre un fichier index.php avec l'ID du blog et le chemin vers le prepend.php de l'install principale, ajouter un dossier /themes, un dossier /public et roule. Et ça marche avec un sous-domaine ou un NDD différent.
(mais en fait, tout m’apparaît plus simple et plus souple sous Dotclear que sous Wordpress #troll)
(via http://lien.shazen.fr/?G-bHhQ)
(mais en fait, tout m’apparaît plus simple et plus souple sous Dotclear que sous Wordpress #troll)
(via http://lien.shazen.fr/?G-bHhQ)
Un jeu de cartes décoré avec du code. J'aime bien.
La vidéo de présentation : https://www.youtube.com/watch?v=hssPhGvwBvk
(via http://graphism.fr/le-jeu-de-cartes-pour-webdesigners-dveloppeurs/)
Et dans le genre "jeu de carte pour dév", ya aussi cHTeMeLe, « le jeu de plateau certifié HTML5 » : http://www.chtemele.org/
La vidéo de présentation : https://www.youtube.com/watch?v=hssPhGvwBvk
(via http://graphism.fr/le-jeu-de-cartes-pour-webdesigners-dveloppeurs/)
Et dans le genre "jeu de carte pour dév", ya aussi cHTeMeLe, « le jeu de plateau certifié HTML5 » : http://www.chtemele.org/
Ooh, c'est classe ça. :o !
(via http://www.warriordudimanche.net/shaarli/?vsDBSw)
(via http://www.warriordudimanche.net/shaarli/?vsDBSw)
Extrait : « Autre conviction forte d'Yves Tyrode, le directeur général, « Internet est mort, vive le "multinet" » ! Selon lui, en effet, le monde du Web s'est fragmenté en 4 mondes : Apple, Google, Microsoft, et enfin le Web classique. Or, chacun de ses univers suscite chez ses utilisateurs sa propre logique de navigation. Pour Yves Tyrode, il faut donc développer des applications spécifiques à chacun de ses mondes. »
*pousse un long, trèèès long soupir*
Abruti. Et le responsive design, ça sert à quoi ?
(via http://links.la-bnbox.fr/?gVqm6Q)
*pousse un long, trèèès long soupir*
Abruti. Et le responsive design, ça sert à quoi ?
(via http://links.la-bnbox.fr/?gVqm6Q)
Extrait : « UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS. »
(via http://sebsauvage.net/links/?XEYmJQ)
(via http://sebsauvage.net/links/?XEYmJQ)
Extrait : « If you're like me, and use Nginx instead of Apache, you could eventually face this problem: Create an htpasswd file (for htaccess "authentication"). »
/coude (via https://fralef.me/links/?i0TUvA)
/coude (via https://fralef.me/links/?i0TUvA)
Area: c'est dans le style du cheval blanc d'henri IV =°
Area: mon dieu, le css me monte à la tête, voilà que je parle de style et je me suis imaginé entrain d'écrire
Area: #cheval_henri4 { background-color: white; } -__-'
Area: mon dieu, le css me monte à la tête, voilà que je parle de style et je me suis imaginé entrain d'écrire
Area: #cheval_henri4 { background-color: white; } -__-'
Extrait : « LAMP par-ci, LAMP par-là, nous sommes en 2013 que diable ! Les technologies ont évolué, les besoins aussi, et si le standard de fait reste encore et toujours Apache muni du module mod_php, l'interprétation et l'affichage de pages Web programmées en PHP peuvent s'effectuer de façon bien plus élégante. Dans cet article, nous allons sortir des sentiers battus, et paramétrer un système NetBSD 6.0 afin d'en faire une plateforme web simple et sûre. »
(via https://www.korezian.net/liens/?pS39pA)
(via https://www.korezian.net/liens/?pS39pA)
Extrait : « Guide des feuilles de styles CSS, conseils et bonnes pratiques »
Je garde une copie ici : http://files.nekoblog.org/uploads/vrac/css-guidelines
(via http://hub.tomcanac.com/liens/?Pqs4zw)
EDIT : Même genre : http://www.campaignmonitor.com/css/ (vi http://www.dotmana.com/shaarli/?S8UKkg)
EDIT² ! http://adamschwartz.co/magic-of-css/ (via http://www.nous4.ch/shaarli/?IrLQ-A)
Je garde une copie ici : http://files.nekoblog.org/uploads/vrac/css-guidelines
(via http://hub.tomcanac.com/liens/?Pqs4zw)
EDIT : Même genre : http://www.campaignmonitor.com/css/ (vi http://www.dotmana.com/shaarli/?S8UKkg)
EDIT² ! http://adamschwartz.co/magic-of-css/ (via http://www.nous4.ch/shaarli/?IrLQ-A)
Extrait : « HTTP error code 503 informs clients and search engines that the website is temporary out of service because it is overloaded or down for maintenance. Generally, this is a temporary state. »
(via http://links.subiron.org/?RyBfJg)
(via http://links.subiron.org/?RyBfJg)
Pas mal de recommandations pour améliorer la sécurité de ses sites web. Je copie ici la table des matières :
Qui sont les pirates? / Les droits CHMOD / Protection par htaccess
Installer un blog, cms, wiki / Nommage de fichiers / Les mots de passe
Crypter config.inc.php / Cryptez l'adresse e-mail / Adresses e-mails à éviter
Blocage par mot de passe / Le fichier robots.txt / Protéger CSS et index.php
Sécuriser un script PHP / Sécuriser un script PERL / Contrer l'injection SQL
Liste des fichiers modifiés / Tester la sécurité du site / Piraté sans le savoir?
EDIT : D'autres liens.
https://github.com/phanan/htaccess (copie de sauvegarde : https://files.nekoblog.org/uploads/vrac/htaccess.md )
http://blog.avis-planethoster.com/information/bien-gerer-un-htacces-pour-url-rewriting-ou-loginblocage-dip-1138
Qui sont les pirates? / Les droits CHMOD / Protection par htaccess
Installer un blog, cms, wiki / Nommage de fichiers / Les mots de passe
Crypter config.inc.php / Cryptez l'adresse e-mail / Adresses e-mails à éviter
Blocage par mot de passe / Le fichier robots.txt / Protéger CSS et index.php
Sécuriser un script PHP / Sécuriser un script PERL / Contrer l'injection SQL
Liste des fichiers modifiés / Tester la sécurité du site / Piraté sans le savoir?
EDIT : D'autres liens.
https://github.com/phanan/htaccess (copie de sauvegarde : https://files.nekoblog.org/uploads/vrac/htaccess.md )
http://blog.avis-planethoster.com/information/bien-gerer-un-htacces-pour-url-rewriting-ou-loginblocage-dip-1138
Une astuce vraiment pas con pour adapter les tableaux en responsive. Coude.
EDIT : http://codepen.io/geoffyuen/pen/FCBEg (via http://lien.shazen.fr/?ZJpc7w)
EDIT : http://codepen.io/geoffyuen/pen/FCBEg (via http://lien.shazen.fr/?ZJpc7w)
Extrait : « Pourquoi optimiser les images de son site ? Tout simplement, parce que cela a son importance pour le référencement mais aussi et surtout pour l’expérience utilisateur. Après tout, un site web est fait pour être consulté donc autant que l’expérience utilisateur soit la meilleure possible. »
Extrait : « Why a re-introduction? Because JavaScript has a reasonable claim to being the world's most misunderstood programming language. While often derided as a toy, beneath its deceptive simplicity lie some powerful language features, one that is now used by an incredible number of high-profile applications, showing that deeper knowledge of this technology is an important skill for any web or mobile developer. »
(via https://shaarli.cafai.fr/?k8stOA)
(via https://shaarli.cafai.fr/?k8stOA)
"Rawbell dit: Je suis en train de juger tous les partis politiques en fonction du nombre d'erreurs W3C dans le code source de leurs sites web"
La documentation Diaspora sur Nginx est assez pauvre, je me regroupe quelques liens sur le sujet. J'ai pas fait le tri, je débute sur Nginx, c'est du coude.
http://soerenbredlundcaspersen.dk/2010/12/30/running-a-diaspora-pod-on-ubuntu-10-10/
https://wiki.diasporafoundation.org/Nginx_configuration
http://stackoverflow.com/questions/4254027/how-to-make-nginx-virtualhosts-work-currently-gives-403-forbidden-error
http://soerenbredlundcaspersen.dk/2010/12/30/running-a-diaspora-pod-on-ubuntu-10-10/
https://wiki.diasporafoundation.org/Nginx_configuration
http://stackoverflow.com/questions/4254027/how-to-make-nginx-virtualhosts-work-currently-gives-403-forbidden-error
Extrait : « Ever since Oracle bought MySQL a fair number of MySQL users started looking for an alternative, due mainly to doubts that Oracle would be a good steward of a key software project. Let's go back in time a little bit to understand what's at stake, and look at the reasons to move away from, or stay with MySQL. »
Quelques pistes de configuration pour installer Dotclear sur un serveur Nginx.
Une conférence de 3h30 sur le SSL/TLS par Benjamin Sonntag.
EDIT : Un lien cité dans la conf (vers 58/59min) : https://www.ssllabs.com/projects/best-practices/index.html
Et une apps à tester (cité vers 1h02) : http://www.monkey.org/~dugsong/dsniff/
EDIT² : Vers 1h15 « Encryption works. Properly implemented strong crypto systems are one of the few things that you can rely on. Unfortunately, endpoint security is so terrifically weak that NSA can frequently find ways around it. »
EDIT : Un lien cité dans la conf (vers 58/59min) : https://www.ssllabs.com/projects/best-practices/index.html
Et une apps à tester (cité vers 1h02) : http://www.monkey.org/~dugsong/dsniff/
EDIT² : Vers 1h15 « Encryption works. Properly implemented strong crypto systems are one of the few things that you can rely on. Unfortunately, endpoint security is so terrifically weak that NSA can frequently find ways around it. »
Extrait : « Bon, j’ai pu observer que bon nombre d’entre nous utilise l’htaccess sans pour autant le comprendre.
Ou l’utilise mal et on ne comprend pas pourquoi cela ne marche pas…
Je vais donc vous lister une partie non exhaustive des commandes que l’on peut utiliser avec des commentaires. »
Ou l’utilise mal et on ne comprend pas pourquoi cela ne marche pas…
Je vais donc vous lister une partie non exhaustive des commandes que l’on peut utiliser avec des commentaires. »
Pas trop fouillé, je garde sous le coude.
Extrait : « Afin d’optimiser les performances d’un site, il est souvent préférable de s’intéresser au code et au fonctionnement interne du site afin de détecter les améliorations possibles. Mais, parfois, pour des raisons diverses et variées, vous n’avez soit pas la possibilité soit pas les connaissances vous permettant de mettre les mains dans le code. C’est à cette situation que nous allons nous intéresser aujourd’hui. »
Extrait : « Ink is a set of tools for quick development of web interfaces. »
(via http://korben.info/ink-outil-framework-interface-web.html)
(via http://korben.info/ink-outil-framework-interface-web.html)
Extrait : « Que se passerait-il si on mettait ensemble un groupe d'experts, travaillant sur de gros sites, afin de créer le guide définitif de la performance front-end ? »
(via http://liens.howtommy.net/index.php?U5ddMA)
(via http://liens.howtommy.net/index.php?U5ddMA)
Extrait : « Jamais une encyclopédie sur le sujet n’a été aussi grande, complète et précise. L’Encyclopédie étonnante de l’Interaction Design Foundation a récemment ajouté des nouveaux chapitres sur le design d’interaction. Le premier concerne les interfaces utilisateur 3D et est écrit par Doug Bowman et le second concerne le design industriel et est écrit par Kees Overbeeke et Caroline Hummels. Ce dernier chapitre est la dernière publication de Kees Overbeeke… un hommage à sa carrière en quelques sortes.
Cette encyclopédie traite du design de produits, de service, d’interaction et vous y trouverez des sujets comme les sites Web, les objets du quotidien, les smartphones, les logiciels, les cockpits d’avions, etc. »
Cette encyclopédie traite du design de produits, de service, d’interaction et vous y trouverez des sujets comme les sites Web, les objets du quotidien, les smartphones, les logiciels, les cockpits d’avions, etc. »
A garder sous le coude, sait-on jamais.
« Apres quelques recherches de notre coté, il s'avere que changer la variable "session_save_handler = file" vers "session_save_handler = dbtable" du fichier /piwik/config/global.ini.php permet de régler ce soucis. »
« Il convient en réalité de faire de nombreuses mises à jour, même si c'est juste pour une ligne de code, plutôt que peu de mises à jour mais avec tellement de changements que vous ne comprendrez jamais ce qui se passe… si cela ne se passe pas comme prévu. Si vous avez un changement d'une ligne et que ça casse, il est très facile de revenir en arrière — enfin ça c'est votre outil de déploiement — mais surtout il est très facile de comprendre pourquoi. Si vous avez modifié 200 fichiers et 3000 lignes de code, c'est beaucoup plus compliqué et c'est là qu'interviennent les problèmes. »
EDIT :
http://sebsauvage.net/links/?MSPhTQ
http://liens.howtommy.net/?rRfFtg
EDIT :
http://sebsauvage.net/links/?MSPhTQ
http://liens.howtommy.net/?rRfFtg
Quelques règles de bases et des astuces, toujours utiles de les rappeler.