Displaying items by tag: html https://www.noemiconcept.com Tue, 18 Feb 2025 00:28:59 +0000 Joomla! 1.5 - Open Source Content Management en-gb Grand kit d'Interface utilisateur gratuit pour jQuery - jKit https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/205602-grand-kit-dinterface-utilisateur-gratuit-pour-jquery-jkit.html https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/205602-grand-kit-dinterface-utilisateur-gratuit-pour-jquery-jkit.html Grand kit d'Interface utilisateur gratuit pour jQuery - jKit

jKit est une bibliothèque d'interface utilisateur libre pour jQuery qui offre de nombreuses fonctionnalités et composants.

 

Grand kit dInterface utilisateur gratuit pour jQuery - jKit

Il fonctionne sur plusieurs plate-forme et propose diaporama, onglets, zoom, infobulle, la gestion des formulaires, compteurs et bien plus encore.

Les fonctions peuvent être intégrées soit en tant que JavaScript soit à l'aide de l'attribut data-jkit au format HTML.

jKit a une macro très pratique qui permet de définir un code personnalisé (comme une info-bulle avec une valeur spécifique de fading) et qui peut être utilisé en appelant simplement le nom de la macro.

Le kit d'interface utilisateur est très bien documenté, avec des exemples et une feuille de triche existe aussi.

  • grand
  • kit
  • interface
  • utilisateur
  • gratuit
  • pour
  • jQuery
  • jKit
  • html
  • javascript
  • webDesign
    ]]>
    olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Fri, 04 Jan 2013 10:35:29 +0000
    Testez vos sites web adaptatifs en ligne - Responsive-design-testing https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/206363-testez-vos-sites-web-adaptatifs-en-ligne-responsive-design-testing.html https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/206363-testez-vos-sites-web-adaptatifs-en-ligne-responsive-design-testing.html Testez vos sites web adaptatifs en ligne - Responsive-design-testing

    Responsive-design-testing est une simple page web HTML accompagné d'un script JavaScript permettant d'afficher votre site web adaptatif avec des tailles différentes.

    WebDesign Testez vos sites web adaptatifs en ligne - Responsive-design-testing

    Il est simple à utiliser puisqu'il suffit de taper l'url de votre site web et de visualiser le résultat.

    Si le site n'est pas encore en ligne, il est possible de télécharger le script et de l'installer sur son serveur personnel.

    Cela peut s'avérer interessant pour les présentations des projets à vos clients. Comme il est gratuit, il deviendra rapidement votre outil de visualisation préféré.

    • Testez
    • sites
    • web
    • adaptatifs
    • ligne
    • Responsivedesigntesting
    • webDesign
    • javascript
    • gratuit
    • html
      ]]>
      olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Tue, 15 Jul 2014 04:32:24 +0000
      Une librairie de graphiques simples pour site adaptatif en SVG - Chartist https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/206431-une-librairie-de-graphique-simple-pour-site-adaptatif-en-svg-chartist.html https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/206431-une-librairie-de-graphique-simple-pour-site-adaptatif-en-svg-chartist.html Une librairie de graphiques simples pour site adaptatif en SVG - Chartist

      L'objectif de Chartist.js est de fournir une bibliothèque simple, légère et non intrusive permettant de dessiner des graphiques pour vos sites web adaptatifs.

      WebDesign Une librairie de graphique simple pour site adaptatif en SVG - Chartist

      Il est important de comprendre que l'une des principales intentions de Chartist.js est de s'appuyer sur des normes plutôt que de fournir une solution propre au problème qui est déjà résolu par la norme.

      Chartist.js travaille avec inline-SVG et exploite la puissance de la DOM en utilisant les facilités de sa fonctionnalité.

      La bibliothèque ne fournit pas sa propre gestion d'événements, d'étiquettes, de comportements et tout ce qui peut être fait en pur HTML, JavaScript et CSS.

      • librairie
      • graphique
      • simple
      • pour
      • site
      • web
      • adaptatif
      • svg
      • Chartist
      • webDesign
      • javascript
      • html
      • css
        ]]>
        olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Tue, 02 Sep 2014 04:43:41 +0000
        Une liste de tous les pays en plusieurs langues et formats https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/205595-une-liste-de-tous-les-pays-en-plusieurs-langues-et-formats.html https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/205595-une-liste-de-tous-les-pays-en-plusieurs-langues-et-formats.html Une liste de tous les pays en plusieurs langues et formats

        Saša Stamenkovic, un développeur web, travaille et partage une ressource très utile.

        WebDesign Une liste de tous les pays en plusieurs langues et formats

        Il s'agit d'une "liste de tous les pays dans de nombreuses langues et formats de données" qui est généralement nécessaire par de nombreux projets web.

        Les formats de données proposée sont HTML, JSON, PHP, SQL, CSV, YAML, pour les codages en texte brut et il y a des requêtes SQL pour les bases de données les plus utilisées.

        En complément, sur ce même site, nous vous proposions une iconothèque de tous les dapreaux en plusieurs formats.

        • liste
        • tous
        • pays
        • plusieurs
        • langues
        • formats
        • html
        • JSON
        • PHP
        • SQL
        • CSV
        • YAML
        • requêtes
        • webDesign
        • site
        • web
          ]]>
          olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Fri, 28 Dec 2012 06:51:47 +0000
          Une interface pour créer des formulaires en ligne - FormBuilder.js https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/205945-une-interface-pour-créer-des-formulaires-en-ligne-formbuilderjs.html https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/205945-une-interface-pour-créer-des-formulaires-en-ligne-formbuilderjs.html Une interface pour créer des formulaires en ligne - FormBuilder.js

          FormBuilder.js est une ressource côté client (HTML-CSS-JavaScript) pour créer facilement des formulaires en ligne

          .

          WebDesign Une interface pour créer des formulaires en ligne - FormBuilder.js

          L'interface prend en charge l'insertion types d'entrée et de leur réorganisation avec un simple glisser/deposer.

          Le formulaire est générée comme données JSON mais FormBuilder.js ne fournit pas le code pour «la façon dont le reste sera géré (sauvegarde du formulaire, stockage les réponses, etc)".

          Simplement, la ressource est seulement le moteur côté client qui fournit le travail le plus difficile.

          • interface
          • pour
          • créer
          • formulaires
          • ligne
          • FormBuilderjs
          • webDesign
          • JSON
          • html
          • css
          • javascript
          • site
          • web
            ]]>
            olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Fri, 13 Sep 2013 06:05:56 +0000
            Supprimez les requêtes HTTP pour les fichiers Javascript - DynoSRC https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/206045-supprimez-les-requêtes-http-pour-les-fichiers-javascript-dynosrc.html https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/206045-supprimez-les-requêtes-http-pour-les-fichiers-javascript-dynosrc.html Supprimez les requêtes HTTP pour les fichiers Javascript - DynoSRC

            DynoSRC est un module pour les applications nodejs permettant de minimiser les requêtes HTTP en supprimant le rafraichissement des fichiers JavaScript.

            WebDesign Supprimez les requêtes HTTP pour les fichiers Javascript - DynoSRC

            Les charges de
            La bibliothèque charge les fichiers JavaScript en ligne dans le code  HTML et les stocke avec localStorage et ils ne seront plus tranferé jusqu'au prochaine modification.

            Et, si le contenu du fichier JavaScript est modifié, seules les modifications sont envoyée qui est à nouveau un gain sur la taille des données à charger.

            Enfin, cela est également valable pour DynoSRC et plus aucune requête ne sera faite pour tous les fichiers Javascript.

            • Supprimez
            • requêtes
            • http
            • pour
            • fichiers
            • javascript
            • DynoSRC
            • webDesign
            • Nodejs
            • html
              ]]>
              olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Mon, 25 Nov 2013 05:59:21 +0000
              Transformer les composants HTML en composants React - Html-to-react-components https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/207104-webdesign-transformer-les-composants-html-en-composants-react-html-to-react-components.html https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/207104-webdesign-transformer-les-composants-html-en-composants-react-html-to-react-components.html Transformer les composants HTML en composants React - Html-to-react-components

              Html-to-react-components est une application permettant d'extraire les composants HTML à partir d'un document HTML et de les transformer en composant React.

              WebDesign Transformer les composants HTML en composant React - Html-to-react-components

              Il faut malgré tout que les composants HTML soient repérés pour que cette application puisse être efficace.

              Enfin, comme elle est distribuée sous licence MIT, vous pouvez l'utiliser dans vos projets de sites web personnels comme professionnels, l'adapter à vos besoins et surtout participer à son développement.

              • webDesign
              • Transformer
              • Composants
              • html
              • Composant
              • React
              • Htmltoreactcomponents
              • open
              • source
              • licence
              • MIT
              • site
              • web
                ]]>
                olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Thu, 31 Dec 2015 08:04:05 +0000
                20 Graphismes colorés open source en pur CSS https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/206679-webdesign-20-graphismes-colorés-open-source-en-pur-css.html https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/206679-webdesign-20-graphismes-colorés-open-source-en-pur-css.html 20 Graphismes colorés open source en pur CSS

                Les graphiques purement CSS sont une des avancées les plus intéressantes des propriétés web.

                WebDesign  20 Graphismes colorés open source en pur CSS

                Il est maintenant possible d'afficher des icônes et des images uniquement qu'avec du code.

                Cela n'est peut être pas utile pour tous vos projets, mais cela à l'avantage d'utiliser vraiment le coeur des propriétés CSS.

                Voici donc quelques exemples qui pourront vous insipirer, que vous pouvez copier (puisqu'ils sont open source) et modifier si vous en aviez besoin.

                01-merry-christmas-santa-css

                02-merry-christmas-bulb-css-graphic

                03-pure-camera-icon-css

                04-css-pure-music-note-icon

                05-cloud-css-pure-icon

                06-css-pure-pencil-icon

                07-css-man-pure-icon-design

                08-printer-animated-css3-icon

                09-pure-css-animated-motion

                10-css-pure-man-icon-design

                11-pure-css-icon-macbook-laptop

                12-pure-css-airplane-icon

                13-random-animated-css3-words

                14-flame-css-pure-icon-code

                15-pure-ribbon-blue-css

                16-iconex-flat-icons-css

                17-pure-css-flat-gift-icon

                18-headings-lined-paper-icon-css

                19-weather-widget-open-source-css

                20-simple-gameboy-css-open-source

                • webDesign
                • 20
                • Graphismes
                • colorés
                • open
                • source
                • pur
                • css
                • html
                • site
                • web
                  ]]>
                  olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Wed, 25 Feb 2015 07:42:39 +0000
                  Bibliothèque "Modern UI" pour les applications Web - TopCoat https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/205749-bibliothèque-modern-ui-pour-les-applications-web-topcoat.html https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/205749-bibliothèque-modern-ui-pour-les-applications-web-topcoat.html Bibliothèque

                  TopCoat est une bibliothèque open source d'éléments d'interface utilisateur qui sont construites sans JavaScript.

                  WebDesign Bibliothèque Mondern UI pour les applications Web - TopCoat

                  Les éléments utilisent propres, conformes aux standards HTML-CSS et tous sont créés avec des configurations sensibles à l'esprit.

                  La bibliothèque dispose de 2 types de style, un pour les ordinateurs et un autre pour les mobiles où tous les éléments sont présentés à l'intérieur de ces exemples.

                  Utiliser TopCoat est très simple, il suffit juste d'inclure le fichier CSS, utilisez la structure HTML et il est possible de personnaliser à volonter.

                  Pour les developpeurs n'ayant pas l'habitude d'utiliser les interfaces utilisateurs ou qui souhaitent les améliorer, TopCoat est une bonne ressource pour démarrer rapidement tout en développant des applications web.

                  • webDesign
                  • Bibliothèque
                  • Modern UI
                  • pour
                  • applications
                  • web
                  • TopCoat
                  • css
                  • html
                    ]]>
                    olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Thu, 18 Apr 2013 06:50:13 +0000
                    Un formulaire en forme de carte de crédit - Creditly.js https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/206147-un-formulaire-en-forme-de-carte-de-crédit-creditlyjs.html https://www.noemiconcept.com/index.php/en/departement-informatique/meteo-noemi/notions-de-meteo/206147-un-formulaire-en-forme-de-carte-de-crédit-creditlyjs.html Un formulaire en forme de carte de crédit - Creditly.js

                    Creditly.js est un script dont vous avez besoin pour créer un formulaire imitant la forme d'une carte de crédit.

                     

                    WebDesign Un formulaire en forme de carte de crédit - Creditly.js

                    Il suffit de copier, en quelques secondes, le code HTML, CSS et JavaScript pour l'obtenir et le reproduire dans votre projet Web.

                    Ce script gère également l'algorithme de validation, et si une erreur est commise, un événement est généré ainsi qu'un filet rouge entourant le ou les champs contenant cette erreur.

                    Il est disponible en licence MIT (donc gratuit) et deviendra un incontournable pour les projets de site marchands.

                    • formulaire
                    • forme
                    • carte
                    • crédit
                    • Creditly
                    • webDesign
                    • gratuit
                    • javascript
                    • css
                    • html
                    • site
                    • web
                    • marchand
                      ]]>
                      olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Fri, 07 Feb 2014 05:16:44 +0000