Bonnes Pratiques Web & Cloud
58.8K views | +4 today
Follow
Bonnes Pratiques Web & Cloud
Administration cloud et développement web
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Current selected tag: 'prototypage'. Clear
Scooped by Mickael Ruau
Scoop.it!

{{ Handlebars.java }} - Prototype your web sites with Handlebars.java!

{{ Handlebars.java }} - Prototype your web sites with Handlebars.java! | Bonnes Pratiques Web & Cloud | Scoop.it
Prototype your web sites with Handlebars.java!

In this section you will learn to prototype web sites using the Handlebars.java Server!
Download

Just click here for download the file.
Usage

java -jar handlebars-proto-1.0.0.jar [-option value]
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Mettre en place un design workflow efficace pour la conception de maquettes web - Alsacreations

Mettre en place un design workflow efficace pour la conception de maquettes web - Alsacreations | Bonnes Pratiques Web & Cloud | Scoop.it

Nous on fait nos maquettes sur Photoshop mais du coup tout est en pixel. Comment faire du responsive ?

Eh bien, pour commencer, je vous invite à lire ou relire notre article sur « les 8 bonnes raisons d'abandonner Photoshop ». Un titre un peu racoleur je vous l'accorde, mais vous y trouverez déjà de nombreuses réponses sur la problématique de la production en pixel et de la gestion du responsive.

 

Pour résumer brièvement, on réserve Photoshop au traitement des images en pixel (donc tout ce qui est édition d'images et/ou de photos), et on migre sur un logiciel entièrement dédié à la création de maquettes web (en vrac, par exemple : Sketch, Figma, Adobe XD...). Ces logiciels proposent de nombreux outils afin de gérer le responsive plus facilement, notamment grâce aux fonctions de redimensionnement qui permettent de modifier un composant sans perdre les informations qu'il comporte (ex : marges intérieures identiques, objet ancré en haut à droite...).

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Développez un MVP SAAS rapidement !

Développez un MVP SAAS rapidement ! | Bonnes Pratiques Web & Cloud | Scoop.it


Laravel Spark est un boilerplate payant (99$) qui permet de démarrer très rapidement le développement d’une solution SAAS. Il fournit de base une gestion des utilisateurs, des logins, des équipes. Il supporte la notion d’abonnement et est fourni avec une intégration à la plateforme de paiement Stripe.

La prise en main n’est pas complètement immédiate. Peut être parce que nous l’avons testé au moment de la migration de Laravel 7 à Laravel 8. Nous avons rencontré quelques problèmes à l’installation que nous avons surmontés. Une fois installé, le produit fait le job. L’écosystème Laravel a évolué très vite récemment (notamment avec des solutions comme Laravel Livewire qui changent complètement la manière de faire du front). Laravel Spark ne bénéficie hélas pas encore de ces évolutions (il reste basé sur l’ancienne manière de gérer le front avec VueJS et le paquet « Laravel UI »).

En bref, ça fonctionne, ce n’est pas forcément « state of the art », mais ça nous a permis d’économiser 2 à 4 semaines de travail et de nous focaliser sur ce qui fait la différence : notre produit.

Avoir un MVP en SAAS ne doit pas vous faire oublier que de nombreuses autres tâches sont associées au lancement d’une telle plateforme :

en faire parler sur les réseaux,
développer une stratégie commerciale,
chercher à satisfaire les premiers clients,
définir une roadmap produit.

Beaucoup d’éléments qui nécessitent de nombreux efforts ! Et des efforts qui doivent être tenus dans le temps (c’est comme cela que nous avons réussi TheCodingMachine). C’est en général là où l’on pèche et que le projet s’arrête. C’est compliqué à gérer en parallèle d’une activité qui marche.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Penpot : un outil open source de prototypage d'applications mobiles et de site

Outre la définition d'un cahier des charges, le prototypage d'une application ou d'un site Internet est une opération importante pour savoir où l'on va. Penpot est un outil open source capable de vous aider pendant cette phase de conception.
Mickael Ruau's insight:

 

Cet outil de design et de conception graphique n'utilise que des technologies web et SVG pour les images. Il est donc indépendant du système d'exploitation.

La vidéo ci-dessous montre ses possibilités

Penpot est un logiciel libre sous licence Mozilla 2.0, disponible sur GitHub.

Il dispose d'un site dédié : penpot.app

No comment yet.