Les 15 projets open source les plus passionnants du Web
Nous sommes constamment surpris par tous les nouveaux projets open source sympas; il y a presque toujours une alternative open source aveuglante à tout logiciel professionnel dont vous avez besoin pour votre travail de conception Web, si vous savez où chercher.
Avec autant de projets passionnants, nous avions du pain sur la planche pour essayer de choisir nos favoris. Du meilleurs éditeurs de code aux créateurs d'applications JavaScript, police web outils et plus encore, voici 15 excellents exemples du travail remarquable qui est accompli pour rendre le Web meilleur. Besoin d'une bonne typographie? Voir notre tour d'horizon des meilleurs polices gratuites .
01. Atome
Atome est l'un des éditeurs de texte les plus populaires parmi les codeurs, car il est piratable dans sa base - étant un projet open source, les utilisateurs peuvent le personnaliser en fonction de leurs besoins spécifiques.
Si vous souhaitez ajouter une nouvelle fonctionnalité ou modifier quelque chose, il est probable que vous n'aurez pas à le coder vous-même car il existe déjà des milliers de packages open source que d'autres utilisateurs ont créés pour ajouter de nouvelles fonctionnalités. Parcourez-les ici pour trouver des fonctionnalités exceptionnelles dont vous n'auriez jamais cru avoir besoin.
02. React Native
Réagir natif permet aux utilisateurs de créer des applications mobiles natives en utilisant uniquement JavaScript et est incroyablement populaire sur GitHub. C'est similaire à Réagir (la bibliothèque JavaScript populaire pour la création d'interfaces utilisateur), sauf que ses blocs de construction sont des composants natifs plutôt que des composants Web.
Avec lui, les utilisateurs peuvent créer des mobiles riches UI qui ne se distinguent pas des applications créées avec Objective-C, Java ou Swift. Cependant, cela se combine bien avec ces trois-là, donc si vous voulez passer au code natif pour optimiser certains composants, c'est bien aussi.
Vous voudrez peut-être également consulter notre 10 conseils d'experts ReactJS que vous devez savoir aujourd'hui et ceux-ci 20 outils JavaScript pour vous épater .
03. Fil
Offrant une gestion des dépendances `` ultra-rapide, méga-sécurisée, super-fiable '', projet open source Fil est un concurrent pour gestionnaire de packages de nœuds .
Les fonctionnalités incluent la possibilité de réinstaller les packages sans connexion Internet, une file d'attente de demandes efficace qui promet de maximiser l'utilisation du réseau et un mode plat qui vous aide à éviter les dépendances en double.
04. Laboratoire de modèles
Laboratoire de modèles est une suite d'outils conçus pour vous aider à créer des sites en utilisant les principes de conception atomique .
Cela signifie décomposer les interfaces en parties plus petites et fonctionner dans un système de conception d'interface utilisateur que vous avez conçu pour répondre à vos besoins. La conception atomique et le Pattern Lab sont tous deux l'idée originale de Brad Frost et ont gagné en popularité depuis leur lancement.
05. Code Visual Studio
Code Visual Studio est un éditeur de code open source gratuit de Microsoft qui possède une multitude de fonctionnalités qui accélèrent le codage. Il existe une fonction appelée IntelliSense qui fournit des complétions intelligentes; commandes Git intégrées; débogage depuis l'éditeur et bien plus encore.
06. Police géniale
Police géniale C'est en effet génial: il y a environ 1 500 icônes de polices gratuites contenues dans une seule police, constituant «un langage pictographique d'actions liées au Web». Les icônes sont évolutives à l'infini, elles ont donc la même apparence quelle que soit leur taille et vous pouvez les styliser avec CSS.
Il fonctionne bien avec tous les frameworks et lecteurs d'écran, et ne nécessite pas de JavaScript.
(Vous pourriez aussi être intéressés par ceux-ci 41 meilleures polices Web gratuites )
07. Bootstrap
Amorcer est une bibliothèque de composants frontaux pour vous aider à créer des projets réactifs et mobiles en utilisant HTML, CSS et JavaScript, et l'un des projets open source les plus populaires sur GitHub. Bootstrap a été lancé par Twitter en 2011, mais au fur et à mesure de sa croissance, ses créateurs Mark Otto et Jacob Thornton ont décidé de le déplacer vers sa propre organisation open source, et le projet s'est séparé de Twitter.
Bootstrap a un faible encombrement, moins d'intégration et une conception visuelle convaincante. Il existe un outil de personnalisation Web que vous pouvez utiliser pour l'adapter à votre projet open source: composants et plugins jQuery peuvent être ajoutés ou supprimés en cochant les cases, et les variables peuvent être personnalisées à l'aide d'un formulaire Web.
Il existe une grille réactive à 12 colonnes, une typographie, des contrôles de formulaire et utilise du CSS réactif pour fonctionner avec les navigateurs mobiles. L'un des nôtre 19 grands thèmes Bootstrap gratuits pourrait être utile ici aussi.
08. Supports
Un projet open source qui a commencé sa vie chez Adobe, Supports est un éditeur de code léger et moderne axé sur les technologies Web.
Conçu spécifiquement pour les concepteurs Web et les développeurs frontend, il dispose d'une collection de fonctionnalités innovantes, y compris des éditeurs en ligne qui vous permettent d'ouvrir les fenêtres dans le code sur lequel vous travaillez plutôt que de sauter entre les onglets de fichiers, et un aperçu en direct offre une connexion en temps réel. avec votre navigateur.
09. Le projet d'accessibilité
Le projet d'accessibilité est un projet open source engagé à faire accessibilité web plus facile pour les concepteurs front-end et les développeurs à comprendre et à adopter dans un flux de travail quotidien. Le projet a démarré à la mi-janvier 2013 en réponse au sentiment général des développeurs selon lequel les concepts d'accessibilité, les fonctionnalités et les exemples de code de base sont trop difficiles à extraire.
Le projet a trois principes fondamentaux. Il se veut digeste (offrant des contenus courts et faciles à comprendre), à jour (conformément aux dernières normes) et indulgent (car les gens font des erreurs et l'accessibilité du Web est délicate).
Au moment de la rédaction de cet article, 100 personnes ont contribué au projet d'accessibilité et il est devenu une ressource inestimable pour tout développeur cherchant à rendre leurs sites plus accessibles à tous.
10. Laravel
Laravel a révolutionné le développement PHP. Projet gratuit et open source, il se présente comme le cadre pour les artisans du Web - en d'autres termes, les personnes qui apprécient un code élégant, simple et lisible - et il aide les équipes et les individus à créer rapidement des applications bien conçues.
Il y a une grande communauté et une collection de ressources autour de Laravel (par exemple, le Laracasts screencasts) et c'est l'un des frameworks PHP les plus utilisés aujourd'hui.
11. Terrain
Sol vous permet d'automatiser les tâches courantes à l'aide de JavaScript. Vous pouvez effectuer des tâches banales et répétitives telles que la minification, la compilation, les tests unitaires et le peluchage avec un effort presque nul. Et comme Grunt est extensible, si quelqu'un n'a pas déjà construit ce dont vous avez besoin, vous pouvez facilement créer et publier votre propre plugin Grunt.
Grunt a considérablement réduit la barrière à l'entrée pour les développeurs Web en fournissant une interface commune pour les tâches de leur processus de construction. Le vaste écosystème de plugins et le format de configuration facile permettent à tous les membres de l'équipe de créer un processus de construction moderne - concepteurs inclus.
12. Ember.js
Ember.js se présente comme «un cadre pour la création d'applications Web ambitieuses». L'une des plus grandes fonctionnalités est sa liaison de données; Les objets dans Ember peuvent lier des propriétés les unes aux autres. Ainsi, lorsqu'une propriété change dans un objet, l'autre est synchronisé.
Une autre caractéristique intéressante est la capacité d'Ember à définir des fonctions sur un objet que vous pouvez ensuite traiter comme des propriétés. Par conséquent, si un modèle a un prénom et un nom, vous pouvez créer une fonction pour définir le nom complet d'une personne et la traiter comme si le modèle avait une propriété de nom complet.
La fonctionnalité la plus susceptible de vous attirer est qu'Ember met automatiquement à jour ses vues lorsque les données changent, ce qui vous évite beaucoup de travail.
13. Fantôme
Plateforme de blogs Fantôme a fait tourner les têtes quand il a été financé avec succès par Kickstarter, dépassant sa demande initiale de 25 000 £ et a finalement rapporté plus de 196 000 £ de financement. Le projet open source est maintenant maintenu par l'organisation à but non lucratif la Ghost Foundation et quelques contributeurs indépendants.
Ghost a un objectif unique en fournissant aux blogueurs une interface simple qui leur permet d'écrire et de publier leur contenu sans faire face à la complexité des plates-formes traditionnelles. C'est un package gratuit que vous pouvez télécharger et installer sur votre propre serveur Web, mais si c'est trop compliqué et que vous êtes prêt à payer, il existe des versions hébergées par des professionnels.
14. Vue.js
Vue. approche basée sur la création d'applications Web.
Et si vous connaissez déjà Vue.js, vous pourriez être intéressé par nos conseils sur la façon de accélérer les performances au sein de l'application . Nous avons également couvert comment créer une application avec Vue.js facilement.
15. Servo
Servo est un prototype de moteur de navigateur Web entièrement écrit dans le langage de programmation système relativement nouveau Rust. Les améliorations notables de son sponsor, Mozilla, incluent des composants intégrés qui visent à obtenir un meilleur parallélisme et des performances avec Firefox pour en faire un navigateur plus stable.
Lire la suite:
- Familiarisez-vous avec la théorie de l'UX
- 7 tendances Web chaudes pour 2019
- Est-il temps de réglementer Internet?
