hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Convertir des fichiers GitHub en actifs CDN bruts avec RawGit

Il y a des milliers de nouveaux projets et fonctionnalités sur GitHub avec lesquels jouer. Cependant, les développeurs aiment aller vite et c'est ennuyeux de télécharger tous ces fichiers localement juste pour les tests.

C'est là que RawGit est utile. Cette application Web gratuite vous permet de convertir n'importe quel fichier d'un dépôt GitHub en un CDN hébergé de l'extérieur .

Avec ce fichier CDN, vous pouvez directement intégrer des fichiers CSS et JavaScript sans les stocker localement sur votre machine. Cela facilite également l'utilisation des IDE dans le cloud où vous avez besoin de fichiers externes.

L'application Web RawGit est super facile à utiliser et fonctionne pour tous les repo GitHub .

D'abord, vous devriez trouver un repo que vous voulez utiliser qui n'a pas de lien CDN. Dans ce cas, je vais choisir ce modal CSS3 qui est assez simple.

Puis, parcourez la structure du fichier pour trouver les fichiers exacts que vous voulez en externe . Par exemple, cette feuille de style est tout ce dont nous avons besoin pour cet effet de fenêtre modale. Donc, copiez / collez cette URL dans RawGit et voila!

Une URL complète prête à l'emploi que vous pouvez copier / coller si nécessaire.

Notez qu'il existe deux URL différentes ici. La première est une URL de production de CDN que vous pouvez utiliser sur des sites Web en direct . Cela passe par un CDN StackPath, de sorte que les fichiers peuvent être servis rapidement à travers le monde.

De l'autre côté, vous trouverez une URL de développement qui est toujours hébergée en ligne, mais qui ne passe pas par un CDN. Il n'est pas optimisé pour des performances élevées, mais il fonctionne très bien pour les tests locaux ou le développement d'un environnement de développement basé sur le cloud .

Vous ne pouvez pas vous tromper avec l'un ou l'autre de ces liens et ils fonctionnent parfaitement pour tester les petits dépôts GitHub.

L'URL de développement comporte une limitation intégrée pour les demandes de trafic excessif et de volume élevé. Cela peut entraîner des problèmes sur toute la ligne, mais si vous travaillez sur un projet plus petit, vous ne devriez pas remarquer de problèmes.

RawGit est l'une des meilleures inventions pour le développement web moderne. Vous pouvez extraire n'importe quel fichier de n'importe quel dépôt GitHub et le faire héberger en ligne avec des en-têtes Content-Type appropriés. Définitivement une ressource incontournable pour tous les développeurs de frontend sérieux.

Si vous avez des questions ou si vous voulez simplement envoyer vos remerciements, vous pouvez faire un tweet rapide sur le compte Twitter officiel @rawgit.

Bibliothèques JavaScript pour les effets de défilement cool

Bibliothèques JavaScript pour les effets de défilement cool

Une conception de site Web prend vie avec une animation bien exécutée. Si vous recherchez les bibliothèques appropriées pour ajouter des effets à votre projet, voici une liste de certaines bibliothèques que vous pouvez utiliser pour donner des effets basés sur l'événement scroll .Lorsqu'un utilisateur fait défiler votre page Web, l'action peut être conçue pour déclencher une variété d'options d'animation, telles que les effets de fondu, le flou, la 3D, la parallaxe, etc. Il y a 25 bib

(Conseils techniques et de conception)

20 brassage de modèles de logos sur le thème du café

20 brassage de modèles de logos sur le thème du café

Je peux difficilement imaginer mes matins sans une tasse de café savoureux et savoureux. Je parie que le café fait également partie de la routine matinale de beaucoup de gens - pour certains, il peut même être indispensable pour se lever et se préparer pour la journée.Si vous avez déjà vu une vitrine sur des modèles de tasse de café, vous serez probablement d'accord pour dire que le fait d'avoir une tasse attrayante est un excellent moyen d'ajouter à votre expérience de savourer votre java préféré. Et une bonne c

(Conseils techniques et de conception)