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…
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…
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…
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 🙂
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…
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…
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 🙂
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
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
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…
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).…
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
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…
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…
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…
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 :…
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…
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>…
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…
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…
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,…
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)
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…
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 :
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…
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 ».…
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.
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…
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…
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…
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…
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>.