Le test des caractères –

Je suis un grand fan de Kushagra Gour depuis les débuts de Webmaker – son terrain de jeu de code semblable à CodePen fonctionnant sous la forme d’une extension Chrome. Je l’utilise presque tous les jours.

Plus récemment, il a associé Kushagra Agarwal à un nouveau projet intitulé « CSSBattle.dev – un mélange original et sympa de code CSS et de golf. Soyez averti – si vous connaissez même un peu de CSS, cela peut créer une dépendance.

Code Challenge n ° 2: le test des caractères

Ainsi, pour notre deuxième défi Code, nous travaillons en partenariat avec CSSBattle pour renforcer vos compétences en CSS. Votre défi consiste à écrire HTML et CSS dans le panneau "Editeur" qui reproduit parfaitement le graphique du logo SitePoint dans le panneau "Cible" situé à droite. Votre résultat s'affiche en direct dans le panneau "Sortie" central. Un panneau coulissant pratique sur la sortie vous permet de comparer votre rendu en direct avec l’image cible.

Enfin, lorsque vous pensez avoir un bon match avec la cible, appuyez sur le bouton ‘Soumettre’ pour obtenir votre score.

Ouvrir cette CSSBattle dans une nouvelle fenêtre

Ouvrir cette CSSBattle dans une nouvelle fenêtre

Conseils pour CSSBattlers:

• Images Les SVG ne sont pas autorisés.
• Les matchs parfaits au pixel gagnent bien plus que les proches matchs
• Une fois que vous avez obtenu un match à 100%, votre objectif est de réduire le nombre de vos personnages. Que pouvez-vous couper?
• Les CSSBattles ne traitent pas du joli code. Vous seriez probablement étonné de ce que vous pouvez couper du CSS avant qu'il ne se casse.

Ce code est-il donc utilisé en production normale? Non, probablement pas, mais ce n’est pas la question. J'utilise CSS depuis 20 ans, mais j’ai appris beaucoup de choses nouvelles avec CSSBattles en essayant simplement des trucs fous que j’ai jamais eu la moindre raison d’essayer.

Prix

Des prix en argent sont attribués aux 3 meilleurs concurrents pour cette ronde (50 $, 30 $ et 20 $) qui se terminent dans environ 3 semaines – mais je dois dire que la compétition au sommet est assez difficile . Il y a des incantations de Harry Potter réduisant certaines de ces meilleures solutions! Cependant, nous avons également mis en place 20 abonnements Premium pour les 20 meilleurs.

N'oubliez pas également que si vous n'êtes pas prêt à vous battre pour le top 3, vous pouvez créer votre propre mini-ligue d'amis et de collègues pour rivaliser avec le droit de se vanter.

Découvrez comment vous allez .

Alex fait des choses cruelles et inhabituelles à CSS depuis 2001. Il est le concepteur principal et le développeur pour Sitepoint et le concepteur unique de SitePoint. et éditeur UX avec plus de 150+ newsletters écrites. Aujourd'hui, Alex participe à la planification, au développement, à la production et à la commercialisation d'une vaste gamme de produits et de références imprimés et en ligne. Et a conçu plus de 40+ des couvertures de livres de SitePoint.