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


Designers: Obtenez des motifs d'arrière-plan SVG gratuits à partir de motifs de héros

Tous les navigateurs web modernes supportent SVG et c'est le format d'image le plus flexible que vous pouvez utiliser. Mais concevoir des SVG personnalisés à partir de zéro n'est pas une tâche facile.

C'est pourquoi un outil comme Hero Patterns peut être si précieux pour les concepteurs. C'est une bibliothèque gratuite de modèles SVG reproductibles que vous pouvez personnaliser avec différents styles, couleurs et opacités.

Hero Patterns a bien plus de 40 modèles différents à choisir et ils sont tous répertoriés directement sur la page d'accueil. Lorsque vous faites défiler vers le bas, vous verrez des démos en direct pour chacun d'entre eux et vous pouvez cliquer sur l'un d'eux pour voir à quoi ils ressemblent.

En haut de la page, vous trouverez une barre fixe avec des paramètres pour modifier les couleurs de premier plan et d'arrière-plan . La couleur de fond s'applique à la surface plane et la couleur de premier plan s'applique aux motifs dans les SVG .

Merci au style de mélange naturel, il est difficile de trouver un combo de mauvaises couleurs (mais certainement encore possible). Les motifs vont des dames aux icônes répétées détaillées comme les ancres.

Lorsque vous trouvez un motif, vous aimez simplement cliquer sur ce bloc pour une fenêtre modale avec plus de détails. De là, vous pouvez ajuster les couleurs de premier plan / arrière-plan, ainsi que l' opacité du premier plan pour les icônes .

Mais la vraie magie se produit dans la boîte de code où vous pouvez copier le CSS pour incorporer le SVG uniquement à travers le code . En CSS, il existe une méthode base64() pour convertir les données de chaîne en données SVG . C'est assez commun et cela fonctionne aussi avec d'autres images comme les fichiers PNG.

Donc, si vous ne voulez pas que le fichier SVG soit stocké localement, vous pouvez simplement copier / coller le code CSS directement dans votre feuille de style. Cela permettra d' intégrer le fond répété avec des couleurs appropriées directement sur votre site. C'est cool!

Ou, si vous préférez éditer le SVG vous-même, vous pouvez télécharger une copie de l'image SVG non éditée . De cette façon, vous pouvez effectuer toutes les modifications manuellement dans un logiciel de conception comme Illustrator.

Hero Patterns est l'un des rares outils qui permettent aux concepteurs de prendre le contrôle total sur les SVG directement à partir du navigateur. Les arrière-plans répétitifs utilisés pour s'appuyer uniquement sur les fichiers PNG mais les standards Web ont suffisamment progressé pour que les SVG puissent prendre leur place .

Pour commencer, visitez la page d'accueil de Hero Patterns et parcourez leur bibliothèque de patterns . De nouveaux modèles sont ajoutés fréquemment, alors assurez-vous de vérifier de temps en temps.

Utiliser les requêtes de quantité pour rendre votre quantité de CSS consciente

Utiliser les requêtes de quantité pour rendre votre quantité de CSS consciente

Les requêtes de quantité sont des sélecteurs CSS spécialement configurés qui permettent aux développeurs de prendre en compte leur quantité de code . Dans le design responsive, nous utilisons généralement des requêtes média pour adapter notre design à différentes fenêtres. Dans certains cas, cependant, nous pouvons vouloir changer de disposition ou utiliser d'autres dimensions ou esthétiques après qu'une certaine quantité du même type de contenu soit présente sur l'écran.C'est un problè

(Conseils techniques et de conception)

10 applications mobiles qui vous rapportent de l'argent et des récompenses

10 applications mobiles qui vous rapportent de l'argent et des récompenses

La plupart des applications vous obligent à dépenser de l'argent, mais saviez-vous qu'il existe des applications qui pourraient vous aider à gagner de l'argent à la place? C'est vrai, faire des tâches simples comme remplir des sondages et des offres ou même simplement en utilisant une application, vous pouvez faire quelques dollars.Accor

(Conseils techniques et de conception)