web development resources

Ressources de développement Web

Une liste des outils et ressources frontaux open source pour les concepteurs de sites Web et les développeurs.

Table des matières

• Wiki
• Frameworks
• Frameworks d'applications Web mobiles
• Composants frontaux
• Thèmes html5
• Préprocesseur HTML
• Préprocesseur CSS
• Préprocesseur javascript
• Framework SASS
• Module de fonctionnalité Node.js et bundler
• Bibliothèque JavaScript
• Plugins JavaScript à la vanille
• Plugins jQuery
• Boîte à outils de compresseur JavaScript
• Bibliothèque CSS
• Bibliothèque SVG, PNG et FONT
• PNG, JPEG, boîte à outils GIF Compressor
• Formulaires HTML
• Outils Web
• Bibliothèque CDN
• Wiki de compatibilité du navigateur
• Outils de test de réactivité
• Outils de test de performance
• Espace réservé
• Mockup Placeholder
• Icônes de site Web pour les navigateurs
• Extraits et tutoriels inspirants gratuits
• Référence CSS
• Tutoriels CSS
• Infographie
• Inspiration de conception
• Le système de type
• Outils de webmaster
• Gestionnaire de packages
• Halte
• Liste des listes de listes

---

Wiki

Nom	Description
Normes W3C	Les normes W3C définissent une plate-forme Web ouverte pour le développement d'applications qui a le potentiel sans précédent pour permettre aux développeurs de créer de riches expériences interactives, alimentées par de vastes magasins de données, qui sont disponibles sur n'importe quel appareil.
cssdb	Une liste complète des fonctionnalités CSS et leurs positions dans le processus de mise en œuvre des normes Web.
Docs Web MDN	Ressources pour les développeurs, par les développeurs.
Développeurs Web Google	Construisez la prochaine génération d'expériences Web.
W3schools	Tutoriels Web en ligne.
CSS-Tricks	Articles quotidiens sur CSS, HTML, JavaScript et tout ce qui concerne la conception et le développement Web.
Magazine Smashing	Pour les concepteurs de sites Web et les développeurs.
Webglossary.info	Glossaire étendu des termes de développement Web et de conception.

↥ Retour en haut

Frameworks

Nom	Description
Coulageur HTML5	Le modèle frontal le plus populaire du Web.
Amorce	Bootstrap est le cadre HTML, CSS et JS les plus populaires pour développer les premiers projets réactifs et mobiles sur le Web.
Fondation	Le cadre frontal réactif le plus avancé au monde.
-	-
Base	Un cadre HTML / CSS solide et réactif.
Basscss	Boîte à outils CSS de bas niveau.
Bulma	Un cadre CSS moderne basé sur Flexbox.
Cadre concis	Un cadre frontal léger qui offre un certain nombre de fonctionnalités excellentes sans le ballonnement.
Cardinal	Cardinal est un cadre CSS modulaire et "mobile-premier" construit avec les performances et l'évolutivité à l'esprit.
CSS furtif	Un micro-trame CSS avant-gardiste.
Faire du jus	un framework Flexbox CSS.
Conception de matériau lite	Une implémentation de composants de conception de matériaux dans Vanilla CSS, JS et HTML
Se concrétiser	Un cadre frontal réactif moderne basé sur la conception des matériaux.
Photon	Le moyen le plus rapide de créer de belles applications électroniques en utilisant des HTML et CSS simples.
Primer CSS	L'équipe GitHub Design Systems construit et maintient l'amorce.
Pur	Un ensemble de petits modules CSS réactifs que vous pouvez utiliser dans chaque projet Web.
Sensible	Un cadre puissant et accessible et convivial pour la création de sites Web réactifs.
UI sémantique	Un cadre de développement qui aide à créer de belles mises en page réactives à l'aide de HTML respectueuse de l'homme.
Boucher	Un cadre réactif léger pour le www.
Squelette	Un passe-partout simple et réactif.
CSS du vent arrière	Un cadre CSS axé sur les services publics pour la construction rapide de conceptions personnalisées.
Uikit	Un cadre frontal léger et modulaire pour développer des interfaces Web rapides et puissantes.

↥ Retour en haut

Frameworks d'applications Web mobiles

Nom	Description
Ui onsen	La façon la plus belle et la plus efficace de développer des applications Web hybrides et mobiles HTML5.

↥ Retour en haut

Composants frontaux

Nom	Description
Forme de forme	Formstone est une collection de composants frontaux.
Composants de l'interface utilisateur du wagon	-

↥ Retour en haut

Thèmes html5

Nom	Description
Démarreur bootstrap	Thèmes et modèles de démarrage de bootstrap gratuit pour lancer votre projet.
Thème wordpress html5 vierge	Le meilleur thème HTML5 WordPress Boilerplate, noté par Adobe, Smashing Mag, .NET MAG.
HTML5 UP!	Modèles de site HTML5 et CSS3 réactifs.
Démarrer Bootstrap	Une bibliothèque de thèmes et modèles Bootstrap gratuits à télécharger.

↥ Retour en haut

Préprocesseur HTML

Nom	Description
Haml	Langue de balisage d'abstraction HTML
Réduction	Un outil de conversion text-to-html pour les écrivains Web.
Mince	Un moteur de modèles léger.
Jade	Moteur de modèle de nœud.

↥ Retour en haut

Préprocesseur CSS

Nom	Description
MOINS	Node CSS Pré-processeur
SCSS / SASS	La langue d'extension professionnelle CSS la plus mature, stable et la plus puissante dans le monde.
Style	Préprocesseur CSS expressif, dynamique, robuste et riche en fonctionnalités.
Postcss	Un outil pour transformer CSS avec JavaScript.

↥ Retour en haut

Préprocesseur javascript

Nom	Description
Cafée	Un petit langage qui se compile en javascript.
Livescript	Une langue qui compile à JavaScript.
Manuscrit	Javascript qui évolue.
Babel	Le compilateur pour écrire JavaScript de prochaine génération.

↥ Retour en haut

Frameworks sass

Nom	Description
Bourbon	Une bibliothèque de mélanges simples et légères pour SASS.
Boussole	Un cadre de création de CSS open source.
Susy	Moteur de mise en page personnalisé pour SASS.

↥ Retour en haut

Module de fonctionnalité Node.js et bundler

Nom	Description
NPM	Le gestionnaire de packages pour JavaScript.
-	-
Navigation	côté navigateur require() la voie du nœud
Grognement	Le coureur de tâche JavaScript
Gorgée	Le système de construction en streaming
Colis	Blazing Fast, zéro configuration web application bundler.
Rouleau	Bundler du module ES de nouvelle génération.
Webpack	Un bundler pour JavaScript et amis.
-	-
Eslint	Trouvez et résolvez des problèmes dans votre code JavaScript.
Plus joli	Plus joli est un formateur de code d'opinion.
stylelint	Un linter puissant et moderne qui vous aide à éviter les erreurs et à appliquer les conventions dans vos styles.
commissaire	? Messages de charme
linkinator	Un robot de site super simple et un vérificateur de lien cassé.
-	-
Browsersync	Gardez plusieurs navigateurs et appareils en synchronisation lors de la création de sites Web.
serveur http	Un serveur HTTP de ligne de commande simple et configuration zéro.
servir	SERVICE STATIQUE SERVICE ET LISTE DU RÉPERTOIRE.
server.js	Serveur simple et puissant pour node.js
-	-
Chokidar	Un wrapper efficace autour de Node.js fs.watch / fs.watchfile / fsevents.
nomon	Surveillez les modifications de votre application Node.js et redémarrez automatiquement le serveur - parfait pour le développement.
floconneux	Utilisez des modèles GLOB pour regarder des ensembles de fichiers et exécutez une commande lorsque tout est ajouté, modifié ou supprimé.
-	-
Simultanément	Exécutez les commandes simultanément. Comme npm run watch-js & npm run watch-less mais mieux.
npm-run-tout	Un outil CLI pour exécuter plusieurs scripts NPM en parallèle ou séquentiel.
Coque parallèle	Un module NPM super simple pour exécuter les commandes shell en parallèle.
-	-
Concat	Concaténer plusieurs fichiers.
CPY-CLI	Copier les fichiers pour le nœud.
del	Supprimer les fichiers et les répertoires à l'aide de globs.
exprimer	Framework Web rapide, sans opinion et minimaliste pour le nœud.
nœud	Il vous permet de compiler nativement les fichiers .SCSS en CSS à une vitesse incroyable et automatiquement via un middleware Connect.
NPM-CECK-UPDATES	Mménage vos dépendances package.json aux dernières versions, ignorant les versions spécifiées.
Purgecs	Purgecss est un outil pour éliminer le CSS inutilisé.
rimraf	La commande UNIX rm -rf pour le nœud.
-	-
Bower [ déprécié ]	Un gestionnaire de packages pour le Web.

↥ Retour en haut

Bibliothèque JavaScript

Nom	Description
jquery	L'écrivez moins, faites plus, bibliothèque JavaScript.
Modernizr	Modernizr vous indique ce que HTML, CSS et JavaScript fonctionnent que le navigateur de l'utilisateur a à offrir.
-	-
Bliss.js	Vous voulez utiliser Vanilla JS mais trouvez des API natives un peu à manivelle? Le bonheur est pour vous.
Parapluie js	☔ Bibliothèque JavaScript légère pour la manipulation DOM et les événements.
Zepto js	Zepto est une bibliothèque JavaScript minimaliste pour les navigateurs modernes avec une API compatible en jQuery largement.
Cash JS	Une alternative de jQuery absurdement petite pour les navigateurs modernes.
Chibi js	Une minuscule micro-bibliothèque JavaScript

↥ Retour en haut

Plugins JavaScript à la vanille

Nom	Description
Anchor.js	Ajoutez des liens d'ancrage profonds à vos documents.
Anime.js	Anime.js (/ˈæn.ə.meɪ/) est une bibliothèque d'animation JavaScript légère avec une API simple mais puissante. Il fonctionne avec les propriétés CSS, les attributs SVG, DOM et les objets JavaScript.
Graphique.js	Charts simples, propres et engageants pour les concepteurs et les développeurs.
Chartist.js	Graphiques réactifs simples.
(a) darkmode.js (b) commutateur en mode noir	? Ajoutez un mode noir / mode nocturne à votre site Web en quelques secondes
Velocity.js	Animation JavaScript accélérée.
Favico.js	Utilisez votre favori avec des badges, des images ou des vidéos.
Fluidvids.js	Module de vidéos de largeur de fluide (réactive), 1KB, joueurs personnalisés, éléments dynamiques / support XHR.
Highlight.js	Highlight.js est un surligneur de syntaxe écrit en javascript.
HABEAUX.JS	Cachez votre en-tête jusqu'à ce que vous en ayez besoin.
Holder.js	Placers des images côté client.
lazyizes.js	High Performance et SEO Friendly Lazy Loader pour images (réactif et normal), IFRAMES et plus encore.
Littlefoot.js	Littlefoot est une bibliothèque JavaScript légère qui crée des notes de bas de page exceptionnelles.
lunr.js	Recherche de texte intégral simple dans votre navigateur.
Nprogress.js	Une barre de progrès nanoscopique.
Rythme.js	Une barre de progression automatique de la page Web.
Prisme.js	Prism est une bibliothèque de mise en évidence légère, robuste et élégante.
réagi-burger-menu	Un composant de réaction de barres latéraux hors canalisation avec une collection d'effets et de styles utilisant des transitions CSS et des animations de chemin SVG.
Navigation réactive	Plugin de navigation réactif sans dépendances de bibliothèque et avec prise en charge rapide de l'écran tactile.
Slideout.js	Un menu de navigation tactile pour vos applications Web mobiles.
Smartcrop.js	Croping d'images conscients du contenu.
Tabella.js	Table réactive.
Attache	Une bibliothèque JavaScript pour faire efficacement un élément absolument positionné reste à côté d'un autre élément de la page.
Tippy.js	Une bibliothèque d'info-bulle JavaScript vanille légère.
Info-bulle.js	ToolTip.js est une bibliothèque JavaScript et CSS pour créer des info-bullets styléables.
Turbolinques	Turbolinks® rend plus rapidement navigué sur votre application Web.
Composer	Un pré-processeur typographique pour votre HTML qui n'utilise aucun JavaScript côté client.
ZeroClipboard.js	Un moyen facile de copier du texte dans le presse-papiers.

↥ Retour en haut

Plugins jQuery

Nom	Description
Formstone - Contexte	Un plugin jQuery pour les arrière-plans d'image et de vidéo.
Bigfoot.js	Un plugin jQuery pour l'autonomisation des notes de bas de page.
bigslide.js	Un petit plugin jQuery de navigation à panneaux de diapositive avec de grands rêves.
Fitvids.js	Un plugin jQuery léger et facile à utiliser pour les intégres vidéo de largeur de fluide.
fullpage.js	Plugin Site de sections de défilement de page.
Charge paresseuse	La charge paresseuse retarde le chargement des images dans de longues pages Web.
Lité	Un plugin Lightbox ultra-léger, accessible et réactif qui prend en charge les images, les iframes et le contenu en ligne hors de la boîte.

↥ Retour en haut

Boîte à outils de compresseur JavaScript

Nom	Description
Torsadé	? JavaScript Parser, Mangler and Compressor Toolkit pour ES6 +
Uglifyjs	Uglifyjs est un analyseur JavaScript, minificateur, compresseur et boîte à outils.

↥ Retour en haut

Bibliothèque CSS

Nom	Description
Animate.css	Une bibliothèque de croisement des animations CSS.
Cssgram	Une petite bibliothèque (<1kb gzipped!) Pour recréer des filtres Instagram avec des filtres CSS et des modes de mélange.
CSS Filters Playground	Jouez avec les nouveaux effets de filtre CSS3.
EQCSS	Une spécification pour une syntaxe de requête d'élément de style conteneur dans CSS.
Grille flexible	Un système de grille basé sur la propriété Flex Display.
Maîtriser le :nth-child	CSS3 Pseudo Classes et: nième cages.
Eric Meyer CSS réinitialise	Eric Meyer CSS réinitialise
Graaf	Pure superpositions de grille CSS pour la conception.
Hamburgers	Hamburgers animés savoureux CSS.
Système de grille Mueller	Un système de grille modulaire pour les dispositions réactives / adaptatives et non réactives, basées sur la boussole.
Normaliser.css	Une alternative moderne et prête pour le HTML5 aux réinitialisations du CSS.
RTLCSS	Framework pour convertir les feuilles de style en cascade de gauche à droite (LTR) en droite à gauche (RTL).
Griller	Grille CSS folle et sans fioritures.
CSSWAND	C'est vraiment juste une poignée de bibliothèque d'animation CSS simple et pure
Water.css	Collection de styles pour créer des sites Web simples
Raisin CSS	Une bibliothèque Utilitaire CSS uniquement.
Spectre CSS	Implémentation CSS standard du langage de conception du spectre pour interne et tierce partie
Box-shadows.css	Mianly basé sur des ombres de boîte

↥ Retour en haut

Bibliothèque SVG, PNG et FONT

Nom	Description
Comment travailler avec les icônes SVG	-
Alignez les icônes SVG pour envoyer des SMS et dire au revoir aux icônes de police	-
-	-
Icônes bootstrap	Les icônes bootstrap sont des SVG, de sorte qu'elles évoluent rapidement et facilement et peuvent être stylisées avec CSS. Bien qu'ils soient construits pour bootstrap, ils travailleront dans n'importe quel projet.
Icônes de licence Creative Commons	Téléchargez les icônes de licence SVG, EPS et PNG Creative Commons à utiliser dans votre site.
Flaticon	La plus grande base de données d'icônes libres disponibles dans les formats PNG, SVG, EPS, PSD et Base 64.
Plume	Feather est une collection de belles icônes open source tout simplement.
Font génial	La police emblématique et la boîte à outils CSS.
Font-Awesome-Svg-PNG	Font Awesome Split en fichiers SVG et PNG individuels de différentes tailles avec générateur basé sur Node.js.
Fontforge	Un éditeur de polices gratuit et open source vous a apporté par une communauté d'amateurs de types de type.
Fontello	Un moyen facile de créer une police d'icône personnalisée pour votre site. Sélectionnez des images de notre grande collection et créez un pack Webfont en un seul clic.
Iomoon	IComoon fournit un paquet d'icônes vectorielles, ainsi qu'une application HTML5 gratuite pour fabriquer des polices d'icônes personnalisées ou des sprites SVG. Parcourez des milliers d'icônes parfaites de pixel ou importez vos propres vecteurs.
Ionicons	La police d'icône premium pour le cadre ionique.
Icônes de conception de matériaux	Consultez toutes les icônes de conception des matériaux et plus de la communauté.
La grande liste des icônes plates et des polices d'icônes par CSS-Triks	Il y a beaucoup de ces rafles. Celui-ci est à moi.
Projet de nom - Icônes pour tout	Près d'un million d'icônes organisées, créées par une communauté mondiale.
Octocons	Une police d'icône évolutive fabriquée à la main avec <3 par github.
Icônes parfaites	Le moyen le plus simple de créer des icônes sociales indépendantes de résolution.
Icônes simples	Icônes SVG gratuites pour les marques populaires.
SVG-ICON	Une collection d'icônes SVG ultime bien faite.
Icônes SVG	Icônes SVG prêtes à l'emploi pour le Web.
Icônes vectorielles Roundup	Une comparaison côte à côte entre les polices d'icônes populaires.
Nous aimons les polices d'icônes	Un service d'hébergement de polices d'icônes gratuites et open source à des fins de test.

↥ Retour en haut

PNG, JPEG, boîte à outils GIF Compressor

Nom	Description
Tinyjpg	Compression Smart WebP, JPEG et PNG
Compresser PNG	-
Compress jpeg	-
Compresser GIF	-

↥ Retour en haut

Formulaires HTML

Nom	Description
Cartographie	Faites des graphiques en quelques secondes.
Forme	Formes HTML fonctionnelles pour les sites statiques.
Grille	Affichez vos données de feuille de calcul, mais vous aimez directement sur votre site statique avec Google Spreadsheet.
Jotform	Créateur de formulaires
WTF, formulaires?	Des contrôles de forme HTML plus conviviale avec un peu de magie CSS. Conçu pour IE9 +, ainsi que le dernier Chrome, Safari et Firefox.
Wufoo	Formulaire de formulaire en ligne avec base de données de stockage cloud.

↥ Retour en haut

Outils Web

Nom	Description
API abstraites	Une suite d'API utilitaires simples mais puissantes pour les développeurs, tels que la validation des e-mails, le générateur d'avatar utilisateur, la compression d'image, etc. Toutes les API ont une version gratuite.
Autodraw	Dessin rapide pour tout le monde. AutoDraw associe l'apprentissage automatique avec des dessins d'artistes talentueux pour vous aider à dessiner rapidement.
Traducteur binaire	Traducteur de code binaire gratuit, traduire le code binaire en texte.
Base16	Une architecture pour la construction de thèmes basée sur une syntaxe soigneusement choisie mise en évidence à l'aide d'une base de seize couleurs.
Bootstrap 5 Fiche de triche	Une liste interactive des classes, variables et mixins Bootstrap 5.
Couleurs.css	De meilleures couleurs par défaut pour le Web. Une collection de cours de peau pour un prototypage plus rapide et des sites plus beaux.
Codes de couleur hex	Color-hex donne des informations sur les couleurs, y compris les modèles de couleurs (RVB, HSL, HSV et CMYK), les couleurs triadiques, les couleurs monochromatiques et les couleurs analogues calculées dans la page de couleur.
Chasse aux couleurs	Collection organisée de belles couleurs, mise à jour quotidiennement.
Générateur CSS3	CSS3 Classiques
Cssmatique	Les outils CSS ultimes pour les concepteurs de sites Web.
Draw.io	Draw.io est un logiciel de diagramme en ligne gratuit pour fabriquer des organigrammes, des diagrammes de processus, des graphiques d'organes, des diagrammes UML, ER et réseau.
Couleurs plates	Parcourez plus de 11 000 couleurs plates dans plus de 2 300 palettes de couleurs plates. Copiez-les ou téléchargez le fichier .ACO à utiliser dans Photoshop.
Outils de développement frontal de dogme frontal	Organismes d'outils Web pour les développeurs et les propriétaires de sites Web, pour l'analyse et l'exploration.
Gradient Fteals	En tant que liste organisée des meilleurs sites Web de gradient sur Internet, les arrière-plans de gradient vous permet d'explorer, d'essayer de choisir parmi des centaines de belles palettes de couleurs mélangées.
Assistant de style: API Google Maps	Personnalisez les couleurs, les routes, les étiquettes et plus encore. Utilisez ensuite votre style personnalisé dans votre projet Google Maps Platform.
Cartes élégantes	Un référentiel de différents styles pour Google Maps destinés aux concepteurs Web et aux développeurs.
Solarisé - Couleurs de précision pour les machines et les personnes	Solarisé est une palette de couleurs seize (huit monotones, huit couleurs d'accent) conçues pour une utilisation avec des applications de terminal et d'interface graphique.
Générateur de hachage SRI	L'utilisation de SRI est recommandée comme meilleure pratiques, chaque fois que les bibliothèques sont chargées à partir d'une source tierce.
Superdomaïque	Vérifier la disponibilité du domaine.
Créer des tables en latex en ligne	Créez rapidement des tables en latex même complexes avec un générateur en ligne - la fusion des cellules est prise en charge avec l'édition des frontières.
uigradients	Une collection triée sur le volet de beaux gradients de couleur pour les concepteurs et les développeurs.
Désinvolter	Outil en ligne gratuit à désinsiter (déballer, déobfuscate) javascript, CSS et code HTML, le rendant lisible et joli.
Outils de code Web	CSS3, HTML5, microdata, graphiques ouverts et générateurs de cartes Twitter
Quelle est ma résolution d'écran	Un outil en ligne pour vérifier la résolution d'écran de tout appareil d'affichage.
Webradient	Collection gratuite de gradients d'arrière-plan que vous pouvez utiliser comme décors de contenu dans n'importe quelle partie de votre site Web.

↥ Retour en haut

Bibliothèque CDN

Nom	Description
Bootstrapcdn	Le CDN recommandé pour bootstrap, Font Awesome et BootSwatch.
CDNJ	Le CDN gratuit et open source pour les bibliothèques Web liées à accélérer votre site Web!
Coralcdn	Un réseau de distribution de contenu gratuit et ouvert basé sur les technologies peer-to-peer, composée d'un réseau mondial de proxys Web et de serveurs de noms.
Fontcdn	Un outil de recherche pour les polices Web Google.
Fontes Google	Des centaines de polices libres et open-source optimisées pour le Web.
Bibliothèques hébergées par Google	Un réseau de distribution de contenu stable, fiable, haut débit et disponible dans le monde pour les bibliothèques JavaScript les plus populaires et les plus populaires.
jsdelivr	Un CDN super rapide gratuit pour les développeurs et les webmasters.
Microsoft Ajax CDN	Des bibliothèques JavaScript tierces populaires telles que JQuery et vous permet de les ajouter facilement à vos applications Web.
CDN du logiciel open source	CDN logiciel open source par MaxCDN.
Yandex CDN	Le service héberge des bibliothèques JavaScript qui fournit aux développeurs de sites un accès à la livraison de contenu Yandex (CDN) et peuvent gérer une variété de travaux et bibliothèques JavaScript-Frame open source à partir de serveurs Yandex.

↥ Retour en haut

Wiki de compatibilité du navigateur

Nom	Description
Puis-je utiliser	Vérifiez la compatibilité du navigateur des propriétés CSS3 et HTML5.
Devrais-je préfixer	Montrez simplement quels préfixes sont nécessaires pour une propriété CSS plus récente.

↥ Retour en haut

Outils de test de réactivité

Nom	Description
Suis-je réactif?	Découvrez à quoi ressemble votre site sur le bureau, l'ordinateur portable, l'iPad et l'iPhone.
Dos de navigateur	Utilisez le testeur de périphérique du navigateur et téléchargez des images Internet Explorer pour votre machine virtuelle.
Périphérique	Affichez un aperçu rapide de la réaction de votre site Web aux différentes résolutions d'appareils comme MacBook, iPad ou iPhone. Partagez cet aperçu avec votre client.
Application de manière réactive	Un Devtool incontournable pour les développeurs Web pour un développement Web réactif plus rapide.

↥ Retour en haut

Outils de test de performance

Nom	Description
Outils Google Pagespeed	Les outils PagesPeed analysent et optimisent votre site en suivant les meilleures pratiques Web.
WebPageTest	Exécutez un test de vitesse de site Web gratuit à partir de plusieurs emplacements à travers le monde en utilisant de vrais navigateurs et à des vitesses de connexion réelles.
Test de vitesse du site Web	Utilisez ce test de vitesse de site Web gratuit pour analyser la vitesse de chargement de vos sites Web et découvrez comment les rendre plus rapidement.

↥ Retour en haut

Espace réservé

Nom	Description
JSONPlaceholder	Fausse API de repos en ligne pour les tests et le prototypage
Lorem Ipsum	Lorem Ipsum est simplement un texte muet de l'industrie de l'impression et de la composition.
lorempixel	Images d'espace réservé pour chaque cas.
Place	Un service d'image d'image rapide et simple.

↥ Retour en haut

Mockup Placeholder

Nom	Description
Placer	Le meilleur pour abandonner votre projet dans n'importe quel contexte d'appareil.

↥ Retour en haut

Icônes de site Web pour les navigateurs

Nom	Description
Générateur de favori	Générateur de favicon en ligne. Pour de vrai.
Construisez mon site épinglé	Outil en ligne pour créer une carreau d'écran Windows start personnalisé pour votre site en moins d'une minute.
Améliorations du site épinglé sur Windows / création de carreaux personnalisés pour les sites Web IE11	Configuration des carreaux et des notifications en direct pour Windows
Configuration des applications Web pour Apple	Informations et techniques conceptuelles sur la création de contenu Web efficace pour Safari et WebKit à l'aide de HTML et CSS.
Les applications Web installables avec l'application Web manifestent dans Chrome pour le format de fichier Android / Manifest	Utilisez le manifeste de l'application Web pour contrôler la façon dont votre application Web est lancée.

↥ Retour en haut

Extraits et tutoriels inspirants gratuits

Nom	Description
Codemyui	Extraits de code triés sur le volet que vous pouvez utiliser dans vos projets Web. Trouvez l'inspiration de conception Web avec des échantillons de code.
Codyhouse	Une bibliothèque gratuite de HTML, CSS, JS Nuggets.
Codrops	Codrops est un blog de conception et de développement Web qui publie des articles et des tutoriels sur les dernières tendances Web, techniques et nouvelles possibilités.
Passer à HTTPS	Migrez de HTTP vers HTTPS avec facilité.
Navnav	Une tonne d'exemples de navigation réactifs CSS, JQuery et JavaScript, démos et tutoriels de partout sur le Web.
PaperSizes.io - la meilleure ressource pour les tailles de papier	Une ressource simple et gratuite pour trouver les normes internationales pour les tailles de papier en métrique et impériale.
Bonbons pdf	Modifier les fichiers PDF avec PDF Candy - un éditeur PDF en ligne gratuit. Convertir PDF en mot, pdf en jpg, fusion pdf, pdf divisé, pdf de compression, etc.
scotch	Un blog de développement Web discutant de tout ce qui concerne la programmation, le développement, le Web et la vie.
Magazine Smashing	Un magazine en ligne pour les concepteurs de sites Web professionnels, en mettant l'accent sur les techniques utiles, les meilleures pratiques et les ressources précieuses.
Tutoriels Web en ligne W3Schools	Le plus grand site de développeurs Web au monde.

↥ Retour en haut

Référence CSS

Nom
Docs Web Mozilla
Docs CSS Dev
Index des propriétés CSS
Référence CSS
Référence CSS - Codrops
Mise en page :
Flexbox - astuces CSS
CSS Grid - Tricks CSS
CSS Flexbox Playground par Gabi
Flexbox froggy
Jardin de grille CSS
Animations CSS :
Utilisation de l'animation CSS - MDN
Animation - astuces CSS

↥ Retour en haut

Tutoriels CSS

Nom	Description
Polices sûres du navigateur	Fonts communs à toutes les versions des équivalents Windows et Mac.
Pile de polices CSS	Une collection complète de piles de polices CSS Safe CSS Safe.
CSS Property Outline - Aperçu: Aucun et contour: 0	La propriété CSS Outline est une exigence d'accessibilité, mais souvent abusée par de nombreux concepteurs de sites Web, pourquoi le font-ils?
Référence du sélecteur CSS	Dans CSS, les sélecteurs sont des modèles utilisés pour sélectionner les éléments que vous souhaitez styliser.
Spécificité CSS	Spécificité CSS. La spécificité CSS attribue une représentation numérique d'un sélecteur afin de comparer en cas de conflits de style. L'affiche Web affiche la spécificité CSS avec les icônes du film «The Shining» de Stanley Kubrick.
Grille par l'exemple	Tout ce dont vous avez besoin pour apprendre la disposition de la grille CSS.
Jardin de grille	Un jeu pour apprendre la grille CSS.
Grincheux	Apprenez la grille CSS!
Liens de balise de hachage qui ne font pas de tête de la fenêtre du navigateur	CSS-Tricks Post par Chris Coyier.
Apprendre la grille CSS	Un guide pour apprendre la grille CSS.
Apprendre la grille CSS	Beaucoup de ressources fantastiques par Jen Simmons.
Apprendre la disposition CSS	Ce site enseigne les principes fondamentaux du CSS utilisés dans la disposition de tout site Web.
Remplir la couleur de sélection de texte par défaut avec CSS	CSS-Tricks Post par Chris Coyier.
Les liens plus intelligents soulignent à chaque site Web	Post d'Adam Schwartz.
Quelle est la couleur d'arrière-plan du navigateur-défaut lors de la sélection du texte?	Réponse sur Stack Overflow
Pourquoi je suis passé de moins à Sass?	Post de Hugo Giraudel.

↥ Retour en haut

Infographie

Nom	Description
Affiches du bureau à domicile	Home Office Repository d'affiches couvrant différents sujets - Recherche, besoins d'accès, accessibilité, conception.

↥ Retour en haut

Inspiration de conception

Nom
Admirer le web
Awnew
Behance
Meilleure galerie de sites Web
Codepen
Galerie CSS
Gagnant du CSS
Réfrigérateur de design
Deviantart
Dribble
Prix ​​de site Web préféré (FWA)
Goodui
Google Design
Inspiration HTML
Inspiration pour les effets de l'interface utilisateur de recherche
Amour d'une page
Gentil que j'aime
Siiimple
Les meilleurs designs
Très beaux sites
Inspirations de la conception Web
WebDesign - Recherche Tumblr

↥ Retour en haut

Le système de type

Nom	Description
Explorer les échelles de type réactives	Trouver votre rythme (approprié, multi-appareils et vertical)
Paire de polices	La paire de polices aide les concepteurs à associer des polices Google ensemble. Belles combinaisons et paires de polices Google.
Générer des échelles de type avec StackSwell	Gagnez du temps avec la dernière version de StackSwell et créez des systèmes de type en secondes!
Système de type de conception de matériau	Utilisez la typographie pour présenter votre conception et votre contenu aussi clairement et efficacement que possible.
Échelle modulaire	Calculez, visualisez et découvrez les échelles modulaires.
Type Connexion	La connexion de type est un jeu qui vous aide à apprendre à apparier les polices de caractères.
Typographie pour les développeurs	Ceci est destiné à un guide pratique pour les développeurs pour apprendre la typographie Web.
Typewolf	Qu'est-ce que la tendance dans le type
Échelle de type - une calculatrice visuelle	Aperçu et choisissez la bonne échelle de type pour votre projet. Expérimentez la taille de la police, l'échelle et les différents Webfonts.
Whatfont - Extension chromée	Le moyen le plus simple d'identifier les polices sur les pages Web.

↥ Retour en haut

Outils de webmaster

Nom	Description
Schéma.org	Une activité communautaire collaborative avec une mission pour créer, maintenir et promouvoir des schémas de données structurées sur Internet, sur les pages Web, dans les messages électroniques et au-delà.
Microformats	Le moyen le plus simple de marquer les informations structurées dans HTML.
Comprendre comment fonctionne les données structurées	Cette documentation décrit les propriétés requises, recommandées ou facultatives pour les données structurées avec une signification particulière à la recherche Google.
Outil de test de données structuré par Google	Outil de test de données structuré Google.
Pagespeed Insights par Google	Faites vos pages Web rapidement sur tous les appareils.
JSON pour lier les données	Les données sont désordonnées et déconnectées. JSON-LD l'organise et le connecte, créant un meilleur Web.
JSON-LD	Wiki
Finder de latitude et de longitude	La latitude et la longitude sont les unités qui représentent les coordonnées au système de coordonnées géographiques. Pour effectuer une recherche, utilisez le nom d'un lieu, d'une ville, d'un état ou d'une adresse, ou cliquez sur l'emplacement de la carte pour trouver des coordonnées longues.

↥ Retour en haut

Gestionnaire de packages

Nom	Description
Liste des systèmes de gestion des packages logiciels	Il s'agit d'une liste des systèmes de gestion des packages logiciels, catégorisés d'abord par le format de package (binaire, code source, hybride) puis par la famille du système d'exploitation.
APTE	Gestionnaire de package Linux OS basé à Debian.
Miam	Gestionnaire de package Linux OS basé sur Fedora.
Homebrew	Homebrew est un système de gestion des packages qui simplifie l'installation de logiciels sur le système d'exploitation MacOS d'Apple et Linux.
ailier	Le gestionnaire de packages Windows (AKA WINGET) est un gestionnaire de packages gratuit et open-source conçu pour Microsoft Windows 10.
Chocolaté	Chocolatey est un gestionnaire de packages de niveau machine et un installateur pour les packages logiciels, conçus pour la plate-forme Windows.
Goenv	Goenv vise à être aussi simple que possible et à suivre le modèle de gestion de version réussi déjà établi de PYENV et RBENV.
NPM	NPM (à l'origine court pour Node Package Manager) est un gestionnaire de packages pour le langage de programmation JavaScript.
nodenv	Utilisez Nodenv pour choisir une version de nœud pour votre application et garantissez que votre environnement de développement correspond à la production.
pyenv	Pyenv vous permet de basculer facilement entre plusieurs versions de Python.
fil	Le fil est une alternative au NPM.
RVM	RVM est un outil de ligne de commande qui vous permet d'installer, gérer et travailler facilement avec plusieurs environnements rubis, des interprètes aux ensembles de gemmes.
rbenv	Utilisez RBENV pour choisir une version Ruby pour votre application et garantissez que votre environnement de développement correspond à la production.

↥ Retour en haut

Halte

Nom	Description
Gré	Déployez des sites Web statiques modernes avec Netlify. Obtenez CDN, déploiement continu, HTTPS en 1 clic et tous les services dont vous avez besoin. Commencez gratuitement.
Statique	Top Liste des générateurs de sites statiques à source ouverte.
Statique	Staticman est une application Node.js qui reçoit du contenu généré par l'utilisateur et les télécharge sous forme de fichiers de données dans un référentiel GitHub et / ou GitLab.
Gitalk	Un composant de commentaires moderne basé sur le problème et le préact GitHub.
énoncés	Un widget de commentaires léger construit sur les problèmes de github. Utilisez des problèmes de github pour les commentaires de blog, les pages wiki et plus encore!

↥ Retour en haut

ChearSheet?

Nom
pages TLDR
tldr inBrowser.App
tldr-book.pdf
Brew Commandes de base - Devsheet
triche
Devhints
Homebrew Cheatheet
Manuel Github CLI
Markdown Cheatheet
feuille de cheminée
CheatSheet.md
Octonator sur Twitter: "Ajouter .pibb à la fin de toute URL GIST afin d'obtenir la version HTML uniquement adaptée à l'intégration dans tout autre site. Http://t.co/hytfqbm2do" / twitter

↥ Retour en haut

Liste des listes de listes

Nom	Description
56 générateurs de lorem uniques	Pimentez votre texte de remplissage et vos projets de conception avec ces générateurs hilarants Lorem Ipsum.
Guide abstrait des codes d'état HTTP	Une liste et une explication des codes d'état HTTP
Génial	Une liste organisée de listes impressionnantes.
Génial génialité	Une liste organisée d'une génialité incroyablement impressionnante.
Génial génial	Une liste organisée de listes de nombreux sujets organisées de nombreux sujets.
Bootstrap Ressources par démarrage Bootstrap	Une liste complète de bootstrap et de ressources connexes.
Bootstrap Extraits par démarrage Bootstrap	Une bibliothèque organisée d'énippets Bootstrap 4 Code, parfaite pour se rendre dans votre projet sans télécharger un thème entier!
Des concepts essentiels, collections GitHub	Cette collection de bibliothèques de conception est la meilleure sur le Web et complètera votre ensemble d'outils pour concevoir des produits époustouflants.
Concevoir des ressources pour les développeurs	Une liste organisée de ressources de conception et d'interface utilisateur gratuites pour les développeurs, y compris les photos, les modèles, les cadres, les kits d'interface utilisateur, les outils en ligne et bien plus encore.
GitHub - Salles open source	Parcourez les référentiels populaires basés sur le sujet qui vous intéresse le plus.
Gradient Fteals	En tant que liste organisée des meilleurs sites Web de gradient sur Internet, les arrière-plans de gradient vous permet d'explorer, d'essayer de choisir parmi des centaines de belles palettes de couleurs mélangées.
Référentiel de plugins JavaScript	Vanilla JS Tools pour écrire des applications Web puissantes sans jQuery.
Territoire JavaScript	Catalogue JavaScript Jster.
Javascript	La base de données des bibliothèques, des frameworks et des plugins JavaScript.
Bibliothèques.io	Le service de découverte open source.
Liste des codes d'état HTTP	Une liste des codes d'état de réponse Hypertext Transfer Protocol).
URL de partage sociale	Ce projet est destiné à vous aider à intégrer le partage sur les réseaux sociaux dans votre code.
Des photos de stock qui ne sont pas nul	Une liste d'endroits pour trouver les meilleures photos gratuites.
Éditeurs de texte, collections GitHub	Une vitrine de certains éditeurs open source incroyablement impressionnants.
Inhabituel	Un référentiel bien rangé de plugins jQuery classé dans les catégories.

↥ Retour en haut