• chevron_right

      Des animations JS pour mettre en valeur les diaporamas de votre site.

      news.movim.eu / Korben · Thursday, 2 November - 08:00

    OK, les photographes et autres dessinateurs ! Si vous voulez exposer vos oeuvres sur votre site web préféré, alias le vôtre, j’ai ce qu’il vous faut !

    Il s’agit d’un dépôt Github qui regroupe toute une collection de slideshows en HTML que vous pourrez adapter ensuite à votre propre site et avec vos propres images.

    Chaque type de diaporama propose ainsi une animation différente, ce qui vous permettra de mettre en valeur vos images avec un peu de HTML et de JS.

    Voici quelques exemples en vidéo :

    Je n’ai pas grand-chose à dire de plus là-dessus, c’est simple, efficace et gratuit !

    Donc à vous de tester maintenant en cliquant ici !

    • chevron_right

      Un outil en ligne de commande pour extraire des données depuis du HTML

      news.movim.eu / Korben · Tuesday, 31 January, 2023 - 08:00 · 1 minute

    Par le passé, j’ai déjà évoqué la commande jq au détour d’un article. Pour rappel, jq permet de transformer des données textuelles provenant de commandes ou de scripts en données structurées de type JSON.

    Et aujourd’hui, j’aimerais vous parler de htmlq qui reprend le principe de fonctionnement de jq sauf que là, on bosse sur de la donnée structurée en HTML. L’outil permet ainsi de sélectionner et extraire des éléments d’un fichier HTML en utilisant des sélecteurs CSS.

    Histoire que vous captiez mieux, voici un exemple permettant de récupérer le HTML contenu dans un élément dont la classe est .post :

    curl --silent https://korben.info/ | htmlq '.post'

    Par exemple pour sortir tous les liens d’une page :

    curl https://korben.info/ | htmlq --attribute href a

    Ou encore pour récupérer uniquement un format textuel (sans les balises HTML) :

    curl --silent https://korben.info | htmlq  --text .post

    Cela permet de faire beaucoup de choses assez facilement sans forcément avoir à coder un truc pour jouer avec les XPath.

    Maintenant pour install htmlq, ça dépend de votre OS :

    Cargo :

    cargo install htmlq

    FreeBSD :

    pkg install htmlq

    Homebrew (macOS) :

    brew install htmlq

    Scoop (Windows) :

    scoop install htmlq

    Pour tous les détails, je vous invite à lire la doc sur Github .

    • Ar chevron_right

      Conditional images in a webpage

      pubsub.slavino.sk / arduinodiy · Monday, 19 September, 2022 - 09:35 edit

    Sometimes in a web application you want different pictures to appear, depending on a condition. For many die hard programmers that will be a piece of cake, but for may others it isn’t. Suppose you have an application that monitors if the level in your water tank is full or not completely full yet (say … Continue reading "Conditional images in a webpage"

    Značky: #Uncategorized, #Elektro, #HTML

    • chevron_right

      Du code Python dans vos pages HTML

      news.movim.eu / Korben · Thursday, 26 May, 2022 - 07:00 · 2 minutes

    Si vous êtes développeur et que vous aimez mettre du Python partout, dans vos poches, dans vos slips, sur vos tartines le matin, alors pourquoi ne pas en mettre également dans vos pages HTML ?

    Et cela est maintenant possible grâce à ce PyScript, un bout de js + css à intégrer à votre code qui vous permettra de créer des applications Python directement au coeur de votre code HTML.

    Pour ce faire, copiez ceci dans votre page :

    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script> 

    Ensuite, il ne vous reste plus qu’à pondre du Python dans une balise <py-script> comme ceci :

    <py-script>print("hello les petits fous")</py-script>

    Voici un exemple avec le calcul de Pi pour 3 décimales après la virgule :

    <html>
    <head>
        <meta charset="UTF-8">
        <title>pytest</title>
        <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
        <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    </head>
    <body>
           <py-script>
    def wallis(n):
        pi = 2
        for i in range(1,n):
            pi *= 4 * i ** 2 / (4 * i ** 2 - 1)
        return pi
    
    pi = wallis(100000)
    s = f"π est approximativement {pi:.3f}"
    print(s)
            </py-script>
    </body>
    </html>

    Bon, je ne vous cache pas que c’est long niveau processing et je ne pense pas que ce sera vraiment utilisable pour de l’application web grand public. Mais c’est rigolo. On peut même utiliser des packages et autres modules, faire des interfaces, et même récupérer des valeurs dans les pages HTML avec la fonction pyscript.write comme ceci :

    <html>
    <head>
        <meta charset="UTF-8">
        <title>pytest</title>
        <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
        <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    </head>
    <body>
    <h1 id="pi">xxx</h1>
           <py-script>
    def wallis(n):
        pi = 2
        for i in range(1,n):
            pi *= 4 * i ** 2 / (4 * i ** 2 - 1)
        return pi
    
    pi = wallis(100000)
    s = f"π est approximativement {pi:.3f}"
    pyscript.write('pi', s)
            </py-script>
    </body>
    </html>

    Si cela vous intéresse, vous trouverez tout sur le site de PyScript .

    • In chevron_right

      Getting started with WebView 2

      pubsub.slavino.sk / infoworldcom · Tuesday, 24 November, 2020 - 11:00 edit

    Microsoft’s move to a new set of Windows controls as part of the WinUI 3 libraries is one sign of its rethinking how the Windows SDKs are developed and delivered. At heart it’s a decoupling of controls from APIs, a new method for both how they’re shipped and how you can package them with your code. Microsoft is changing its delivery model , no longer updating with Windows but as technologies change and as new features are developed.

    One of the first new controls to get a release is an update to the familiar WebView . The original WebView used the EdgeHTML engine to embed HTML content in your applications. That meant it was limited to Windows feature updates for updates to HTML and JavaScript, with security fixes as part of Patch Tuesday. Relying on the Windows install for support ensured that you were tied to using the lowest common denominator set of features. Although you could use feature detection to work your way around CSS issues, more complex features required more code for fallbacks to lower specifications.

    To read this article in full, please click here


    Značky: #HTML, #Rozne