Le drag and drop avec HTML5 et jQuery – chez Syl. Dernière mise à jour : juin 2014 Vous connaissez tous le drag and drop ?!
Pour rappel, c’est le fait de pouvoir glisser-déposer un élément vers – ou à la place – d’un autre. C’est une technique plutôt complexe à mettre en oeuvre et bon nombre de développeurs Web cherchent des solutions légères et faciles à utiliser. C’est ce que nous propose l’API Drag and Drop d’HTML5. En gros, les navigateurs récents (sauf IE) embarquent nativement le DnD. Nous allons voir un système de liste que l’on pourra réordonner via du DnD. J’ai ajouté #log pour la démonstration, c’est bien sûr facultatif. Voici le résultat : Maintenant comment faire pour par exemple mettre A à la place de B et inversement ? Le code est organisé chronologiquement. Il y a donc pas moins de 6 événements pour gérer le DnD. Un script comme celui-ci sans une page de démonstration ne serait vraiment pas intéressant !
Pourquoi et comment passer son site en HTTPS. Article rédigé par Tsifei Chan, Co-fondateur Orson.io Le passage d’un site en HTTPS est un sujet d’actualité.
Tout le monde en parle et chacun donne un avis plus ou moins éclairé sur le sujet. Si vous souhaitez optimiser votre site internet ou même créer un site internet vous devez vous y intéresser. Il nous a semblé indispensable d’expliquer pourquoi Google demande le passage en HTTPS des sites internet et quels sont les impacts sur les sites web existants. Que signifie HTTPS? Le HTTPS ( Hyper Text Transfer Protocol Secure) est un protocole de sécurité qui vise à crypter les informations échangées entre différents sites internet afin de sécuriser les transferts de données. Il existe plusieurs niveaux de sécurité pour les protocoles HTTPS mais tous reposent sur les mêmes principes: – le chiffrement des données à l’aide d’un algorithme que seul le destinataire peut lire, – un processus de vérification de la validité de chaque site internet ( pour être plus précis des domaines concernés). Rss-Bridge. Bienvenue sur le RSS-Bridge d'SVTux !
Copie d'écran expliquant le fonctionnement du bridge ! Le principe du « RSS Bridge » : Retrouvez les flux RSS de Twitter, Google, Flickr, Youtube… ! En effet, de plus en plus de services sont totalement privés de flux RSS. Soit il n'y a plus rien, soit il faut passer par leurs API dédiées afin de garder le contrôle sur leur contenu et leurs utilisateurs en forçant ces derniers à passer par le site. Mode d'emploi : Sélectionnez le site sur lequel vous avez besoin d'un flux RSS. Sécuriser facilement et gratuitement un site avec HTTPS.
Vous connaissez sans doute tous, Let's encrypt qui permet d'avoir un certificat SSL gratuit pour basculer son site en HTTPS. Mais connaissez-vous Certbot, un outil proposé par l'EFF (Electronic Frontier Foundation) qui permet d'obtenir en une ligne de commande son certificat et de configurer dans la foulée son serveur web ? Je n'avais pas encore pris le temps de le tester et je me dis que c'est l'occasion aujourd'hui de vous en faire un petit tuto rapide. Vous allez voir, c'est rapide, sans douleur et de toute façon, vous devrez tous y passer. Voici donc comment migrer un site web (sous WordPress dans mon exemple, mais ça fonctionne avec tout) de HTTP vers HTTPS. Première étape : Installer CERTBOT sur votre serveur. Pour cela, téléchargez le script, rendez le executable et lancez-le : wget a+x certbot-auto Seconde étape : Générez les certificats. Si comme moi, vous utilisez nginx, lancez la commande : Embed Code Generator.
Cards provide a clean, responsive, and shareable card for any content on the web.
Learn More > The Url you entered was not valid. WebCatalog: transformez vos sites et services web préférées en applications de bureau – Le coutelas de Ticeman. Si, comme moi, vous avez du mal à bosser avec 25 onglets ouverts et que vous avez parfois besoin d’avoir une vue simultanée de plusieurs services, webcatalog deviendra vite indispensable.
Le principe est de permettre l’exécution d’un service web dans sa propre fenêtre, avec sa propre icône de lancement. Webcaralog a préparé pour vous tout un tas de services web qu’il suffit se sélectionner. Vous retrouverez aussi dans cet espace vos applications déjà créées. Il est bien entendu possible de créer des applications personnalisées. Il suffit pour cela de renseigner leur adresse et éventuellement de fournir une image comme illustration personnalisée. Une vois créées, vos applications se retrouvent dans vos programmes et une icône est ajoutée sur votre bureau et, lors de leur exécution dans la barre des taches.
Webcatalog est gratuit et sans publicité et placé sous licence libre. Lien: WebCatalog pour Linux, Windows et Mac. CSS Code Generators. Pick from the available CSS generators.
Set the desired options quickly with sliders, color pickers and test the codes with the interactive HTML-CSS editor.