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


Construire des widgets à onglets réactifs avec GridTab

Il est toujours plus facile de créer des sites Web en utilisant des outils open source plutôt que de réinventer la roue. Ces outils vont des bibliothèques aux plugins plus petits, mais vous pouvez trouver une solution pour pratiquement n'importe quoi.

Le phénoménal plugin jQuery GridTab est un bon exemple. Il vous permet de définir une grille personnalisée, de définir les points d'arrêt et de créer un widget à onglets réactif adapté à tous les sites Web.

Vous pouvez ajouter vos propres classes CSS ou travailler avec des classes existantes pour créer une fonction d'onglet adaptée à votre conception. Ce plugin prend également en charge les éléments de navigation pour les commandes next / prev et la commutation entre les onglets .

L'installation est un jeu d'enfant et nécessite uniquement la bibliothèque jQuery en tant que dépendance . Une fois installé, vous pouvez récupérer GridTab à partir de npm ou le télécharger directement depuis GitHub.

Gardez à l'esprit que ce plugin de widget à onglets a un style par défaut, donc il a une feuille de style CSS séparée au-dessus du fichier plugin JS. Mais, vous pouvez toujours fusionner ce CSS dans le vôtre pour réduire les requêtes HTTP.

Pour initialiser le plugin, il suffit de passer la taille totale de la grille avec tout paramètre optionnel (tous listés sur GitHub).

Voici un script d'initialisation simple:

 $ (document) .ready (function () {$ ('# gridtab-1'). gridtab ({grille: 3});}); 

Les paramètres incluent des sélecteurs personnalisés, des styles réactifs, des paramètres de bordure / de remplissage / de couleur et, bien sûr, une fonction de rappel .

Vous pourriez être curieux de voir comment tout cela fonctionne et à quoi il ressemble dans votre navigateur. Consultez la section "Démos" pour voir quelques exemples, y compris le code source brut que vous pouvez copier.

La plupart des gens considèrent les onglets comme des fonctionnalités pour les widgets de petit profil. Toutefois, les sites Web de portefeuille peuvent également utiliser des grilles avec des fonctionnalités à onglets et le plugin GridTab est la meilleure ressource pour clouer cet effet.

Tout ce que vous devez savoir, y compris la documentation complète, peut être trouvé sur la page GridTab principale. Cela inclut également un lien vers le rapport GitHub afin que vous puissiez parcourir la source et commencer à personnaliser vos propres grilles d'onglets réactives.

10 professionnels créatifs avec des emplois incroyables que vous souhaitez avoir

10 professionnels créatifs avec des emplois incroyables que vous souhaitez avoir

Vous souvenez-vous de la joie et du plaisir que vous aviez à jouer avec Lego quand vous étiez enfant - comment cela n'était-il que limité par votre imagination (et la capacité de vos parents à résister aux morceaux de Lego sur le sol)? À un certain moment, vous avez probablement pensé, "Man, je voudrais pouvoir jouer avec Lego toute la journée!". E

(Conseils techniques et de conception)

Beaux logos de typographie pour votre inspiration

Beaux logos de typographie pour votre inspiration

Un logo est une partie essentielle de l'identité de l'entreprise. Pourtant, il est difficile de créer un logo simple mais facile à retenir. Revenir à l'essentiel et n'utiliser rien de plus qu'une police pour créer un logo peut être la solution géniale que vous recherchez. Une utilisation intelligente des couleurs, l'arrangement des lettres, et quelques éléments de conception sélectionnés peuvent créer un logo créatif adapté aux masses. En bref, vou

(Conseils techniques et de conception)