hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Grid.css - Un système de grille minimale pour les développeurs Web

Les frameworks frontaux plus grands comme Bootstrap sont livrés avec leurs propres configurations de grille . Mais, ils viennent aussi avec beaucoup de bagages sous la forme d'éléments de page pré-conçus et des composants JavaScript.

Si vous cherchez un système de grille beaucoup plus petit et rationalisé, alors vous allez adorer Grid.css .

Cette bibliothèque open source gratuite est livrée avec le système de grille traditionnel de 12 colonnes que vous pouvez structurer pour n'importe quelle mise en page. Le CSS est vraiment facile à utiliser et le fichier lui-même ne mesure que 560 octets (soit la moitié d'une Ko!)

Le démarrage est super facile et vous avez juste besoin d' un fichier CSS ajouté à votre en-tête.

Vous pouvez trouver le lien de téléchargement direct sur la page d'accueil de Grid.css ou dans le rapport officiel de GitHub. Vous pouvez même utiliser la version CDN brute pour intégrer ce fichier directement depuis GitHub sans l'héberger vous-même.

Maintenant, vous pouvez configurer votre structure de colonnes en utilisant les éléments que vous voulez (divs, sections, etc).

Cela inclut généralement un élément .row (le conteneur) avec de nombreux éléments de colonnes internes . Les classes de colonnes utilisent des nombres pour définir leur espace total à l'intérieur du conteneur, par exemple, .col4 prend quatre colonnes du total de douze.

Voici un exemple d'extrait de la démo:

Vous pouvez utiliser n'importe quelle combinaison de classes de colonnes, à condition qu'elles aient jusqu'à 12 .

Cela signifie que vous pouvez également restructurer la page comme vous le souhaitez, en utilisant différents conteneurs de lignes . Par exemple, vous pouvez avoir une grande plage pour votre en-tête mais utiliser deux configurations de ligne / col différentes pour votre corps de page.

Naturellement, cette bibliothèque est 100% gratuite et open-source, vous êtes donc libre de faire des modifications comme vous le souhaitez.

Le créateur, Ahmed Tarek, a également créé Butns qui est une variante des nombreux kits d'interface utilisateur. Il se marie bien avec Grid.css, donc ils sont tous les deux d'excellentes bibliothèques à prendre en compte lors du démarrage d'un nouveau projet web.

Pratique de la programmation avec Repl.it - ​​Un IDE basé sur un navigateur et un compilateur

Pratique de la programmation avec Repl.it - ​​Un IDE basé sur un navigateur et un compilateur

Cependant, la configuration de l'environnement d'exécution local peut être très pénible pour les débutants. Cela nécessite souvent la ligne de commande, ce qui est génial à apprendre au fur et à mesure, mais peut d'abord se sentir comme un barrage routier.Avec Repl.it, vous pouvez vous exercer à coder n'importe quel langage compilé directement dans votre navigateur de Python à C ++ ou même Swift pour les applications iOS.Cette petite

(Conseils techniques et de conception)

29 Tweaks WordPress pour améliorer les messages et les pages

29 Tweaks WordPress pour améliorer les messages et les pages

Nous adorons WordPress - mais nous ne sommes pas tous prêts à régler tous les paramètres et affichages par défaut - en particulier la façon dont les messages sont affichés. Comme on nous a enseigné que l'unicité a de l'importance pour l'image de marque d'un site Web, les blogueurs et les développeurs se sont efforcés de peaufiner l'affichage de la publication afin de la rendre aussi unique que possible.Aujourd

(Conseils techniques et de conception)