Catégories
Astuces et Design

Créez un tableau de bord réactif avec un matériau angulaire et des graphiques ng2 – Smashing Magazine

A propos de l'auteur Zara Cooper est une développeur de logiciels et une rédactrice technique qui aime partager ce qu'elle apprend en tant que développeur avec les autres. Quand elle a du temps à perdre, elle aime… Plus à propos Zara … Les schémas dans Angular 9 sont des générateurs de code qui peuvent créer […]

Catégories
Astuces et Design

JQuery réactif pour les bases de code héritées spaghetti (ou lorsque vous ne pouvez pas avoir de belles choses)

Je peux vous entendre crier maintenant: «Pourquoi diable voudriez-vous utiliser jQuery alors qu'il existe de bien meilleurs outils disponibles? La démence! Quelle sorte de maniaque êtes-vous? Ce sont des questions raisonnables, et je vais y répondre avec un peu de contexte. Dans mon travail actuel, je suis responsable de l'entretien et de l'alimentation d'un ancien […]

Catégories
Astuces et Design

Style réactif à l'aide de sélecteurs d'attributs

L'un des défis auxquels nous sommes confrontés lors de l'implémentation du style atomique basé sur une classe est qu'il dépend souvent d'un point d'arrêt spécifique pour le contexte.     Il est courant d'utiliser un préfixe pour cibler chaque point d'arrêt: Cela fonctionne bien jusqu'à ce que nous commencions à ajouter plusieurs classes. C'est alors […]

Catégories
Astuces et Design

Comment rendre localStorage réactif dans Vue

Réactivité est l'une des meilleures fonctionnalités de Vue. C'est aussi l'un des plus mystérieux si vous ne savez pas ce qu'il fait en coulisses. Comme, pourquoi ça marche avec des objets et des tableaux et pas avec d'autres choses, comme localStorage? Répondons à cette question, et pendant que nous y sommes, faire Vue réactivité travailler […]

Catégories
Astuces et Design

Transformer un objet de taille fixe en un élément réactif

J'étais récemment dans une situation où je voulais montrer un iPhone sur un site Web. Je voulais que les utilisateurs puissent interagir avec une démo d'application sur ce téléphone «simulé», donc elle devait être rendue en CSS, pas une image. J'ai trouvé une excellente bibliothèque appelée marvelapp / devices.css. La bibliothèque a implémenté l'appareil dont […]

Catégories
Astuces et Design

Développement Web et de bureau réactif avec Flutter – Smashing Magazine

A propos de l'auteur Passionné de Flutter et Linux, auteur du livre Programming Flutter with the Pragmatic Bookshelf. Blogs plus, tweets moins. Plus à propos Carmin … Flutter a déjà fait sensation sur la scène du développement mobile. Maintenant, il prend également de plus gros appareils. Voici ce que vous devez savoir pour être prêt […]

Catégories
Astuces et Design

Créer un chemin de mouvement CSS réactif? Bien sûr que nous pouvons!

Il y a eu récemment une discussion sur l'animation au travail Slack: comment pourriez-vous rendre un chemin de mouvement CSS réactif? Quelles techniques fonctionneraient? Cela m'a fait réfléchir. Un chemin de mouvement CSS nous permet d'animer des éléments le long de chemins personnalisés définis par l'utilisateur. Ces chemins suivent la même structure que les chemins […]