Nouvelles ressources pour les concepteurs et les développeurs Web (décembre 2017)
“CMS sans tête” gagne beaucoup d'attention ces jours-ci. En un mot, “CMS sans tête” ne traite pas du front-end; le CMS uniquement expose le contenu d'habitude sous forme d'API RESTful tandis que les développeurs peuvent utiliser ce qu'ils préfèrent pour rendre le contenu. Avec la popularité croissante de cette pratique, de nouveaux cadres apparaissent pour le mettre en place rapidement.
Ainsi, dans ce tour d’horizon, j’ai rassemblé quelques-uns de ces frameworks ainsi que d’autres outils utiles qui valent la peine d’être vérifiés..
Démarreur WP sans tête
C'est un thème de démarrage WordPress, mais contrairement aux autres, ce thème de démarrage exploite les WP-API pour obtenir le contenu et le rendre ensuite en HTML statique utiliser Node and React pour créer votre site web “sans tête”.
VueStoreFront
VueStoreFront est un autre “CMS sans tête” cadre. Construit sur Vue.js et Node, VueStoreFront est conçu pour les plates-formes de commerce électronique telles que Magento, Prestashop et Shopware via les API. Il intègre également l’approche PWA qui permet au site d'être utilisable hors ligne.
GatsbyJS
Gatsby est un générateur statique de site construit avec React.js. Vous pouvez utiliser des CMS avec des API telles que WordPress, Markdown, JSON pour alimenter le contenu. De même, il utilise certaines technologies récentes telles que Nœud, PWA, et React qui lui permettent de charger incroyablement rapidement.
DustPress
DustPress est un Thème de démarrage WordPress avec approche de développement moderne. En exploitant le langage de modèle Dust.js, DustPress sépare la présentation du modèle HTML de la logique PHP, permettant ainsi aux développeurs de produire un code beaucoup plus propre. Il fait aussi développement plus rapide, plus maintenable et donne au thème une structure organisée.
Icônes VSCode
Visual Studio Code est rapidement devenu l'un des éditeurs de code les plus populaires. Il est léger, a beaucoup de plugins, et maintenant il a des sélections de différentes icônes. Si vous estimez que l’icône du code Visual Studio par défaut est ennuyeuse, passez à l’une de ces icônes..
TailWindCSS
TailWindCSS est un autre framework CSS. Mais il diffère du framework CSS populaire tel que Bootstrap et Foundation en ce sens qu'il ne fournit pas de composants d'interface utilisateur. Au lieu, TailWindCSS est livré avec de petits morceaux de classes CSS qui vous permettent de composer votre propre interface utilisateur..
Traefik
J'essayais avec Docker et je me demandais comment router le nom de domaine vers plusieurs conteneurs différents sur une même machine. Puis j'ai trouvé Traefik, un Proxy inverse HTTP moderne et équilibreurs de charge. Outre Docker, il prend également en charge d'autres services tels que Kubernetes, Rancher et Amazon Elastic Container..
CubeUI
Construit sur le dessus de Vue.js, CubeUI est un composant d'interface utilisateur fantastique pour créer des applications mobiles. Composé de nombreux composants tels que Button, Popup, TimePicker, Slide et Checkbox. Chaque composant est doté d’une unité TestUnit garantissant une intégration continue et bogue minimisant sur chaque composant.
Air
Air est un thème de démarrage WordPress minimal. En élargissant le _s, Air ajoute des composants supplémentaires tels que Diapositives, barre de navigation adhésive et prêt pour WooCommerce.
États vides
EmptyStates est un collection de pages d'état vides sur le Web et les applications mobiles pour l'inspiration. La page d'état vide est le genre de page qui est souvent négligé.
Conception de raccourci
Ce site fournit une collection de raccourcis d'applications populaires et des outils utilisés par les développeurs et les concepteurs. Vous trouverez ici des raccourcis pour Sketch, Photoshop, InDesign, Sublime Text, WordPress et bien d’autres à venir. le la liste ne contient actuellement que des raccourcis pour macOS, mais il serait bon de voir les raccourcis Windows à ajouter également dans.
Uppy
Uppy est un Framework JavaScript pour construire une interface de téléchargement de fichier. Avec Uppy, vous pouvez récupérer des fichiers, non seulement à partir d'un lecteur local, mais également d'un service de stockage externe tel que Google Drive, Dropbox, Instagram et d'autres services. Ses léger, modulaire et extensible avec des plugins personnalisés.
VuetifyJS
VuetifyJS est une initiative de John Leider pour construire Material Design autour de Vue.js. Google a une initiative similaire avec MDL ou Material Design Lite, mais cela ne semble pas avoir assez de succès dans la communauté et les le développement semble progresser très lentement au cours des deux derniers mois. Donc, si vous cherchez une alternative, VuetifyJS peut être le bon choix.
WP ULike
WP Ulike est un Plugin WordPress à ajouter “Comme” à votre contenu que ce soit dans le type de message WordPress intégré, les types de message personnalisés, et bbPress ainsi que BuddyPress. Il vient également avec quelques autres fonctionnalités intéressantes telles Système de notification, analyses et widgets qui en font l'un des plus convaincants “Comme” système pour votre site WordPress.
Vee Valider
Vee Validate est une librairie JavaScript pour ajouter un champ de saisie avec la validation intégrée. Il prend en charge de nombreux types d'entrées telles que les adresses électroniques, numéros, dates, URL, adresses IP, etc..
Tables de données Vue
Un autre plugin très pratique Vue.js. VueDataTables est un plugin simple à construire table personnalisable et paginable avec Vue.js. Le plugin est construit avec l’échelle voulue pour rendre les données volumineuses sur la table impeccables. Il est également livré avec des composants supplémentaires pour alimenter votre table comme Pagination, Searchbox et Filter.
Googler
Googler est un CLI qui vous permet d'effectuer une recherche dans Google via les lignes de commande. Semblable à l'interface, il récupérera également le titre, la description, l'URL et la pagination. C'est un outil pratique pour les utilisateurs intensifs de MacOS et Linux.
Bolt CMS
Bolt est un CMS construit avec PHP. Il est rapide à configurer, utilise Twig comme moteur de création de modèles, supporte pleinement PHP7, facile à personnaliser à travers un simple fichier YAML. Globalement, cela me semble intéressant. Je vais certainement passer un peu de temps pour l'explorer davantage chaque fois que j'ai une chance.
Télétype
Le télétype est une nouvelle initiative de l'éditeur Atom. Cette nouvelle fonctionnalité vous permet de collaborer avec vos pairs sur l'écriture de code. Pour l'utiliser, vous devez installer le plugin officiel Teletype..
Plyr
Plyr (prononcé en tant que joueur) est un bibliothèque de lecteur multimédia moderne avec seulement 10 Ko de taille. Avec cela, vous serez en mesure de personnaliser le lecteur vidéo et audio HTML, Youtube et Vimeo, et un média de diffusion en direct. C'est en développement actif avec plus de prévu fonctionnalités à ajouter incluant le support pour les vidéos intégrées Wistia et Facebook.