Veille pyrat.net
14007 shaares
346 résultats
taggé
webdev
Du bon usage des polices pour le web
Pagination dans un site. Les conséquences en termes de référencement (SEO) peuvent être dramatiques (#oupas)
Apprenez à accélérer vos pages !
Avec ce tutoriel vous verez comment rendre votre site web plus rapide : de l’optimisation des requêtes, à l’affichage de la page, en passant par la génération des pages web et l’affichage correct des pages sur tous les terminaux.
Avec ce tutoriel vous verez comment rendre votre site web plus rapide : de l’optimisation des requêtes, à l’affichage de la page, en passant par la génération des pages web et l’affichage correct des pages sur tous les terminaux.
Un menu déroulant accessible pour le RWD
VisBug permet de modifier une page web en visuel grâce à des simples actions de glisser-déposer.
Les vidéos de la KiwiParty de 2018
Des vidéos gratuites conçues pour être mises en fond de page. La page de licence contient des liens techniques intéressants.
Le dialogue imaginé par David serait pourtant toujours sain à avoir. Il place en avant les enjeux, dépassionne le débat et met le client en face d'une véritable responsabilité.
Une extension de Chrome par google pour audit divers critère qualité et SEO. Un must have pour développeurs de sites web.
Chrome 65 est bourré d'améliorations pour les développeurs. En particulier la persistance de modifications CSS lors de la navigation (à paramétrer) et des outils d'accessibilité, entre autres, un vérificateur de contrastes intégré au color picker.
Il semblerait que Google suive quand même les lien rel=nofollow quand ils sont internes à un site.
Si on ne veut pas que ce soit indexé, il faut donc utiliser robots.txt
Si on ne veut pas que ce soit indexé, il faut donc utiliser robots.txt
Quelques erreurs classiques en HTML5
Une astuce pour redimensionner une iframe en fonction de son contenu :
$(document).ready(function() {
$("#IframeId").load(function() {
var h = $(this).contents().find("ul.jq-text").height();
h += $(this).contents().find("#form1").height();
$(this).height( h );
});
});
$(document).ready(function() {
$("#IframeId").load(function() {
var h = $(this).contents().find("ul.jq-text").height();
h += $(this).contents().find("#form1").height();
$(this).height( h );
});
});
Une invitation à utiliser Docker sur son poste de dev pour gagner du temps et de la méthode
<Ahref="#URL_PAGE{login}" onclick="jQuery.modalbox('[(#URL_PAGE{login}|parametre_url{url,#SELF}|parametre_url{var_zajax,contenu})]');return false;" >Se connecter</A>
Dans ce cas, si on dispose de javascript, seul le contenu de la page de login sera affiché dans une boite modale, sans quitter la page en cours. Mais si on ne dispose pas de javascript, le lien se comportera normalement, en nous envoyant sur la page de login complète. Le point fort de cette technique est qu’on ne mets en place et maintient qu’une seule page de login. Si on vient à faire une modification sur le contenu de cette page, les deux scenarii seront automatiquement mis à jour. On peut donc très facilement et rapidement enrichir l’expérience utilisateur à l’aide de javascript et d’ajax sans devoir compliquer la charge de développement !
Dans ce cas, si on dispose de javascript, seul le contenu de la page de login sera affiché dans une boite modale, sans quitter la page en cours. Mais si on ne dispose pas de javascript, le lien se comportera normalement, en nous envoyant sur la page de login complète. Le point fort de cette technique est qu’on ne mets en place et maintient qu’une seule page de login. Si on vient à faire une modification sur le contenu de cette page, les deux scenarii seront automatiquement mis à jour. On peut donc très facilement et rapidement enrichir l’expérience utilisateur à l’aide de javascript et d’ajax sans devoir compliquer la charge de développement !
AMP (Accelerated Mobile Pages) : un techno intéressante pour faire des pages mobiles optimisées.
Voilà qui pourrait changer la manière de développer des applications pour les mobiles !
Comment intégrer SVG dans ses productions web d'une manière qui fonctionne !
Une library PHP pour bien gérer les règles typo en plusieurs langues.
Aujourd’hui, si Instant Articles ne s’applique qu’aux contenus mobiles, comment ne pas imaginer que demain, le pli pris, il ne s’étendra pas au web… fixe ? Et Facebook gèrera l’information mondiale.