Une alternative intéressante à reCaptcha.
Do you use a captcha to keep out bots? hCaptcha protects user privacy, rewards websites, and helps companies get their data labeled. Help build a better web.
Un CMS léger, en alternative à Wordpress.
via : https://www.tribords.com/?alternatives-wordpress-cms
Un outil bien pratique pour vérifier l'uptime de site web dont vous avez la maintenance.
Sympa cette petit nouvelle fonctionnalité qui permet d'ouvrir le code source dans un onglet plutôt que dans une nouvelle page. Pour ce faire, dans about:config changer la valeur de view_source.tab de false à true.
Un script sympa et facile à prendre en main pour gérer l'affichage en colonnes (alternative plus légère à jQuery Masonry).
"A simple CSS speech bubble generator to create speech bubbles using a single element and :before and :after CSS rules."
via http://links.hoa.ro/?d89Cag
Un outil pour trouver les bonnes combinaisons de police
Vous ne pourrez plus utiliser la like box classique à partir du 23 juin 2015 mais devrez utiliser un autre plugin à la place. Bon, même si c'est un merde pour la vie privée, si vous faites un peu de webdev pour d'autres, vous n'y échapperez sans doute pas...
Alternative sur mesure à Glyphicon (Bootstrap) ou Font Awesome
Dans le monde des frameworks CSS, il y Bootstrap et Zurb Foundation bien sûr, tous deux excellents, mais il y a aussi plus légers, différents. Cela mérite bien un coup de projecteurs sur 10 frameworks CSS que vous pourriez considérer en lieu et place des deux autres précités.
Un outil pour détecter les technologies utilisées sur un site web (librairies, CMS, frameworks, serveur,...)
"La spécification CSS3 Flexbox rassemble un sacré paquet de bonnes pratiques et répond aux attentes des webdesigners et intégrateurs accumulées depuis de longues années.
Dès aujourd’hui (ou dans un avenir proche selon votre cible), elle constitue sans aucun doute la méthode de positionnement la plus pratique et polyvalente qui n’ait jamais existé en CSS.
Alors, jouable ou pas ? En prod ou ça dépend ? Sommes-nous prêts pour la révolution CSS qu'est Flexbox ?"
Un bon petit outil pour connaître votre ip ou l'ip/géolocalisation d'un site web, speedtest, whois,...
J'ai du migrer plusieurs sites WordPress d'un serveur à un autre avec transfert de noms de domaine et DNS. C'est pas bien compliqué, même s'il vaut mieux être prudent et savoir ce qu'on fait pour ne pas rendre son site inaccessible trop longtemps ou perdre des données.
On copie tout en ssh/ftp sur le nouveau serveur, on exporte et réimporte les tables concernée avec phpmysql de l'ancien vers le nouveau serveur. Puis on adapte le wp-config.php
Avant de débloquer et de lancer le transfert du nom de domaine, je mets un index.html avec un message d'avertissement sur l'ancien WP, pour le rendre inaccessible et éviter de perdre des données entre temps (formulaires que pourrait remplir des visiteurs). Autant être clair et dire au visiteur que le site est en travaux et sera inaccessible un certain temps. Ce temps peu être assez court si tout va bien et que les DNS se propagent rapidement.
Si on change le nom des tables (ce qui était mon cas) voici 2 commandes bien utiles (à adapter selon le cas - ici en supposant que le préfixe choisi et indiqué dans wp-config.php soit wp_site2):
UPDATE wp_site2_options
SET option_name
= REPLACE( optionname, 'wp', 'wpsite2' )
WHERE option_name
LIKE 'wp_%';
UPDATE wp_site2_usermeta
SET meta_key
= REPLACE( metakey, 'wp', 'wpsite2' )
WHERE meta_key
LIKE 'wp_%';
C'est tout, le site doit être fonctionnel après ça!
Pour un des sites, j'ai eu des erreurs 404 après la migration. Sans doute un .htaccess/modrewrite inadapté. Dans la partie admin de WP, rubrique "permaliens", j'ai juste sélectionné une autre option que celle indiquée, enregistré, puis remis à ce que je souhaitais et tous les liens sont redevenus fonctionnels.
cartosm est un service web de mise à disposition d'iframe (exemples) pour permettre l'intégration aisée de plan sur les sites web. cartosm utilise les données du projet OpenStreetMap.
Les différentes propriétés des unités courantes comme em, px, pt et %
DevDocs combines multiple API documentations in a fast, organized, and searchable interface
This page can be used to test your browser cookies related settings.
If you've configured your browser to reject cookies, you can request this page to send a cookie to the browser and check if the cookie gets rejected. If you've configured your browser to accept cookies, you can use this page to make sure that the cookies are being sent and aren't getting blocked.
Des addons pour BlueGriffon, successeur de nVu et Kompozer
Jetpack is a free WordPress plugin that allows you to focus on what you do best. Create and publish great content. We’ll take care of the rest.
Le paradoxe de ce "Jetpack" est qu'il contribue à faire que des instances de Wordpress, autohébergées et indépendantes, redeviennent des outils à fournir du bigdata à une entreprise commerciale (qui exploite wordpress.com)...
Pas top, donc, pour la vie privée de vos visiteurs ou l'indépendance de votre site web.
L'initiative Humans.txt a pour but de créer un fichier similaire au 'robots.txt' des moteurs, mais qui aurait pour mission de donner des informations sur les équipes qui ont développé et font vivre un site web...
HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.
Basic HTML & CSS for non-web designers
an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application
The Art of Web presents code snippets and examples in fields ranging from server configuration and security to advanced css effects. The code is presented in tutorial format so not always suitable for direct copying.
Le fameux format Flash d’Adobe dont l’association « propriétaire + incontournable » n’est pas sans poser problème. L’auteur fait état de la situation et se demande comment en sortir en évoquant des solutions endogènes (pousser Adobe à « libérer » son format) et exogènes (s’en détourner et mettre au point nos propres alternatives).
Des images animées/indicateurs de chargement
Tipped is a complete javascript tooltip solution, use it to create tooltips that work beautifully in every browser on any device.
NN / Group - Nielsen Norman Group
Evidence-Based User Experience Research, Training, and Consulting
The URL will continue to be part of the Web user interface for several more years, so a usable site requires: