Page d'accueil » Boîte à outils » Wing - Les concepteurs de sites Web CSS minimalistes veulent

    Wing - Les concepteurs de sites Web CSS minimalistes veulent

    L’écosystème frontal est plein de frameworks open-source fait pour améliorer votre processus de développement. D'habitude, tout le monde veut quelque chose de différent de ces cadres; certaines personnes recherchent esthétique alors que d'autres veulent la vitesse ou facilité d'utilisation.

    Aile est un nouveau cadre et le meilleur ami d'un minimaliste. Il vient avec un configuration de la grille par défaut, éléments personnalisés, et composants qui totalisent 5 KB.

    Peut-être que la meilleure partie de Wing est le style automatique pour les éléments par défaut. Si vous déposez simplement la feuille de style Wing CSS dans votre projet, vous remarquerez immédiatement les changements..

    Texte, liens et éléments de page par défaut se façonner automatiquement basé sur les conceptions de l'aile. Vous pouvez également ajouter des cours supplémentaires de votre choix ajouter plus d'esthétique à la page.

    Wing navires avec un Système de grille 960px utilisant un Structure en 12 colonnes. C'est une configuration très simple et la grille de 960px est généralement considérée comme trop petite pour l'audience grand écran d'aujourd'hui. Mais si vous aimez les petits sites Web, c'est un excellent choix..

    http://usewing.ml/ est simple comme bonjour et suit quelque chose comme ceci:

     
    1
    2
    3

    Vous pouvez inclure un copie complète de Wing du CDN Unpkg. Ils gardent leurs fichiers à jour avec la dernière version, vous n'avez donc jamais besoin de changer de nom de fichier. Juste ajouter cette URL à votre en-tête et vous aurez un accès complet au framework Wing actuel.

    Alternativement, vous pouvez télécharger le package via npm ou tirez une copie de la source à droite de GitHub.

    Je comparerais Wing à Normalize.css qui est un framework CSS beaucoup plus petit, qui ressemble plus à un réinitialiser la bibliothèque. Aile effectivement vient avec les styles par défaut alors que Normalize.css réinitialise les éléments pour qu'ils fonctionnent de la même manière dans tous les navigateurs.

    La beauté des deux est que vous avez controle total à modifier, remodeler, et reformater la page comme bon vous semble.

    Toute la documentation et les extraits de code peut être trouvé sur la page d'accueil de Wing, utilisez donc ce guide si vous ne savez pas comment configurer votre site.