Blog sur les technologies web

Je partage ici mes trouvailles dans le domaine du web. N’hésitez pas à commenter et partager. Bonne visite 🙂

  • Tous
  • 3D
  • CSS
  • Ethique
  • HTML5
  • Humour
  • Javascript
  • JQuery
  • Logiciels
  • mySQL
  • Non classé
  • Outils web
  • PHP
  • Plugins
  • Politique
  • science
  • Tutoriaux
  • Wordpress

Experience 3D « Time dilatation »

Une nouvelle démo 3D qui permet de comprendre la dilatation du temps lors d’un voyage dans l’espace. Vous choisissez la durée la vitesse de la fusée qui va décoller de la Terre (et aussi les durées d’accélération et décélération) et vous voyez en tant réel les différences de temps entre…

Read more

Système solaire avec gravité Newtonienne

Une autre démo 3D demo faite avec Three JS « Système solaire avec gravité Newtonienne » : Vous pouvez changer les masses, les positions et les vélocités du soleil, de la terre et de la lune. Et aussi définir la position de la caméra et de l’objet à suivre. Il est également…

Read more

Universe Experience

Une petite démonstration 3D que j’ai appelé « Universe Experience » : Elle simule les interactions entre les particules dans notre univers. Vous pouvez changer leurs paramètres : nombre,  masse et charge. Et aussi modifier les distances pour la gravité et le magnétisme. Développée avec Three JS et inspiré de cette vidéo…

Read more

Nouveau plugin WordPress gratuit « Light Particles »

Je viens de publier une nouveau plugin WordPress gratuit : « Light Particles » Ce plugin vous permet d’afficher des particules en mouvement sur votre site internet. Vous pouvez voir le plugin en démonstration ici. J’espère qu’il vous plaira 🙂  

Read more

Nouveau plugin WordPress gratuit : « Cute Animals »

Voici mon dernier plugin Woprdress gratuit : « Cute Animals ». Il permet d’afficher un animal animé sur votre site (regardez le lapin et la grenouille tout en haut de mon site 🙂 ) Vous avez le choix entre : un lapin une grenouille un oiseau une araignée un chat un chien…

Read more

Mise à jour de mon plugin WP Open Street Map

Bonjour, J’ai mis à jour mon plugin WP Open Street Map pour WordPress : https://wordpress.org/plugins/wp-open-street-map/ Voila les améliorations apportées : mise à jour de la librairie OpenLayers vers la dernière version (v6.5.0) ajout d’une demande de confirmation avant suppression d’une carte correction d’un bug sur les retours de lignes non…

Read more

Embed Peertube playlist (plugin WordPress gratuit)

Voila mon dernière plugin WordPress : Embed Peertube playlist. Il vous permet d’afficher les vidéos d’une playlist public Peertube sur votre site. J’espère qu’il vous sera utile 🙂    

Read more

Plugin gratuit : Click Circle (WordPress)

Encore un plugin gratuit 🙂 Click Circle vous permet de créer des icônes arrondies cliquables (cliquez sur l’image pour accéder à la page de démos) : Télécharger Click Circle pour WordPress

Read more

Plugin WordPress gratuit : Loader CSS3

Voici mon dernier plugin gratuit pour WordPress : Loader CSS3. Il vous permet d’intégrer une animation de chargement sur votre site internet. Texte paramétrable et 3 types d’animation possibles : Télécharger Loader CSS3 pour WordPress J’espère qu’il vous plaira 🙂

Read more

Iron Maiden 3D Concert (démo Three JS)

Une petite démo de ce qu’on peut faire avec Three JS (moteur 3D webGL). Cliquez sur l’image pour accéder à la démo : Le site officiel de Three JS : https://threejs.org/ Un petit tuto pour bien débuter avec Three JS : https://www.alsacreations.com/tuto/lire/1572-webgl-3d-three-canvas-threejs.html

Read more

Image Puzzle (plugin WordPress gratuit)

Nouveau plugin WordPress gratuit : Image Puzzle. Il vous permet d’animer vos images avec différents effest de découpage : puzzle, rotation, distortion et fondu. Voir le plugin en démonstrations Si vous avez besoin de plus d’option j’ai développé une version Pro : Image Puzzle Pro

Read more

Benjamin Bayart, Grand Sorcier de l’Internet option vie privée (interview de Thinkerview)

« Il y a une volonté très forte de tous les gouvernements occidentaux de surveiller leurs populations »

Read more

Nice page transition – plugin WordPress gratuit

Nouveau plugin WordPress gratuit 🙂 Je vous présente Nice Page Transition. Il vous permet de définir de beaux effets de transitions lorsqu’on change de page sur votre site/blog : J’espère qu’il vous plaira 🙂

Read more

Factures PDF personnalisées sur Woocommerce

Dans cet article je vais détailler comment personnaliser les factures PDF des commandes avec Woocommerce. Nous allons pour cela installer dans un premier temps le plugin WooCommerce PDF Invoices & Packing Slips Celui-ci permet justement de générer les factures et bons de livraison au format PDF en ajoutant ces 2…

Read more

Nouveau plugin WordPress gratuit : Handwriter

Handwriter vous permet d’afficher des textes dans n’importe quelle police, comme si ils étaient écrit « à la main ». Voici le plugin en démonstration – Télécharger le plugin

Read more

Astuce Woocommerce : Zoom sur les images des produits avec variations

Pour obtenir un effet de zoom au survol des photos sur Woocommerce, il existe le plugin WooCommerce Image Zoom Celui-ci fonctionne très pour les produits simples, mais à partir du moment où vous avez un produits avec des variations, cela ne fonctionnera pas (seule la photo par défaut sera zoomée).…

Read more

Nouveau plugin WordPress : Nice Timeline

Voici le dernier plugin WordPress qu je viens de publier gratuitement sur le dépôt WordPress : Nice Timeline Il vous permettra de crée de belles timelines personnalisées : orientation horizontale ou verticale icônes Font Awesome couleurs personnalisables tailles polices personnalisables Voir le plugins en démonstrations

Read more

Erreur CSRF sous Laravel 5

Je vous livre ici une petite astuce qui m’a été bien utile dernièrement. Sur le framework Laravel 5 les formulaires soumis doivent tous comporter un champ CSRF, permettant d’éviter les attaques du même nom. Cependant il peut arriver qu’un utilisateur soumette sans le vouloir deux fois un formulaire et tombe…

Read more

Internet et libertés : pour un engagement des acteurs du numérique (conférence)

Conférence de Adrienne Charmet (La Quadrature du Net) à Paris Web, où sont abordés des points très importants concernant nos libertés sur Internet : surveillance, neutralité du Net, cryptage, etc.

Read more

Présentation du plugin WPShop

Dans cet article je vais vous présenter brièvement le plugin WPShop pour WordPress (actuellement en version 1.4.1.3). WPShop est une alternative au très connu Woocommerce, qui est actuellement la référence pour faire du e-commerce avec WordPress. Tout comme Woocommerce, WPShop est gratuit. Les fonctionnalités proposées Voici les fonctionnalités de base…

Read more

Filtrer les contenus dans Filezilla

Imaginons que vous vous connectiez à un FTP qui contient de multiple type de fichier : images, PDF, CSV, etc. Et que vous ne vouliez télécharger que les images. Pour faire ceci facilement il existe dans Filzilla une option que je viens de découvrir : le filtrage des contenus. Cet…

Read more

Island – Démo WebGL (Babylon JS)

Une petite démo WebGL crée avec l’excellente librairie BabylonJS : Je mettrais à jour régulièrement cet article au fur et à mesure de l’avancement du projet 🙂 Mise à jour du 01/02/2016 Ajout d’un papillon et d’un peu de végétation :

Read more

Flipping Cards – Plugin WordPress

Un petit article pour vous présenter un nouveau plugin WordPress que je viens de développer : Flipping Cards Flipping Cards permet tout simplement de créer une galerie d’images sous forme de grille : Pour chaque image vous pouvez définir un texte (qui sera affiché au survol) et un lien :…

Read more

Exemples de loaders CSS3

Dans cet article je vais vous montrer 3 exemples de loader (animation de chargement) réalisé en CSS3. Voir les 3 exemples en démo Les 3 barres Le premier loader que l’on va réaliser est celui composé des fameuses 3 barres qui a été popularisé (inventé ?) par Facebook : Commençons…

Read more

Custom CSS dans l’admin WordPress

Petite astuce pour ajouter du CSS dans l’admin de WordPress uniquement pour certains utilisateur (utiles pour cacher certains menus inutiles au client par exemple). Dans le fichier functions.php de votre thème ajoutez ce bout de code :   add_action(‘admin_head’, ‘my_custom_css’); function my_custom_css() { global $current_user; if($current_user->roles[0] == ‘editor’) echo ‘<style>…

Read more

CSS3 – animation + steps

J’ai découvert récemment la fonction steps() qui peut être utilisé avec les animations CSS3. Comment steps() fonctionne ? @keyframes anim { form { width: 0px; } to { width: 100px; } } @-webkit-keyframes anim { form { width: 0px; } to { width: 100px; } } div { animation: anim 0.7s…

Read more

Les websocket – Tutoriel avec Node JS

Qu’est ce que les websockets ? Définition de wikipédia : Le protocole WebSocket vise à développer un canal de communication bidirectionnel et full-duplex sur un socket TCP pour les navigateurs et les serveurs web. C’est une des technologies apportées par HTML5. En fait il s’agit de permettre l’ouverture d’une connexion…

Read more

Responsive Web design et media queries

Qu’est ce que le Responsive Web Design Le Responsive Web design est un terme que l’on rencontre de plus en plus souvent dernièrement. Sous ce terme se cache en fait un concept simple : le design d’un site ou d’une application web va s’adapter automatiquement à l’appareil (PC de bureau,…

Read more

Utiliser WebGL avec CubicVR

Qu’est ce que WebGL ? WebGL, voila une des grandes nouveautés qu’amène HTML5 ! En effet WebGL permet de faire tourner des applications 3D dans votre navigateur sans installation préalable d’un quelconque plugin (Flash ou Java pour ne citer qu’eux). Démonstration WebGL (CubicVR)

Read more

IDEOne : un testeur de code en ligne

Un petit post pour partager un site que je viens de découvrir : www.ideone.com Ce site permet tout simplement de tester votre code en ligne. Vous choisissez sur la gauche le langage du code à tester (énormément de langages sont supportés) puis vous copiez/collez votre code à droite et lancer…

Read more

Générateur de classes PHP

Voila un autre petit outil que j’ai développer récemment et qui me semble utile de partager : un générateur de classes PHP. Vous renseignez le nom de votre classe, les noms des attributs et méthodes ainsi que leur visibilité (public, privé ou protégé) et le squelette est généré directement :

Read more

Get All Images – Télécharger toutes les images d’une page web

Qui n’a jamais voulu télécharger en un coup toutes les photos d’une page d’un site Internet ? Voila un outil que j’ai développé récemment qui permet de réaliser cette tâche : Get All Images Donnez simplement l’adresse URL de la page et l’outil Get All Images s’occupe de récupérer toutes…

Read more

Images humoristiques geek

Après les blagues et citations de geek voici quelques images humoristiques piochées un peu partout sur le net :

Read more

Quelques blagues et citations de geeks ^^

Pour changer un peu voici une sélection de blagues et citations de geeks que j’aime particulièrement : Il y a 10 types de personnes dans le monde : celles qui comprennent le binaire, et celles qui ne le comprennent pas. Le manuel disait « Nécessite Windows XP ou mieux ».…

Read more

LightBox automatique sur les liens vers des images (TinyMCE et CMS Made Simple)

Un mini tuto pour expliquer comment activer automatiquement Lightbox quand on défini un lien vers une image avec l’éditeur TinyMCE sur CMS Made Simple. il faut bien sur que vous ayez installé au préalable le module Lightbox depuis le gestionnaire de modules de CMS Made Simple.

Read more

Utiliser la balise canvas pour lire une vidéo – HTML5

La balise video de HTML permet de lire directement une vidéo dans le navigateur. Une autre possibilité que propose HTML5 est de lire une vidéo dans un <canvas>. Cela peut avoir plusieurs avantages : modification de l’affichage (taille, découpe, etc…), ajout d’informations en surimpression de la vidéo, de filtres de…

Read more

HTML5 – Utiliser le localStorage

Une autre nouveauté proposé par le HTML5 va faire l’objet de ce tutoriel : le localStorage et le sessionStorage Définition et utilité Le localStorage et le sessionStorage permettent de faire sensiblement la même chose : stocker des données directement dans le navigateur, donc coté client. La différence entre les 2…

Read more

Réaliser un lecteur vidéo HTML5 personnalisé

Dans ce tutoriel nous allons voir comment réaliser un lecteur vidéo HTML5 personnalisé : voir la démonstration

Read more

JQuery HTML5 fileupload

Grâce à HTML5 il est désormais possible d’envoyer des fichiers via une page web directement par drag & drop (glisser/déposer). Dans l’exemple qui suit j’ai utilisé le plugin JQuery HTML5 fileupload pour réalisé cette opération.

Read more

Logiciels gratuits utiles

Après les plugins pour Firefox, voici une liste de quelques logiciels gratuits que j’utilise pour le développement web.  PSPAD PSPAD est un éditeur texte proposant beaucoup de fonctionnalités : coloration syntaxique de nombreux langages (CSS, HTML, SQL, PHP, Java, etc…), explorateur de code, reformatage de code HTML et CSS, compression…

Read more

Quelques plugins utiles pour Firefox

Voici une liste de quelques plugins pour Firefox que j’utilise très souvent dans le développement web.  Firebug (incontournable !) Firebug est un outil très puissant permettant d’analyser tout ce qui se passe sur un site Internet : analyse en direct du code HTML, requêtes Ajax, feuilles CSS chargées, et bien…

Read more

XEngine : moteur graphique/physique/audio (HTML5/Javascript)

XEngine est composé de 3 moteurs : graphique (2D), physique et audio. Je le développe depuis quelques temps et je me suis dit qu’il était temps de le partager. Il est écrit en Javascript et fonctionne avec HTML5 et notamment la balise <canvas>.

Read more

Explorer

Voici une petit application web PHP que j’ai développé récemment et que j’ai nommé Explorer PHP. Celle ci permet simplement d’accéder à tous vos partitions et donc à vos fichiers :

Read more

Slider HTML5 JQUERY

Voici un petit plugin Jquery que j’ai développé. Il permet simplement d’afficher un slider photos mais en utilisant le HTML5 :  balise « <canvas> ».

Read more

Les commentaires sont clos.