Bulma est le seul framework CSS optimisé par Flexbox dont vous aurez besoin

Flexbox est un sujet brûlant pour les développeurs frontend car il offre une approche moderne des alignements CSS . La plupart des mises en page de sites s'appuient sur des flottants CSS ou des pourcentages fixes pour maintenir les blocs de contenu en ligne.

Mais flexbox change toutes les règles et avec un framework comme Bulma vous pouvez construire des mises en page complètes sur flexbox . C'est un tout nouveau framework CSS encore dans les premiers stades de développement, mais avec beaucoup à offrir.

Pour un projet aussi jeune, il semble que Bulma déborde de potentiel. Bulma offre un cadre CSS moderne et une stratégie réactive pour la conception de la mise en page. Avec flexbox, vous pouvez structurer n'importe quel nombre d'éléments de bloc pour les aligner les uns à côté des autres et les décomposer à certains points d'arrêt.

Avec une classe simple de .columns, vous pouvez ajouter autant de divs que vous le souhaitez et garder la mise en page cohérente. Vous pouvez changer les classes de colonnes pour les rendre plus larges que d'autres et pour les aligner différemment.

L'alignement horizontal et vertical est super facile avec ce cadre. Plus jamais vous aurez besoin de bidouiller une solution CSS à la dernière minute.

La meilleure partie est que les navigateurs les plus modernes supportent flexbox à l'exception d'Internet Explorer. Mais avec le passage de Microsoft à Edge, il sera beaucoup plus facile d'utiliser un framework comme Bulma sans se soucier du support existant.

Il est également intéressant de noter que ce n'est pas seulement un framework flexbox. Il s'agit d'une bibliothèque CSS complète avec des styles par défaut pour la typographie, les boutons, les champs de saisie et d'autres éléments de page courants. Bulma est entièrement gratuit et est livré avec une excellente documentation si vous êtes prêt à plonger et commencer à construire.

Et si vous ne voulez pas télécharger Bulma localement, vous pouvez toujours l'essayer en utilisant le CDN en ligne. La documentation en ligne devrait être plus que suffisante pour vous aider à démarrer, en particulier la page grilles que vous pouvez utiliser pour construire une structure de mise en page complète.

Bulma est actuellement en version 0.2.3, il reste donc beaucoup de chemin à faire avant la version 1.0. Même dans sa version actuelle, il est encore tout à fait utilisable et offre beaucoup de potentiel pour l'avenir.

Pour en savoir plus, consultez le rapport officiel de GitHub ou visitez la page Web de Bulma pour obtenir des instructions d'installation et une documentation complète.

YAMM3 - Construire Megamenu pour Bootstrap 3

Il y a beaucoup d'avantages d'utilisation dans l'utilisation de megamenu sur une page Web. Avec megamenu, vous pouvez prendre le contrôle total de votre menu . Presque tous les éléments Web peuvent y être affectés. Certaines grandes entreprises ont même appliqué megamenu dans leur site Web. Amazo

(Conseils techniques et de conception)

Donnez à votre MacBook Air 13 "un écran tactile avec AirBar

Apple a introduit une barre tactile à son nouveau MacBook Pro, cependant, les écrans tactiles restent encore insaisissables sur les ordinateurs Mac. Pour les utilisateurs qui attendent un MacBook tactile, un périphérique a été présenté au CES appelé AirBar qui donnera à votre MacBook Air un pseudo-écran tactile de toutes sortes .Conçu spéc

(Conseils techniques et de conception)