L'édition de juillet de ce qui est nouveau pour les concepteurs et développeurs Web comprend de nouvelles applications Web, des outils JavaScript et jQuery, des frameworks, des outils de productivité, des éditeurs de code et de nouvelles polices vraiment géniales.

Bon nombre des ressources ci-dessous sont gratuites ou très peu coûteuses et seront sûrement utiles à de nombreux concepteurs et développeurs.

Comme toujours, si nous avons raté quelque chose qui, selon vous, aurait dû être inclus, veuillez nous en informer dans les commentaires. Et si vous avez une application ou une autre ressource que vous aimeriez voir incluse le mois prochain, tweetez-la sur @cameron_chapman pour examen.

Nitro

Nitro est un gestionnaire de tâches qui s'interface avec Dropbox ou Ubuntu pour vous rendre plus productif. Il propose des listes intelligentes pour organiser les tâches, les dates d'échéance, la recherche, les tâches récurrentes et même les thèmes.

Nitro

Tinypng

Besoin de fichiers PNG encore plus petits pour vos conceptions? TinyPNG utilise la compression avec perte intelligente pour réduire la taille de fichier de vos fichiers PNG, tout en préservant la transparence alpha. C'est une excellente solution si vous avez besoin de petits fichiers avec transparence.

tinypng

Vi

Vi est un simple éditeur de texte intégré au navigateur qui vous permet d’ouvrir et de modifier des fichiers à partir du Web. Et si vous ouvrez des fichiers directement à partir de Dropbox ou de Box, ils seront sauvegardés d’où ils proviennent.

vi

Guide de survie du designer

Guide de survie du designer est un blog, organisé par Richard Baird, qui propose des listes constamment mises à jour de conseils de conception sur divers sujets de grands designers et professionnels du secteur. C'est une ressource, en particulier pour les concepteurs débutants.

Guide de survie

Spin.js

Sping.js est un générateur CSS qui vous permet de créer un programme de chargement basé sur CSS, dépourvu de dépendances externes, d'images et de CSS externe. C'est très configurable et indépendant de la résolution.

tourner js

Facture HTML5

Facture HTML5 est basé sur la facture HTML légère de Chris Coyier. Les factures s'impriment parfaitement sur du papier 8,5 x 11, avec une sortie précise. Vous pouvez l'utiliser tel quel ou télécharger la source pour personnaliser le style.

facture html5

Fondation 3.0

La Fondation Zurb est sortie depuis un certain temps, et ils viennent de sortir la nouvelle version, Fondation 3.0 , qui est l’infrastructure frontale la plus avancée au monde. 3.0 a été construit avec Sass pour un développement plus rapide et des outils supplémentaires, et d'autres nouveaux éléments ont également été ajoutés.

fondation 3.0

Chocolat

Chocolat est un nouvel éditeur de texte et de code pour OS X. Il associe le cacao natif et des outils d'édition puissants. Les fonctionnalités incluent les erreurs en direct, l'achèvement du code, l'édition de fractionnement, etc.

chocolat

Chargeur latéral Dropbox

Si vous préférez utiliser votre compte Dropbox pour héberger des images utilisées sur votre blog WordPress, alors vous avez besoin du Chargeur latéral Dropbox brancher. Il est facile d’ajouter un nouvel onglet à Media Uploader de WordPress, ce qui vous permet d’extraire des fichiers image de votre compte Dropbox.

sideloader dropbox

MercuryApp

MercuryApp est une plate-forme de «micro-journalisation» qui vous permet de suivre vos sentiments sur pratiquement n'importe quoi au fil du temps, de collecter des données à ce sujet, puis de mieux comprendre. Vous pouvez l'utiliser pour prendre des décisions plus intelligentes en suivant vos sentiments à propos de presque tout.

mercuryapp

Pixels Purty

Pixels Purty est une excellente ressource pour les ressources de conception PSD gratuites et les thèmes WordPress. Des ressources premium sont également disponibles.

pixels purty

Rue Sud

Rue Sud est un groupe optimisé d’outils de workflow d’amélioration progressive et open source. Il inclut Enhance, eCSSential, QuickConcat, AjaxInclude, AppendAround et Picturefill, et a été développé par Filament Group.

rue Sud

Supports

Supports est un éditeur de code open source pour la conception et le développement Web, créé et maintenu par Adobe (et distribué sous licence MIT). Il est construit à l'aide de HTML, CSS et JavaScript et se concentre sur les vues en ligne "à modification rapide" afin que vous ayez un accès contextuel à votre contenu tout en gardant votre code au premier plan.

supports

Sprite3D.js

Sprite3D.js est une petite bibliothèque JavaScript pour créer et manipuler des transformations 3D CSS. Il encapsule les éléments HTML avec les comportements nécessaires pour que vous puissiez facilement contrôler leur position 3D. Et cela fonctionne sans objet canevas ni navigateur WebGL.

sprite3d.js

RefineSlide

RefineSlide est un diaporama open source et réactif qui offre la prise en charge de la transition CSS et de la transformation 3D, des vignettes formatées automatiquement et réactives, des légendes HTML, une accélération matérielle sur les navigateurs pris en charge, etc.

raffiner

SeuratJS

SeuratJS est une bibliothèque JavaScript pour créer des animations pointillées et pixélisées à partir de vos images avec un code minimal. Il utilise le canevas HTML5 pour analyser les données couleur, de sorte qu'il soit entièrement côté client.

seuratjs

Laravel

Laravel est un framework de développement web PHP qui facilite la création d'applications avec une syntaxe simple et expressive. Il est bien documenté, open source, et vous permet de partager du code en lots (ou des bundles que d'autres ont partagés pour accélérer votre propre développement).

laravel

Mannequin

Mannequin est une boîte à outils pour le prototypage rapide qui accélère le développement, le test et la présentation de prototypes Web en simulant la connectivité à une base de données en direct. Il sert du contenu tout en randomisant les principaux aspects de la mise en page, de sorte que vous travaillez avec et présentez quelque chose de beaucoup plus proche du résultat final.

mannequin

La chaudière

La chaudière est un thème WordPress HTML5 / CSS3 gratuit et réactif de Vorkshop. Il comprend un personnaliseur de thème et des options, un en-tête personnalisé, un arrière-plan personnalisé, des modèles personnalisés, des codes abrégés, etc.

la chaudière

Étrangler

Il est assez facile de tester les temps de chargement sur votre site Web en ligne. Mais qu'en est-il du test pour les utilisateurs mobiles? Étrangler simule comment un site Web se chargera sur différents réseaux mobiles, sans avoir réellement besoin d'accéder aux différents réseaux mobiles (par exemple, vous pourriez tester sur un réseau 3G médiocre).

étrangler

Rond point

Rond point prend vos listes non ordonnées et les convertit dans un format de type platine. Il est open source et prêt à l'emploi tout de suite, tout en étant hautement personnalisable.

rond point

ProjectFlow

ProjectFlow est une manière visuelle d'organiser vos projets, avec une interface glisser-déposer. Ajoutez simplement des projets, définissez vos colonnes pour refléter votre processus, puis faites glisser vos projets dans les colonnes pour marquer leur progression.

flux de projet

Unroll.me

Unroll.me est un service gratuit pour se débarrasser des abonnements aux e-mails indésirables et organiser le reste d'entre eux. Il ne fonctionne actuellement qu'avec Gmail et Google Apps, mais prend en charge Yahoo! Mail et d'autres seront à venir.

unroll.me

QUOjs

QUOjs est une bibliothèque micro JavaScript pour des projets de développement mobiles simplifiés. Il simplifie la traversée de documents HTML, la gestion des événements et les interactions Ajax pour un développement rapide du code inter-navigateurs.

quojs

Temps de disponibilité

Temps de disponibilité est un utilitaire de surveillance à distance HTTP qui utilise Node.js et MongoDB. Il vous permet de surveiller des milliers de sites Web selon un calendrier que vous définissez, ainsi que des alertes instantanées sur chaque page en cas de problème, entre autres fonctionnalités.

disponibilité

Peity

Peity est un plugin jQuery qui convertit le contenu d'un élément en graphique de canevas (camembert, ligne ou barre). Il fonctionne dans tous les logiciels supportant le canevas (Chrome, Firefox, IE9 +, Opera et Safari).

la pitié

PHP: la bonne manière

Voulez-vous apprendre PHP? PHP: la bonne manière peut aider. Il explique les bonnes pratiques de PHP afin d'éviter de mauvais codes et de mauvaises pratiques (important car il n'y a pas de méthode canonique pour utiliser PHP, ce qui peut induire en erreur certains nouveaux utilisateurs).

php dans le bon sens

Docracy

Besoin d'un document juridique? Check-out Docracy , un référentiel social de documents juridiques, contrats et accords. Il vous suffit de rechercher un document, d'enregistrer une copie et de la personnaliser, et de la signer gratuitement.

la docratie

PsDefaults

PsDefaults offre de meilleurs "graphiques par défaut" pour Photoshop. Il s'agit d'un ensemble de préréglages modernes fabriqués à la main: motifs, pinceaux, formes, styles, etc. Vous pouvez obtenir un mini-kit gratuit en échange de votre adresse e-mail, ou vous pouvez le pré-commander en le prenant en charge sur Kickstarter.

psdefaults

Tilizer

Tilizer est un générateur d'arrière-plan en mosaïque vraiment soigné. Il crée des modèles de tuiles aléatoires en fonction de vos entrées, y compris le nombre de lignes et de colonnes uniques que le modèle doit avoir, l'échelle, les couleurs et plus encore.

tilizer

Marqués

Marqués est un outil simple pour partager des images, les commenter et les marquer. C'est un outil fantastique pour les équipes ou pour obtenir les commentaires des clients.

chapiteau

Maven Pro (nommez votre prix)

Maven Pro , de Lost Type Co-Op et conçu par Joe Prince, offre trois poids les plus légers manquants de la police de caractères sans empattement Maven Pro, y compris un poids ultra-mince.

maven pro

Bioweapon (gratuit)

Bioweapon est une police de Lucas Felipe, gratuite pour un usage commercial, uniquement disponible via Behance. C'est une fonte d'affichage moderne, avec des formes de lettres sans empattement et une utilisation fantastique de l'espace négatif.

arme biologique

Figa (gratuit)

Figa est une superbe police gratuite avec des formes de lettres géométriques et abstraites. Conçu par Pier Paolo, il est disponible pour tous vos projets, à condition que vous en envoyiez une copie au concepteur.

figa

Quarz 974 (gratuit)

Quarz 974 est une police géométrique abstraite avec des formes de lettres de type runique. Il est étonnamment lisible à l’écran, ce qui le rend idéal pour les affiches.

quarz 974

Typometry Pro (10 $)

Typometry Pro est une police d’affichage au style moderne et déco. Il existe des styles réguliers et alternatifs inclus.

Typometry Pro

47 (gratuit)

47 est une police de caractères moderne et gratuite avec une touche vintage et des formes de lettres inclinées.

47

Script luxuriant (59 $)

Script luxuriant est un script formel légèrement détendu influencé par le maniement des années 40 et 50. Son rythme est plutôt agressif, avec des transitions souvent rapides.

script luxuriant

Façade (55 $)

Façade est un système à couches multiples avec des possibilités de conception infinies et une impression de signe vintage. Il existe 224 caractères dans six styles, parfaits pour les titres et les logos.

façade

Ashbury (gratuit - 258 $)

Ashbury est inspiré des types de transition du 18ème siècle avec des aspects formels réinterprétés et un contour fluide. Le poids léger est gratuit à télécharger, bien qu'il y ait 10 poids et styles disponibles.

ashbury

Gland (gratuit)

Gland est une police de caractères gratuite de William Suckling, disponible via Behance. C'est une police de caractères simple, dessinée à la main, sans empattement, parfaite pour une utilisation sur écran.

gland