Archives de catégorie : Image

BrowserStack

BrowserStack – Tester son site sur les différents navigateurs.

Au-delà du fait que vous pouvez tester votre site sur Internet Explorer (6, 7 ou 8), BrowserStack vous permet de tester votre site sur une grande partie des navigateurs de toutes les plateformes.

Voici quelques exemples de tests que vous pouvez réaliser :

  • Navigateur iOS iPhone et iPad
  • Navigateur Android téléphones et tablettes
  • Windows XP à Windows 8
  • OS X (Apple)

BrowserStack ne vous fournit pas simplement un screenshot de votre site internet, il vous propose un rendu live du navigateur pour pouvoir interagir avec votre site. Cela peut s’avérer très pratique, surtout pour les animations, transitions …

Site officiel

Source

 

Optimisez vos images en PHP

Une page internet peut générer du jour au lendemain beaucoup de trafic, et provoquer par la même occasion des problèmes d’affichages liés au contenu de celle-ci… et aussi au niveau chargement.

Pour résoudre ce phénomène de performance, il existe de nombreuses techniques pour repérer où se trouve l’endroit qui pose problème. Mais cela ne suffit pas toujours.

Hors, maintenant il existe une librairie appelé ‘php-image-cache’ qui va s’occuper d’améliorer encore un peu plus la performance, dans le sens en compressant l’image et en là plaçant en cache.

Cette librairie est compatible avec les formats Jpeg, Gif et PNG

Site officiel

Source

Créer une police d’icônes

Les polices d’icônes ou « font-icon » popularisées depuis Bootstrap sont de plus en plus utilisées sur le web. Certains services proposent de piocher des icônes dans différents packs pour se créer sa propre « police ». Dans ce petit tutoriel nous verrons comment, grâce au service en ligne IcoMoon, il est facile de se créer sa propre police d’icônes à partir d’illustrations et fichiers vectoriels.

Tuto

Tuto 2