Displaying items by tag: css agence de service informatique, webdesign, graphisme et agence de communication partagé pour les PMEs au Luxembourg, France et Belgique https://www.noemiconcept.be Thu, 16 May 2024 04:14:52 +0000 Joomla! 1.5 - Open Source Content Management en-gb Pagination par Javascript - jPages https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205235-pagination-par-javascript-jpages.html https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205235-pagination-par-javascript-jpages.html Pagination par Javascript - jPages

jPages est un script de pagination côté client (un plugin jQuery) avec des fonctions comme la navigation clavier + défilement, tourner automatiquement à la page suivante, l'affichage d' un compte à rebourd et un panneau de navigation personnalisable.

WebDesign-jpages-jquery_plugin

Peu importe le nombre d'éléments ils sont insérés dans la même page et peuvent être positionnés avec la facilité.

Le plug-in détecte le nombre d'éléments dans une liste donnée et crée automatiquement la navigation.

des procedures existent pour afficher la page en cours, le nombre total de pages, le nombre d'articles, etc et il est possible d'intervenir sur le numéro de page à afficher en utilisant une méthode de l'API.

Il s'agit d'une intégration en option avec les très populaires scripts Animate.css et Lazy load pour accélérer la pagination et la rendre plus attractive.

  • web
  • Lazy
  • Load
  • css
  • jQuery
  • webDesign
  • feuille de style
  • javascript
  • pagination
  • Animate
  • lazy load
    ]]>
    olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Wed, 18 Apr 2012 05:58:37 +0000
    WebDesign Statistiques des techniques les plus populaires utilisées sur le web https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/207493-webdesign-statistiques-des-techniques-les-plus-populaires-utilisées-sur-le-web.html https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/207493-webdesign-statistiques-des-techniques-les-plus-populaires-utilisées-sur-le-web.html WebDesign Statistiques des techniques les plus populaires utilisées sur le web

    Pour beaucoup, les statistiques ne rappellent que des mauvais souvenirs à beaucoup d'entre nous.

    WebDesign Statistiques des techniques le plus populaires utilisées sur le web

    Pour une fois, en voici une utilisation qui va vous aider dans les choix technologiques lors de la création de sites webs.

    En se basant sur le fait que plus cette technique est utilisée, plus elle est rapide et peu consomatrice de ressources, ce graphique va vous permettre de faire les bons choix.

    • webDesign
    • Statistiques
    • techniques
    • plus
    • populaires
    • utilisées
    • sur
    • site
    • web
    • css
    • HTML5
    • javascript
      ]]>
      olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Mon, 10 Oct 2016 05:59:52 +0000
      Évitez d'utiliser des couleurs similaires sur vos sites web - CSS Colorguard https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/206359-évitez-dutiliser-des-couleurs-similaires-sur-vos-sites-web-css-colorguard.html https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/206359-évitez-dutiliser-des-couleurs-similaires-sur-vos-sites-web-css-colorguard.html Évitez d'utiliser des couleurs similaires sur vos sites web - CSS Colorguard

      Tous les projets de sites web ou d'application commence avec quelques couleurs de base simple et sans ambiguités. Avec le temps, et l'ajout de nouvelles pages ou de fonctionnalités, d'autres couleurs peuvent d'ajouter et être trop proches les unes des autres.

      WebDesign Évitez dutiliser des couleurs similaires sur vos sites web - CSS Colorguard

      Avec CSS Cologuard, vous éviterez cet éccueil pour vos fichiers de styles CSS et il vous aidera à garder un ensemble uniforme car il vous informera si d'autres couleurs trop proches existent déjà.

      Bien sur, il est personnalisable et vous permet de définir vous même les limites qu'il doit respecter.

      Même s'il ne dispose pas d'interface graphique, il deviendra très rapidement un de vos outils favoris.

      • Évitez
      • utiliser
      • couleurs
      • similaires
      • sites
      • web
      • css
      • Colorguard
      • webDesign
      • applications
        ]]>
        olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Fri, 11 Jul 2014 06:11:03 +0000
        Site Web de validation du code HTML gratuit et automatisé - Simply testable https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205488-site-web-de-validation-du-code-html-gratuit-et-automatisé-simply-testable.html https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205488-site-web-de-validation-du-code-html-gratuit-et-automatisé-simply-testable.html Site Web de validation du code HTML gratuit et automatisé - Simply testable

        Après avoir créé un site web, une des premières choses à faire est d'exécuter les validateurs du W3C pour voir si le code HTML-CSS  repond aux standards du web.

        WebDesign_Site_Web_de_validation_du_code_HTML_gratuit_et_automatis_-_Simply_testable

        Mais, s'il est facile d'effectuer cette tâche pour un site de quelques pages, ce qui est assez difficile et chronophage pour les sites plus grands.

        Il vous suffit de testable
        Simply Testable est une application web libre à utiliser qui automatise la partie de la validation HTML en examinant toutes les pages d'un site web.

        Le processus de test est affiché en direct (nombre de pages vérifiées, nombre de pages en attente, etc) et un rapport est généré une fois le test terminé.

        Les rapports incluent les erreurs pour chaque URL avec les explications pour qu'il soit plus facile à les corriger.

        • web
        • application
        • gratuit
        • css
        • webDesign
        • site
        • html
        • code
        • Validation
        • automatisé
        • Simply testable
          ]]>
          olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Mon, 15 Oct 2012 12:20:53 +0000
          Générateur de Sprite en ligne (avec support SASS) - SpriteMachine https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205584-générateur-de-sprite-en-ligne-avec-support-sass-spritemachine.html https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205584-générateur-de-sprite-en-ligne-avec-support-sass-spritemachine.html Générateur de Sprite en ligne (avec support SASS) - SpriteMachine

          Les Sprites CSS sont parfaits pour minimiser le nombre de demandes adressées pour charger les images et améliorede la vitesse de chargement.

           

          Générateur de Sprite en ligne avec support SASS - SpriteMachine

          Cependant, pour un sprite composé avec de nombreuses images, il faut du temps pour créer l'image du sprite et créer les règles CSS adéquoite.

          SpriteMachine est une application web très simple pour automatiser ce processus de génération de sprite.

          Il suffit de télécharger les images dans un fichier compressé au format zip, choisissez ensuite l'orientation de l'image sprite (horizontale ou verticale) et voila.

          De plus, cette application demande également si les règles génèrées doivent être en CSS, SCSS ou SASS.

          • generateur
          • Sprite
          • ligne
          • avec
          • support
          • SASS
          • SpriteMachine
          • webDesign
          • css
          • SCSS
            ]]>
            olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Thu, 20 Dec 2012 06:47:22 +0000
            Un Plugin de sélection de couleur jQuery - Spectrum https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205681-un-plugin-de-sélection-de-couleur-jquery-spectrum.html https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205681-un-plugin-de-sélection-de-couleur-jquery-spectrum.html Un Plugin de sélection de couleur jQuery - Spectrum

            Spectrum est un plugin jQuery de selection de couleur qui comblera probablement toutes vos attentes.

            Sa construction n'est pas basé sur une image (uniquement CSS et JS) et peut être utilisé pour tous les navigateurs ou seulement utilisé pour remplir un rectangle pour la propriété HTML5 input [type=coulor].

            WebDesign Un Plugin de sélection de couleur jQuery - Spectrum

            Le sélecteur est en fait familier aux concepteurs / développeurs car il a la même apparence que celui qui est fourni avec WebKit DevTools (créé par le même auteur), mais maintenant ce  module est disponible sous forme de plugin jQuery.

            Il peut stocker et afficher les dernières couleurs que vous avez choisi, la couleur sélectionnée par défaut peut être défini ou il peut être configuré pour n'afficher qu'une palette de couleurs prédéfinies.

            Il est également possible de sélectionner la transparence alpha. Il peut toujours être visible (sans avoir à cliquer sur l'icône du sélectionneur) et supporte plusieurs formats de couleurs.

            Le spectre peut être personnalisée avec CSS et il fonctionne également sur mobile.

            • plugin
            • sélection
            • couleur
            • jQuery
            • Spectrum
            • HTML5
            • WebKit
            • DevTools
            • css
            • javascript
            • webDesign
              ]]>
              olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Thu, 28 Feb 2013 06:42:44 +0000
              24 effets d'animation CSS pour l'affichage d'éléments de listes - Liffect https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205520-24-effets-danimation-css-pour-laffichage-déléments-de-listes-liffect.html https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205520-24-effets-danimation-css-pour-laffichage-déléments-de-listes-liffect.html 24 effets d'animation CSS pour l'affichage d'éléments de listes - Liffect

              Liffect est un générateur basé sur le Web qui fournit beaucoup d'effets différents pour l'affichage d'éléments d'une liste.

              WebDesign_24_effets_danimation_CSS_pour_laffichage_dlments_de_listes_-_Liffect_

               

              Il fait appel à des animations CSS et jQuery pour l'application nécessite le retard dans les effets.

              Il y a plusieurs effets disponible, le zoom, la glissade, retourner, rebondir et, un amusement effet inspiré par Star Wars.

              Le site nous permet de définir la durée et retard et génère les règles nécessaires CSS instantanément.

              Liffect est une marque incontournable non seulement pour les copier-coller des effets, mais c'est aussi une belle référence.

               

              • Effets
              • animation
              • css
              • pour
              • affichage
              • éléments
              • listes
              • Liffect
              • jQuery
              • Star wars
              • webDesign
                ]]>
                olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Tue, 06 Nov 2012 06:48:11 +0000
                Un zoom actif en redimensionnement et défilement - Zoomerang.js https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/206139-un-zoom-actif-en-redimensionnement-et-défilement-zoomerangjs.html https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/206139-un-zoom-actif-en-redimensionnement-et-défilement-zoomerangjs.html Un zoom actif en redimensionnement et défilement - Zoomerang.js

                Zoomerang.js est une bibliothèque qui permet aux internautes de zoomer sur n'importe quel élément sur ??votre site web.

                 

                WebDesign Un zoom actif en redimensionnement et défilement - Zoomerang.js

                Le zoom reste actif même quand la fenetre du navigateur est redimmensionné ou quand l'internaute fait défiler la page.

                Cette bibliothèque fonctionne parfaitement avec des éléments de tailles fixes tels que les blocs, les affichages en ligne et les éléments IMG.

                Elle ne nécessite que la présence de CSS Transform et donc limite sa compatibilité selon les navigateurs acceptant cette dernière bilbiothèque.

                • Zoom
                • actif
                • redimensionnement
                • défilement
                • Zoomerangjs
                • webDesign
                • Bibliothèque
                • site
                • web
                • css
                  ]]>
                  olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Mon, 03 Feb 2014 07:01:06 +0000
                  Créez des applications multi-système avec les Technologies du web - electron https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/206845-webdesign-créez-des-applications-multi-système-avec-les-technologies-du-web-electron.html https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/206845-webdesign-créez-des-applications-multi-système-avec-les-technologies-du-web-electron.html Créez des applications multi-système avec les Technologies du web - electron

                  L'environnement électron vous permet de créer des applications multi-système en utilisant Javascript, HTML et CSS.

                  WebDesign Créez des applications multi-système avec les Technologies du web - electron

                  Il est basé sur ioi.js et Chromium ce qui affranchi votre code des spécificités des systèmes d'exploitations.

                  Comme il est distribué sous licence MIT (https://fr.wikipedia.org/wiki/Licence_MIT), vous pouvez l'utiliser ou le modifier pour vos besoins personnels ou professionnels et participer a son developpement.

                  • webDesign
                  • Créez
                  • applications
                  • multisystème
                  • avec
                  • technologies
                  • web
                  • electron
                  • javascript
                  • html
                  • css
                  • licence
                  • MIT
                  • open
                  • source
                    ]]>
                    olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Fri, 26 Jun 2015 06:15:59 +0000
                    Liste complète des polices de caractères Web de Google - Best Web Fonts https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205457-liste-complète-des-polices-de-caractères-web-de-google-best-web-fonts.html https://www.noemiconcept.be/index.php/en/departement-communication/news-departement-com/205457-liste-complète-des-polices-de-caractères-web-de-google-best-web-fonts.html Liste complète des polices de caractères Web de Google - Best Web Fonts

                    Google Web Fonts est un grand répertoire de polices de caratères web libres et open source. Non seulement les polices sont libres, mais ils sont aussi facilement et rapidement disponible puisqu'elles sont chargées à partir des serveurs rapides de Google.

                    WebDesign_Liste_complte_des_polices_de_caractres_Web_de_Google_-_Best_Web_Fonts

                    L'inconvénient est qu'il y a de nombreuses polices, ce qui peut rendre la recherche de la bonne police beaucoup plus longue que prévue.

                    Best Web Fonts est une application web qui vise à simplifier le processus de recherche de police Web de Google.

                    Il affiche un exemple de la police que vous avez selectionnée. Grace à une présentation de différentes manières, vous pouvez voir cette police de caractère utilisée en plusieurs situations.

                    En plus, il existe différents effets CSS fournis qui peuvent être visualisés sur le titre de la page avec la police de votre choix.

                    • liste
                    • complète
                    • polices
                    • caractères
                    • web
                    • google
                    • Best Web Fonts
                    • css
                    • Font
                    • applications
                    • open source
                    • libre
                    • gratuites
                    • webDesign
                      ]]>
                      olivier.ruffin@noemiconcept.com (Olivier Ruffin) WebDesign Mon, 24 Sep 2012 06:36:53 +0000