WordPress : ajouter un bouton d’ajout de média à l’éditeur (partie 1/2)

La version 2.0 de WP Photo Sphere est venue avec un bouton « Ajouter un panorama« , permettant d’insérer facilement un panorama au contenu de votre article ou page. Si un tel bouton est pratique pour l’utilisateur, trouver comment l’ajouter aura été une véritable galère : la documentation de WordPress est assez pauvre de ce côté et […]

Créer une fenêtre modale en pur CSS avec la pseudo-classe :target

Vous connaissez forcément les fenêtres modales, même s’il est possible d’ignorer que ça porte ce nom : ce sont ces petites fenêtres qui s’ouvrent lorsque vous cliquez sur un lien ou un bouton par exemple et qui vous permettent diverses choses comme indiquer votre adresse e-mail ou plein d’autres trucs. Les fenêtres modales ont évolué […]

Personnalisez vos sonneries Android

Nous avons beau aimer nos petites bêtes tournant sous Android, ce n’est pas pour ça qu’on est obligés d’être fans des sonneries par défaut qui sont livrées avec. Aussi, si vous n’aimez pas trop ces sonneries, ou si vous avez simplement envie de changement, il se peut que vous vouliez les modifier. Seulement voila, il […]

Les expressions ternaires pour remplacer les conditions

Parfois, les conditions peuvent s’avérer un peu longues à écrire, un peu trop indigestes… et on aimerait bien pouvoir les remplacer par quelque chose de plus court. C’est justement là tout l’intérêt des expressions ternaires (ou plus simplement ternaires) : raccourcir l’écriture de certains morceaux de code, et peut-être même un peu trop pour certains, […]

Introduction aux fonctions récursives

Dans la programmation en général, il arrive très souvent que l’on doive utiliser des boucles (qu’elles soient de type while ou de type for). Cependant, on a parfois besoin de répéter certaines actions qui nécessitent des boucles plus complexes, plus lourdes et c’est dans ces cas-là qu’il est utile de connaître un type de fonctions […]

Responsive design : Redimensionner des vidéos en conservant le ratio

Dans le cadre d’un design responsive, un problème se pose quand on utilise des éléments à largeur fixe. Ce problème, c’est que si le design est vraiment trop réduit, ces éléments risquent de dépasser, ce qui est très moche… En ce qui concerne les images, nous avons vu comment résoudre ce léger soucis mais au […]

Faire de la Programmation Orientée Objet en JavaScript

Le JavaScript permet de programmer en objet, mais son gros problème, c’est de ne pas le permettre d’une façon aussi claire que des langages comme le C++ ou le Python. L’ennui, c’est que le JavaScript est de plus en plus utilisé pour construire de grosses applications, notamment grâce à l’essor du HTML5, et donc on […]

Responsive design : Redimensionner une image avec CSS en conservant le ratio

Nous avons déjà plusieurs fois parlé de responsive design en abordant les Media Queries et le viewport. Seulement, que se passe-t-il si vous faites en sorte que votre design s’adapte en fonction de la résolution du visiteur mais que ce dernier arrive avec un terminal d’une largeur de 500 pixels alors qu’une image de votre […]

Responsive design : le viewport

Comme nous l’avions évoqué précédemment lors de l’introduction des Media Queries, ces dernières ne font pas tout dans le responsive design et ainsi, on peut constater que sur pas mal de smartphones (par exemple), les Media Queries ne semblent avoir aucun effet… Ce qui peut paraître étrange et surtout extrêmement gênant : si on fait […]

Reponsive design : les Media Queries

Avant, créer un webdesign, c’était simplement créer l’interface pour les écrans d’ordinateurs. Il y avait plusieurs contraintes, notamment la gestion des différents navigateurs, mais on devait aussi faire avec les différentes résolutions existantes. Aujourd’hui, c’est toujours le cas, mais le problème des résolutions est devenu encore plus important avec l’avènement de la navigation mobile. C’est […]