Utiliser un framework web (Bootstrap) ou écrire mon propre CSS à partir de zéro?
Nous sommes une startup qui construit une plate-forme ERP. Elle a beaucoup d'écrans (10-15) et sera une première application de navigateur. Nous sommes une équipe de 3 et notre compétence est principalement javascript spécifiquement Angular . Nous avons externalisé la conception UI/UX et la personne que nous avons embauchée a fait un travail fabuleux. La prochaine étape consiste à coder (écrire HTML/CSS) cette conception. L'une des recrues potentielles dit qu'il veut utiliser Bootstrap disposition de la grille et il utilisera un plugin pour le calendrier et l'accordéon et le reste du style sera tout à lui. J'essaie de décider si c'est la bonne approche.
Lorsque je fais des recherches sur google, il y a beaucoup d'articles suggérant que l'on devrait écrire leur propre CSS à partir de zéro. De cette façon, vous savez tout et contrôlez tout. J'ai également lu que les plus grands magasins de développement ont leur propre disposition de grille codée qu'ils utilisent comme base. Je ne vois aucun mal à lui en utilisant Bootstrap juste pour la disposition de la grille (puisque le reste du style est le nôtre)) mais n'ayant pas la formation technique en HTML/CSS, je ne suis pas sûr si j'ai considéré tout les points ou non.
Merci d'avance.
Bien que la réponse ne soit pas la même pour tous les cas, dans votre cas spécifique, je recommanderais allez avec un cadre. Il semble que vous embauchez des personnes externes à votre équipe, donc il y a plusieurs raisons impérieuses pour aller dans cette voie, y compris:
- Speed: Comme vous n'écrirez pas votre propre langage de programmation chaque fois que vous avez besoin de coder quelque chose, les frameworks vous donnent une base pour commencer et accélérer les choses.
- Fiabilité: Les frameworks communs sont déjà testés par des millions d'utilisateurs. Ils ont suivi le processus complet de test et de débogage, vous savez donc que ses éléments sont éprouvés et vous pouvez les utiliser "prêts à l'emploi" dans la plupart des cas.
- évolutivité: Étant donné que les frameworks sont constamment mis à jour afin de s'adapter aux nouveaux développements, vous pouvez être raisonnablement sûr que tout développement ultérieur dans la langue de votre choix (par exemple AngularJS) sera probablement couvert dans une mise à jour du framework.
- Sécurité: Vous n'aurez pas à vous soucier des scripts défectueux, des injections ou des trous dans votre codage.
- Sustainability: Si vous arrêtez de travailler avec votre codeur, un autre codeur serait en mesure de reprendre là où le codeur d'origine s'était arrêté.
- Adaptabilité: Bien que les frameworks aient l'avantage d'avoir de nombreux éléments prédéfinis, il est également vrai que vous pouvez choisir d'utiliser un ensemble donné de ces éléments et/ou modifier ces éléments à volonté.
Veuillez noter que cela ne signifie pas que dans tous les cas un framework sera meilleur que le codage personnalisé. Mais cela semble tout simplement logique dans votre cas spécifique.
Simple.
Avez-vous suffisamment de temps et de ressources pour créer à partir de zéro tous les différents éléments tels que "Accordéons", etc.? Cela aussi pour Angular?
Si oui , optez pour un code personnalisé (vous pouvez utiliser Node outils JS comme griderator ou Autogrid )
Si non , allez-y avec bootstrap, assurez-vous simplement d'utiliser de merveilleux outils de construction comme Gulp JS pour concaténer, réduire, auto-préfixe etc votre code framework. De cette façon, vous pouvez accélérer tout en conservant la raison du code
Hypothèses: Puisque vous êtes une startup, cela signifie que vous avez besoin de choses à un rythme rapide et de qualité.
Avantage :
- Développement rapide avec une mise en page réactive
- Cadre fiable/sécurisé et testé avec un excellent support communautaire
- Courbe d'apprentissage très réduite, vous pouvez l'apprendre en faisant
Désavantage:
- Une mauvaise planification peut créer des ballonnements CSS
- Convention de dénomination non sémantique (je ne sais pas si cela vous intéresse mais vous vous y habituerez une fois que vous commencerez à travailler dans le bootstrap)
- Les fichiers et plugins inutiles sont fournis par défaut (mais vous pouvez les personnaliser)
Voici mon point de vue:
- Utilisez-le uniquement pour créer des grilles et créez votre propre thème
- Personnalisez selon vos besoins, il y a un lien sur leur site Web pour cela
- Vous pouvez également remplacer les fichiers de framework par défaut (mais je ne le recommanderai pas)
- Même si vous écrivez votre propre css (thème) utilisez Less ou Saas
Estimer les efforts pour le code fait main vs le framework. Personnellement, je pense que si c'est un site Web de 10 à 15 pages (ordinateur de bureau uniquement) avec peu de plugins (calendrier/accordéon, vous pouvez aller avec du code fait à la main.