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


Flexbox Patterns: la bibliothèque de code CSS Flexbox ultime

La nouvelle propriété CSS flexbox a radicalement changé la façon dont les développeurs créent des interfaces. Plus de flotteurs et de hacks CSS pour aligner parfaitement les mises en page. Ne vous inquiétez plus des techniques réactives personnalisées pour gérer les mises en page multi-colonnes.

Mais même si Flexbox résout de nombreux problèmes, il est également compliqué d'apprendre. Pour vous aider à démarrer, il existe une nouvelle bibliothèque en ligne appelée Flexbox Patterns qui catalogue de nombreux éléments flexbox différents dans un emplacement central.

Cette bibliothèque est entièrement gratuite et est disponible en open source sur GitHub. Tous les exemples peuvent être téléchargés localement via NPM ou via GitHub . Mais vous pouvez également parcourir les exemples à travers le site Web pour copier et coller des codes au besoin.

Chaque modèle a sa propre page avec une brève description et des exemples de code. Vous pouvez littéralement copier et coller les codes dans votre projet Web existant, bien qu'il soit recommandé de commencer par en apprendre un peu plus sur ce que fait le code et pourquoi vous l'utilisez.

Prenez par exemple la démo de la barre d'en-tête du site en utilisant flexbox pour aligner tous les éléments d'une barre de navigation supérieure côte à côte.

Généralement, cela nécessite des flottants et une classe clearfix pour que tout soit correctement aligné.

Avec flexbox, vous pouvez tout conserver dans un conteneur en utilisant la propriété display: flex . De cette façon, vous pouvez définir comment les éléments doivent interagir entre eux et comment la flexbox doit fonctionner sur des écrans plus petits .

Les modèles sont constamment mis à jour et la bibliothèque actuelle se concentre sur les éléments les plus courants comme les onglets, les barres latérales et le centrage vertical / horizontal.

Si vous êtes flambant neuf à Flexbox alors vérifiez définitivement les modèles Flexbox. Le site ne vous apprendra pas toutes les bases de la flexbox mais il offrira des exemples concrets que vous pouvez bricoler pour vos propres projets web.

Comment créer un blog avec Jekyll - Guide du débutant

Comment créer un blog avec Jekyll - Guide du débutant

WordPress, qui a débuté humblement comme une plateforme de blogs, s'est maintenant transformé en un CMS à part entière et très populaire. Avec WordPress, vous pouvez créer (presque) n'importe quel type de site Web, d'un portefeuille à un site Web de commerce électronique.Mais que se passe-t-il si vous ne vous souciez que des blogs, et que vous n'avez pas besoin de fonctionnalités complètes dans WordPress comme la taxonomie personnalisée, la gestion des utilisateurs, la modération des commentaires et une bonne mise en ligne?En bref, vou

(Conseils techniques et de conception)

Le guide en 10 étapes d'Internet Junkie sur l'Awesomeness

Le guide en 10 étapes d'Internet Junkie sur l'Awesomeness

"Awesome" est un mot plutôt surutilisé de nos jours - en particulier sur le World Wide Web. Tant qu'un article, une photo, une vidéo, un GIF, ou quoi que ce soit vous-même sort d'une certaine façon, il est automatiquement giflé avec le mot A.Que ce "quelque chose" impressionnant soit oublié après quelques jours, voire quelques minutes, cela n'a pas d'importance - parce que c'est comme ça que fonctionne Internet. Là enco

(Conseils techniques et de conception)