Nouvelles ressources pour les développeurs Web - Juin 2016

Nous élargissons la liste pour l'édition de mi-année. Cet article comporte quelques CLI (et voici notre article sur les raisons pour lesquelles vous devriez apprendre la ligne de commande), une application de bureau pour le travail et l'amusement, et plusieurs bibliothèques CSS et JavaScript. Vous y trouverez également du matériel de lecture, des références et des guides sur les meilleures pratiques que vous devriez consulter, mettre en signet et éventuellement lire un jour.

Je ne vais pas gâcher le reste de la liste. Pour plus de ressources fraîches, cliquez ici.

Cliquez pour plus de ressources

Cliquez pour plus de ressources

Retrouvez notre collection complète de ressources recommandées et les meilleurs outils de conception et de développement Web disponibles.

CertBot

CertBot fournit un moyen plus pratique de déployer des certificats à partir de Let's Encrypt. Il fournit un ensemble de lignes de commande prenant en charge de nombreuses configurations de serveur telles qu'Apache, NGINX et Plesk. En parlant de cela, Let's Encrypt est un effort commun pour sécuriser le Web en fournissant un certificat SSL gratuit. Il est actuellement utilisé dans plus de 3 millions de sites Web.

Mononoki

Mononoki est une police conçue spécifiquement pour afficher le code. Mononoki est disponible sous la forme d'une police de bureau installable ( .ttf ) et d'une police Web ( .eot et .woff ). C'est une alternative fraîche aux monotypes classiques comme Monaco, Menlo et Courier.

BideoJS

L'affichage d'une vidéo autoplay sur la page d'accueil pleine page semble être une tendance à la hausse. BideoJS est une bibliothèque JavaScript qui vous permet de faire exactement cela avec moins d'obstacles. Il est léger, réactif et peut être configuré pour répondre à vos besoins.

CSS Purge

CSS Purge est une collection de références, d'articles et de statistiques pour CSS. Une information ingénieuse comme celle-ci peut vous aider à prendre des décisions éclairées sur les méthodologies CSS, les outils et le cadre que vous aimeriez adopter dans votre projet.

Mailgen

Mailgen est un module Node pour générer un email HTML simple et agréable. Une poignée d'options est fournie, vous permettant de personnaliser presque tous les domaines de l'email. Vous pouvez définir le "thème" de l'e-mail, l'en-tête de l'e-mail et le bouton "Appel à l'action". Il peut également être intégré dans votre bureau ou votre application Web basée sur un nœud.

Déco

Deco est un IDE pour construire une application mobile en utilisant l'initiative Facebook React Native. Pensez à Deco comme XCode ou Visual Studio où vous pouvez créer une application avec une interface utilisateur conviviale en utilisant le glisser-déposer, les curseurs et les sélecteurs de couleurs.

IE8 Linter

Internet Explorer 8 (IE8) est un navigateur ancien qui ne prend pas en charge les technologies Web modernes comme CSS3 Animations, Transforms, Transitions et la plupart des éléments HTML5 sans polyfill . Le principe DRY est un outil que nous pouvons utiliser pour analyser les sites Web pour la compatibilité IE8. Il fournit le rapport et les solutions.

Caprine

Caprine est une application de bureau Facebook Messenger non officielle. Il est construit au dessus de Node.js et Electron ce qui lui permet d'être une application multiplateforme; il est disponible sous OS X, Windows et Linux. En vient également en deux couleurs, Dark et Light.

Kit de photons

Photon Kit est un cadre pour démarrer une nouvelle application avec Electron. Tout comme Bootstrap, Foundation et autres, Photon est livré avec un certain nombre de composants qui vous permet de créer des éléments d'interface utilisateur communs dans une application comme les boutons, la barre d'outils et la barre latérale.

Yeoman App

Yeoman App est une application de bureau qui génère des projets, des frameworks et des échafaudages de Yeoman. C'est une bonne alternative pour ceux qui ne sont pas à l'aise avec les terminaux et les lignes de commande.

SQLectron

SQLectron est un client de bureau SQL qui vous permet d'afficher et d'effectuer plusieurs opérations SQL de manière plus pratique. Il prend en charge MySQL, PostgreSQL et Microsoft SQL Server. SQLectron est disponible pour OS X, Windows et Linux.

Famille SCSS

FamilySCSS est une collection de mixins qui permet de sélectionner des éléments avec :nth-child plus intuitif. Les mixins sont déclaratifs. Par exemple, vous pouvez écrire @include first(3) pour sélectionner les trois premiers éléments enfants et écrire @include between(2, 4) pour sélectionner les éléments 2 à 4.

EasyEngine

EasyEngine est une collection de lignes de commande qui vous permet de configurer votre WordPress avec des outils et des modules tels que Redis, Caching plugin et PageSpeed. Il rend la configuration du serveur WordPress pour la vitesse un jeu d'enfant.

Phinx

Phinx est un module PHP pour la gestion et la migration de bases de données. Il est livré avec des classes et des lignes de commande qui vous permettent d'exécuter presque toutes les opérations de base de données telles que l'écriture, le téléchargement et le téléchargement. Phinx Docs est une référence ingénieuse pour vous aider à démarrer.

RichCSS

RichCSS est un framework CSS qui fournit une structure saine. Le framework organise soigneusement les dossiers, répertoires et classes de façon pro-DRY, ce qui permet de le réutiliser. En plus des boutons, des listes et des formulaires, RichCSS dispose également de sa propre interface de ligne de commande que vous pouvez utiliser pour démarrer un nouveau projet Rich tel que Bower, Git et NPM.

Frend

Frend est une collection de composants Web communs. La collection se compose actuellement d'Accordéon, Dialog Modal, Offcanvas, Tooltip, Tabs, avec quelques autres à venir dans la prochaine version. Frend pourrait être une bonne alternative à l'interface utilisateur de jQuery.

FLORIDE

Ceci est un cadre complet pour construire une mise en page de grille réactive avec Flexbox.

PHP la bonne façon

PHP est un langage de programmation facile à apprendre, mais vous pourriez facilement vous tromper avec les codes, ce qui pourrait éventuellement compromettre la sécurité et les performances de votre site Web. PHP the Right Way est une référence complète pour apprendre les meilleures pratiques en PHP.

Starability

Starability est une bibliothèque de CSS pour construire un système d'évaluation des étoiles avec des commentaires animés de fantaisie. Le classement par étoiles est construit en tenant compte de l'accessibilité. vous pouvez naviguer et attribuer des étoiles via le clavier.

WaitAnimate

WaitAnimate est un outil web pratique pour calculer un timing "pause" dans une seule animation CSS @keyframe . La "pause", lorsqu'elle est bien faite, pourrait rendre l'animation plus engageante - voici quelques exemples.