Page d'accueil » Création de sites web » Nouvelles ressources pour les concepteurs et les développeurs Web (juin 2015)

    Nouvelles ressources pour les concepteurs et les développeurs Web (juin 2015)

    Pouvez-vous croire que cette série existe depuis presque 3 ans? Au cours de cette courte période, nous avons présenté au moins 30 listes des ressources les plus récentes pour les concepteurs et les développeurs Web. Et nous allons continuer dans cette voie avec une nouvelle compilation pour juin.

    Dans cette compilation, nous allons examiner quelques bibliothèques JavaScript pour l’affichage des curseurs, un défilement plus fluide des tableaux de données, un effet d’ascenseur intéressant pour un bouton de défilement vers le haut, etc..

    Vérifions-les.

    Moyen Style Confirmer

    Medium a été loué pour sa conception; la mise en page et l'interface utilisateur semblent avoir été bien pensées. De plus, il incite également les développeurs Web à développer des bibliothèques JavaScript ou CSS pour répliquer l'interface utilisateur. Medium Style Confirm est une bibliothèque JavaScript qui ressemble à la fenêtre contextuelle ou à la boîte de dialogue de Medium..

    manchot

    Penguin est un nouveau framework front-end que vous pouvez utiliser comme base pour vos sites Web. Avec des outils tels que Grunt et Sass, vous pouvez facilement ajouter ou supprimer des bibliothèques ou des CSS dont vous n’avez pas besoin hors du cadre, le rendant aussi léger que possible. C'est aussi une bonne alternative à Bootstrap et Foundation.

    Elevator.js

    Avez-vous vu ce bouton sur un site Web qui vous permet de glisser vers le haut de la page? La plupart des boutons vous emmènent tout en haut, mais avec Elevator.js, vous obtenez un effet d’accélération semblable à un ascenseur, à la musique et à la “Ding!” sonne une fois que vous avez atteint le dernier étage. Vraiment sympa!

    X-Instagram

    X-Instagram est un élément personnalisé Polymer qui extrait et affiche les images d’Instagram par tag. Cet élément facilite beaucoup le processus. Nous ajoutons simplement l'élément comme un élément HTML normal et spécifions le mot-clé de balise en tant qu'attributs d'élément.

      

    Et que la magie commence!

    CamanJS

    CamanJS est une excellente bibliothèque JavaScript pour la manipulation d'images. Il est livré avec un ensemble de fonctionnalités que vous trouverez couramment dans un éditeur d'image. Vous pouvez activer l’image floue en noir et blanc et même augmenter le contraste..

    ClusterizeJS

    Clusterize.js est une bibliothèque JavaScript qui augmentera les performances lors du traitement de nombreuses données dans des tables. Lorsque vous faites défiler une table avec, disons, 5000 dans la liste, normalement l'expérience devient lente et saccadée. Cette librairie JavaScript abordera ce problème, rendant le défilement plus fluide..

    Faites le test

    Faites le test est un ensemble de questions permettant d’évaluer vos compétences et vos connaissances sur CSS3, HTML5 et JavaScript. Chaque test comporte un certain nombre de questions et un temps limité pour répondre à toutes ces questions. C'est une bonne source pour savoir à quel point nous sommes vraiment bons avec ces langues..

    Flèches HTML

    Il s'agit d'une collection de symboles Unicode natifs spéciaux que vous pouvez incorporer en HTML et CSS. Ces caractères incluent les flèches, la monnaie et la ponctuation. Vous constaterez que, parfois, vous n'avez pas besoin d'icône de police pour afficher ces caractères.

    Scintillement

    Flickity est une bibliothèque JavaScript permettant d'afficher des carrousels, des galeries ou des curseurs sur votre site Web. Il est optimisé pour les écrans tactiles. vous pouvez faire glisser les carrousels sans effort avec le doigt, ou le trackpad si vous êtes sur un ordinateur portable. Il vient également avec un tas d'options permettant une personnalisation complète de la manière qui vous convient.

    Typeslab

    Typeslab est un outil pratique pour créer une affiche de type Slab. Écrivez simplement le contenu et choisissez la police, Typeslab générera l’affiche instantanément. Vous pouvez ensuite le télécharger ou le publier dans Imgur.

    MatchMedia

    Matchmedia est une bibliothèque qui réplique les requêtes de média CSS. La bibliothèque n’est pas vraiment fraîche à l’heure actuelle, mais c’est une bibliothèque vraiment utile que j’ai décidé de mettre sur la liste. Si vous devez créer un script en fonction de la taille de la fenêtre d'affichage ou du type de support de l'utilisateur, cette bibliothèque est celle que vous souhaitez..

    Voici un exemple utilisé pour exécuter un script dans une taille de fenêtre 320px et inférieure:

     if (matchMedia ('uniquement l'écran et (largeur maximale: 320 pixels)'). correspond)  

    Sass Burger

    Sass Burger est livré avec un Mixin qui vous permet de créer un “Hamburger” icône et le transformer en une marque de croix avec moins de tracas.

    Marx

    Marx est un ensemble de règles de style CSS destinées à rendre les styles d'élément plus cohérents. Il est personnalisable (avec Sass), léger et fonctionne immédiatement. Une bonne alternative aux outils de réinitialisation CSS déjà populaires tels que Normalize.css.

    CSS.js

    CSS.js est utilisé pour analyser les fichiers CSS pour la déclaration de style. La bibliothèque a d'abord été utilisée par l'équipe de Jotform pour créer une expérience WYSIWYG permettant l'édition de formulaires avec CSS. Maintenant, ils l'ont ouvert pour que nous puissions tous l'utiliser. Cela vaut la peine d'économiser, au cas où vous en auriez besoin plus tard.