Catégories
Astuces et Design

Configurer une API à l'aide de Flask, de Google Cloud SQL et d'App Engine – Smashing Magazine

A propos de l'auteur Wole Oyekanmi est un data scientist qui travaille sur l'application de l'apprentissage automatique au crédit à la consommation. Quand il ne travaille pas, il aime créer une nouvelle startup… Plus à propos Wole … Flask permet aux développeurs de créer une API pour n'importe quel cas d'utilisation qu'ils pourraient avoir. Dans […]

Catégories
Astuces et Design

Comment simplifier le code SVG à l'aide de formes de base

Il existe différentes manières de travailler avec les icônes, mais la meilleure solution inclut toujours SVG, qu'il soit implémenté en ligne ou lié en tant que fichier image. C'est parce qu'ils sont «dessinés» dans le code, ce qui les rend flexibles, adaptables et évolutifs dans n'importe quel contexte. Mais lorsque vous travaillez avec SVG, il […]

Catégories
Astuces et Design

Données boursières en temps réel à l'aide de l'API de la place de marché

En cette période de crise économique mondiale, il est plus important que jamais que vos décisions financières soient fondées sur des informations de marché précises et à jour. Dans un monde où le cours des actions est un marqueur de confiance clé, les entreprises qui attirent l'attention, sécurisent les investissements et se développent sont celles […]

Catégories
Astuces et Design

Configurer une API à l'aide de Flask, de Google Cloud SQL et d'App Engine – Smashing Magazine

A propos de l'auteur Wole Oyekanmi est un data scientist qui travaille sur l'application de l'apprentissage automatique au crédit à la consommation. Quand il ne travaille pas, il aime créer une nouvelle startup… Plus à propos Wole … Flask permet aux développeurs de créer une API pour tout cas d'utilisation qu'ils pourraient avoir. Dans ce […]

Catégories
Astuces et Design

Voici comment j'ai résolu un bug étrange à l'aide de stratégies de débogage éprouvées et vraies

Vous vous souvenez de la dernière fois que vous avez eu affaire à un bug lié à l'interface utilisateur qui vous a laissé vous gratter la tête pendant des heures? Peut-être que le problème se produisait au hasard, ou se produisait dans des circonstances spécifiques (appareil, système d'exploitation, navigateur, action de l'utilisateur), ou était-il simplement […]

Catégories
Astuces et Design

Créer un carrousel à l'aide de CSS Scroll Snap et JavaScript

Ce didacticiel vous aidera à créer un carrousel réactif en utilisant la propriété CSS scroll-snap et très peu de JavaScript pour la navigation. Vous pouvez l'utiliser pour l'affichage de produits, ou comme galerie, ou pour vos témoignages – comme l'exemple de ce tutoriel. Voici donc ce que nous allons créer: Il ne s'agit en réalité […]

Catégories
Astuces et Design

Offrez une meilleure expérience utilisateur informée sur les données à l'aide de l'analyse intégrée Sisense

Cet article a été créé en partenariat avec StudioWorks. Merci de soutenir les partenaires qui rendent SitePoint possible. Les entreprises de presque tous les secteurs apprennent à prioriser la collecte de données tout au long du parcours client. Et de plus en plus, les rapports de données et les visualisations interactives sont un élément important […]

Catégories
Astuces et Design

Comment créer une carte de conférence animée à l'aide de CSS

Dans ce didacticiel, vous apprendrez à créer des cartes postales de blog qui basculent en survolant, révélant l'extrait de message au dos de la carte. Nous obtiendrons cet effet en utilisant CSS. Le résultat final est réactif, faisant basculer la carte au clic, sur les appareils mobiles. Ce GIF montre ce que vous pourrez créer […]

Catégories
Astuces et Design

Créer un effet de défilement de parallaxe simple dans la section des héros à l'aide de CSS pur

Dans ce didacticiel, vous apprendrez à créer un simple effet de défilement de parallaxe CSS pur dans la section des héros de votre page de destination. Le défilement de parallaxe est un effet où différents éléments visuels sur la page se déplacent à différentes vitesses lorsque l'utilisateur fait défiler. Cela crée un effet 3D ajoutant […]

Catégories
Astuces et Design

Rendez vos sites rapides, accessibles et sécurisés avec l'aide de Google – Smashing Magazine

A propos de l'auteur Dion Almaer aspire à un meilleur Web en tant que directeur de l'écosystème de développeurs Web chez Google. Il travaille sur des outils, des services et des bibliothèques qui visent à en faire… Plus à propos Dion … Du 30 juin au 2 juillet, l'équipe de la plate-forme Web de Google […]

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 ajouter reCAPTCHA v3 au formulaire PHP et soumettre à l'aide d'Ajax

Dans ce tutoriel, nous allons ajouter Google reCAPTCHA v3 à un formulaire PHP et le soumettre sans quitter la page, en utilisant Ajax. Si vous avez eu un formulaire de contact ou tout autre formulaire de ce type sur votre site Web, vous savez à quel point il est ennuyeux de recevoir des spams de […]

Catégories
Astuces et Design

Apprenez Z-Index à l'aide d'un outil de visualisation

Avez-vous toujours trouvé le concept de z-index rusé? Avez-vous donné une valeur d'index z de 99999 à un élément HTML en espérant qu'il sera placé devant tout dans une page et cela n'a toujours pas fonctionné? Si votre réponse est oui, vous êtes au bon endroit. Ci-dessous, je vais vous expliquer tout ce que vous […]

Catégories
Astuces et Design

5 façons de créer des sites Web sans code à l'aide de Gutenberg de WordPress

Les concepteurs de sites Web pourraient être pardonnés si leurs yeux brillaient à la simple mention de la création d'un site Web personnalisé. La création d'un site Web avancé nécessitait auparavant des connaissances en programmation et des heures de codage. Mais grâce à Gutenberg, même ceux qui ne connaissent pas leur code HTML à partir […]

Catégories
Astuces et Design

S'attaquer à l'authentification avec Vue à l'aide des API RESTful

L'authentification (connexion!) Est un élément crucial de nombreux sites Web. Voyons comment s'y prendre sur un site à l'aide de Vue, de la même manière que pour n'importe quel back-end personnalisé. Vue ne peut pas réellement faire l'authentification toute seule, nous aurons besoin d'un autre service pour cela, nous allons donc utiliser un autre service […]

Catégories
Astuces et Design

Créer une application de recherche GIF de bureau natif à l'aide de NodeGui – SitePoint

NodeGui est une bibliothèque open source pour la création d'applications de bureau natives multiplateformes avec Node.js. Les applications NodeGui peuvent s'exécuter sur macOS, Windows et Linux. Les applications construites avec NodeGui sont écrites en utilisant JavaScript, stylisées avec CSS et rendues en tant que widgets de bureau natifs en utilisant le framework Qt. Certaines des […]

Catégories
Astuces et Design

Comment créer une maquette (à l'aide d'un générateur de maquette ou de Photoshop)

Les maquettes sont un outil de conception qui montre une conception – logos, sites Web, produits, etc. – de manière réaliste. Il existe de nombreux outils pour vous aider à créer une maquette utilisable pour montrer votre travail. Le principal avantage de l'utilisation d'une maquette est qu'elle peut donner vie à un projet (même avant […]

Catégories
Astuces et Design

Définition de TypeScript pour les projets Modern React à l'aide de Webpack et Babel – Smashing Magazine

A propos de l'auteur Blessing Krofegha est un ingénieur logiciel basé à Lagos au Nigeria, avec un désir ardent de contribuer à rendre le Web génial pour tous, en écrivant et en construisant… Plus à propos Bénédiction … Cet article présente Typescript, un exposant de JavaScript qui présente la fonctionnalité de type statique pour repérer […]

Catégories
Astuces et Design

Gestion des dates et des heures à l'aide de Moment.js

Travailler avec des dates et des heures en JavaScript a toujours été un peu compliqué. Les méthodes de date natives sont détaillées et l'API est souvent incohérente. C'est pourquoi si vous posez une question liée à la date sur StackOverflow, vous entendrez souvent la réponse "Use Moment.js". Qu'est-ce que Moment.js? Moment.js est un couteau suisse […]

Catégories
Astuces et Design

Comment créer une application d'enquête Vue à l'aide de l'authentification et de la base de données Firebase – Smashing Magazine

A propos de l'auteur David écrit actuellement du code frontal pour canaryng.com et s'efforce constamment de rendre le Web plus accessible à tous. Les intérêts en dehors du codage incluent… Plus à propos David … Ce didacticiel vous guidera étape par étape pour créer une application d'enquête fonctionnelle à l'aide de Vue.js et Firebase. De […]