background preloader

Html

Facebook Twitter

Moving to HTTPS - migrate from HTTP to HTTPS with ease. This guide is for moving {{ platformText }} sites hosted with {{ hostingText }} to HTTPS.

Moving to HTTPS - migrate from HTTP to HTTPS with ease.

This guide is for moving sites using {{ hostingText }} to HTTPS - Use the above filters to suit your needs. Select an SSL certificate As most SSL providers now supply a 2048-bit key or higher by default, your first question really is, what sort of certificate do you want? There are 3 main types of certificates you can choose from for your site: Domain Validation (DV) Standard SSL (Just as secure as other options). Caddy has this built in for free with it's automatic HTTPS feature! Free via Let's Encrypt & Cloudflare, or purchase available. Tour d’horizon sur HTTPS et les en-têtes de sécurité - Alsacreations. Introduction Il ne vous aura probablement pas échappé que de nombreux acteurs du Web poussent pour plus de sécurité sur les sites Internet.

Tour d’horizon sur HTTPS et les en-têtes de sécurité - Alsacreations

Pour ne citer que quatre exemples : les navigateurs commencent à marquer les pages contenant des formulaires comme non sécurisées et d’ici peu toutes les pages non protégées par HTTPS seront indiquées comme non sécurisées ; Google annonce que le HTTPS est un point pris en compte pour le référencement ; HTTP2 nécessite HTTPS pour pouvoir être utilisé ; de nouvelles APIs comme les très intéressants Service Workers ne fonctionnent pas sans HTTPS (vous en serez pour vos frais pour construire de belles PWA). L’initiative est réputée pour sa simplicité et se répand de plus en plus chez les hébergeurs, c’est en général un unique clic dans leurs consoles d’administration qui vous permet d’activer un certificat TLS pleinement valide et fonctionnel. Pearltrees. Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. Adobe Dreamweaver CC tutorials.

Use Resizable Live View to Lay Out a Responsive Website : Adobe Dreamweaver Team Blog. FR:UMap/Guide. Langues disponibles — Guide uMap en français Aller sur la page d'accueil (par exemple: et cliquez sur "créer une carte": Vous pouvez maintenant éditer votre carte ; quand vous êtes satisfait du résultat, cliquez sur "Enregistrer" pour sauvegarder de façon permanente vos modifications : Placez votre souris sur le troisième bouton à gauche, puis cliquez sur "Ajouter un calque".

FR:UMap/Guide

Donner un nom et une description au calque. Choisir le type de calque. -Avec cluster : Regroupe les points qui se chevauchent sous forme d'un numéro qui affiche le nombre de point dans la zone concernée -Heatmap : Crée une "Carte de chaleur" Cf. JavaScript for Cats. FontCDN: A search tool for Google web fonts. Responsive Image Breakpoints Generator, A New Open Source Tool. Responsive websites, even the most modern ones, often struggle with selecting image resolutions that best match the various user devices.

Responsive Image Breakpoints Generator, A New Open Source Tool

They compromise on either the image dimensions or the number of images. We can solve these issues and start calculating image breakpoints more mathematically, rather than haphazardly. The lives of web developers aren’t getting any simpler as the number of different devices and potential screen resolutions increase. The high-resolution arms race seems to be never-ending as vendors try to top one another with innovations in laptop and mobile device screens.

New devices such as TVs and smartwatches are entering the market, making the race even more complex. Adobe signe définitivement la fin de la marque Flash Professional. L'atelier d'animation d'Abode est désormais baptisé Animate CC.

Adobe signe définitivement la fin de la marque Flash Professional

Objectif : bien montrer que celui-ci est aussi utilisé pour créer des animations en HTML5, et pas seulement en Flash. L'environnement de création d'animation Flash Professional d'Adobe est rebaptisé Animate CC. L'éditeur avait annoncé son intention d'abandonner la marque Flash Professional fin novembre. C'est désormais chose faite. C'est une nouvelle étape dans la mise en retrait de Flash par Adobe. Un outil d'animation désomais agnostique En abandonnant la marque Flash dans l'appellation de son atelier de création d'animation, Adobe entend mettre en avant cette nouvelle politique produit. Comment tester un site responsive? (partie 1) Savoir si un site développé se comporte bien en responsive est devenu une nécessité de nos jours.

Comment tester un site responsive? (partie 1)

Il est donc important de connaître tous les moyens mis à notre disposition pour réaliser cette étude. Deux lignes de conduites (probablement complémentaires) sont à prendre en compte : soit on teste sur des outils simulant le comportement des appareils, soit on teste directement sur les supports que l'on souhaite prendre en charge. Bien évidemment, la méthode la plus fiable reste celle qui consiste à utiliser le smartphone ou autre appareil dont l'éligibilité est à vérifier. Developer Tools - W3C Developers. The W3C Mobile Checker. MQtest.io — A simple tool to help identify which media queries your device responds to. 23 outils pour mesurer et optimiser les temps de chargement de votre site web.

Si vous souhaitez optimiser le chargement de vos sites, il faut avant tout que vous ayez un bon outil de mesure et d'analyse.

23 outils pour mesurer et optimiser les temps de chargement de votre site web

Voici donc une petite liste de 24 outils ou services en ligne qui vous permettront de mieux comprendre comment se chargent les éléments de votre site et quels sont les points à améliorer pour rendre tout ça plus rapide. Bonne optimisation à tous ! Rejoignez les 60133 korbenautes et réveillez le bidouilleur qui est en vous Suivez KorbenUn jour ça vous sauvera la vie..