EDMC73.com - devweb

Access-Control-Allow-Origin

anonymous@undisclosed.example.com (Anonymous) — Wed, 08 Apr 2015 07:28:49 +0000

Access-Control-Allow-Origin Exemple d’un script javascript qui essaie d’accéder à des données issues d’un autre domaine. Vous obtenez un message d’erreur XMLHttpRequest cannot load http://blabla.com/test.xml. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://toto.com' is therefore not allowed access.

Adminer

anonymous@undisclosed.example.com (Anonymous) — Wed, 13 Apr 2022 13:18:19 +0000

Adminer Alternative à phpmyadmin, Adminer est un client web pour MySQL, PostgreSQL, SQLite, MS SQL, Oracle, SimpleDB etc.. Son principal avantage est qu’il suffit de télécharger un seul fichier php sur votre serveur web et voila :) wget https://www.adminer.org/static/download/4.2.5/adminer-4.2.5.php -O adminer.php wget https://github.com/vrana/adminer/releases/download/v4.3.0/adminer-4.3.0.php -O ad…

Boilerplate

anonymous@undisclosed.example.com (Anonymous) — Mon, 21 Mar 2016 23:53:21 +0000

Boilerplate Définition Pour faire simple c’est un modèle HTML, CSS, Javascript permettant de prototyper rapidement des pages web. Le terme « boilerplate » était initialement utilisé par les juristes pour les contrats ou les courriers types qu’ils pouvaient rédiger et qui reprenaient toujours la même structure et un contenu proche qu’il suffisait de personnaliser. Dans la conception de services web, c’est un peu la même chose, les éléments de bases sont toujours les même, c’est leur agencement…

Cache flus RSS

anonymous@undisclosed.example.com (Anonymous) — Thu, 13 Feb 2014 21:54:22 +0000

Cache flus RSS Parfois on veut afficher un flux rss sur sa page web avec le code php suivant $xml = simplexml_load_file('http://wiki.p2pfr.com/feed.php?linkto=current&view=pages&content=abstract&type=rss'); Le problème est que le chargement distant d

CSS

anonymous@undisclosed.example.com (Anonymous) — Thu, 16 Nov 2023 21:13:43 +0000

CSS Modifier un élément sur action d'un autre élément * A:hover B (si B est descendant de A) * A:hover > B (si B est fils de A) * A:hover + B (si B est frère directement suivant de A) * A:hover ~ B (si B est un frère suivant de A) Unités

CSS3

anonymous@undisclosed.example.com (Anonymous) — Sat, 08 Oct 2016 21:27:05 +0000

CSS3 Présentation * : Présentation de la 3d en CSS3 Animation * * Générateur de code * : pour les animations * : pour faire des boutons * pour créer les paramètres de cubic-bezier() * : button, border-radius, box-shadow, text-shadow, gr…

DataTables

anonymous@undisclosed.example.com (Anonymous) — Fri, 03 Feb 2023 14:32:39 +0000

DataTables Bon à savoir, seul la colonne nommé action permet d’écrire du html sans que celui-ci ne soit échappé. Sinon mettre return DataTables::eloquent(Role::select()) ->escapeColumns([]) ->toJson();

Formulaire

anonymous@undisclosed.example.com (Anonymous) — Wed, 18 Dec 2019 15:13:37 +0000

Formulaire Pour éviter l’autocompletion, un autocomplete=“off” ne marche pas sous chrome, préférez autocomplete="new-password" *

Framework Javascript

anonymous@undisclosed.example.com (Anonymous) — Tue, 17 Feb 2015 11:24:15 +0000

Framework Javascript * jquery * beaucoup plus léger que jquery mais ne tiens pas compte des anciens navigateurs D’autre à essayer comme angularJS, underscore ...

Framework PHP

anonymous@undisclosed.example.com (Anonymous) — Tue, 29 Mar 2016 15:00:11 +0000

Framework PHP * : réputé être le plus rapide et le plus performant * : micro framework * Laravel * Lumen : micro-framework par Laravel. On peut migrer facilement vers Laravel si besoin. * Silex : micro framework basé sur symfony

Gulp

anonymous@undisclosed.example.com (Anonymous) — Tue, 23 Jan 2018 22:31:36 +0000

Gulp J’expliquerai plus tard comment ça marche. Je met juste ce lien car le monde des bisounours n’existe pas, rien n’est simple et pourtant ces outils sont censé nous simplifier la vie... Astuce dans le cas fréquent ou l’installation de nodejs et compagnie foire lamentablement.

Highcharts

anonymous@undisclosed.example.com (Anonymous) — Tue, 04 Sep 2018 09:23:59 +0000

Highcharts Highcharts est un script javascript permettant de générer des graphiques dynamiques en SVG. Il possède de nombreuses fonctionnalités et permet d’exporter les graphiques au format png, jpeg, svg, pdf. Site web => Docs API => Options par défaut

Javascript

anonymous@undisclosed.example.com (Anonymous) — Thu, 30 Jun 2016 08:17:00 +0000

Javascript Function Définir une valeur par défaut function update_couleur(famille,marque,matiere){ marque = marque || 'all'; // valeur par défaut matiere = matiere || 'all'; // valeur par défaut ... } Function synchrone ou asynchrone

jQuery

anonymous@undisclosed.example.com (Anonymous) — Mon, 01 Dec 2014 22:36:12 +0000

jQuery Comment créer un filtre imbriqué Un filtre vous permet de réduire l’ensemble des éléments correspondant à ceux qui correspondent à un sélecteur de données. Dans l’exemple qui suit, la requête supprime tout ce qui ne possède pas (:not) (:has) un enfant ayant la classe

Lecteur Vidéo

anonymous@undisclosed.example.com (Anonymous) — Wed, 12 Jun 2013 12:44:04 +0000

Lecteur Vidéo En flash

LESS

anonymous@undisclosed.example.com (Anonymous) — Sun, 08 Feb 2015 21:29:25 +0000

LESS Homepage => Installation Méthode la plus simple apt-get install node-less Méthode plus longue... être root su root cd ~ Download latest version of node.js\\ please replace the url with the newest available version, which you can find here http://nodejs.org/download/

Librairies

anonymous@undisclosed.example.com (Anonymous) — Thu, 15 Mar 2018 13:25:39 +0000

Librairies Des scrollbars dans tous les sens => Petites animations de sprites et panning => Drag’n’drop upload => Zoom sur une image juste au survol de la souris dans plusieurs configuration => Autocomplete input =>

MailDev

anonymous@undisclosed.example.com (Anonymous) — Fri, 26 Sep 2025 14:30:14 +0000

MailDev Documentation * Ouverture d’un service SMTP sur le port 1025 * Ouverture d’un service Web sur le port 1080 Installation via npm npm install -g maildev # Utilisez sudo si nécessaire maildev Via docker Commande docker de base docker run -d --name maildev -p 1080:1080 -p 1025:1025 maildev/maildev

Media Queries

anonymous@undisclosed.example.com (Anonymous) — Fri, 27 Sep 2013 22:10:35 +0000

Media Queries Description source : Internet Explorer < 9 Bien évidemment, internet explorer < 9 ne supporte pas ce standard, heureusement il suffit de placer un javascript à la fin de son fichier.

Mysql

anonymous@undisclosed.example.com (Anonymous) — Thu, 15 Apr 2021 12:28:01 +0000

Mysql A tester en alternative de phpmyadmin => Tuto * Cas d'une table de config avec une date id user_id date name 1 1 2020-03-10 toto 2 1 2020-03-20 super toto 3 2 2020-01-01 tata je veux les derniers nom des utilisateurs

Notion

anonymous@undisclosed.example.com (Anonymous) — Thu, 24 Apr 2025 07:49:48 +0000

Notion Formule example if( prop("Etat")=="Activée", if(prop("Dernière sauvegarde").empty(), style("⚠️ Problème ⚠️","b","red_background"), if(dateBetween(prop("Dernière sauvegarde"),dateSubtract(now(),3,"days"),"days")>3, style("⚠️ Problème ⚠️","b","red_background"), "✅ OK" ) ), "--" )

PDF

anonymous@undisclosed.example.com (Anonymous) — Mon, 26 Feb 2024 08:02:57 +0000

PDF * * * *

Performance

anonymous@undisclosed.example.com (Anonymous) — Thu, 26 Feb 2015 23:23:40 +0000

Performance background-size: cover Sous Chrome, cette propriété css fait ramer le navigateur. Utiliser plutot comme le préconise ce site * * * L’idée de rajouter un translat…

PhpBB

anonymous@undisclosed.example.com (Anonymous) — Mon, 10 Feb 2014 00:05:16 +0000

PhpBB phpbb_hash Pour coder un mot de passe de la même façon que phpBB, téléchargez phpass => Copier/coller la class PasswordHash dans votre framework et vérifier un mot de passe avec ce code $p = new PasswordHash(8, false); if($p->CheckPassword($password_a_vérifier,$password_enregistré)){ return 'ok !!'; } else { return 'pas le bon mot de passe'; }

Reload page if cached

anonymous@undisclosed.example.com (Anonymous) — Wed, 18 Oct 2023 20:05:03 +0000

Reload page if cached Souvent lorsque l’on ferme son navigateur et qu’on le rouvre un peu plus tard, il nous affiche un cache de la page et certaines fonctions javascript sont zappées ou l’authentification n’est plus là et les requêtes ajax foire tout simplement.

Responsive Design

anonymous@undisclosed.example.com (Anonymous) — Sun, 29 Mar 2015 21:42:12 +0000

Responsive Design Outils * fourni un code pour détecter si on est sur un mobile pour plein de langage différent Grid * 12 Columns Fluid CSS Grid System. Minimaliste mais fait le boulot :) Mais cette grid impose de rajouter la class last sur la dernière colonne, pour éviter cette chose ignoble, il suffit de remplacer ceci

Ressources

anonymous@undisclosed.example.com (Anonymous) — Tue, 18 Feb 2025 09:21:09 +0000

Ressources Initialiseur * : Contient tout ce qu’il faut pour partir sur de bonne base incluant ceci : * : tout ce qu’il faut pour être compatible html5 dans tous les navigateurs. * : Un autre pour le html5 * : Tout ce qu’il faut pour avoir un site responsive.

RESTful

anonymous@undisclosed.example.com (Anonymous) — Wed, 13 Apr 2016 09:35:28 +0000

RESTful Documentation Web App Une solution pas mal semble d’utiliser le micro-framework lumen basé sur laravel => Authentification => =>

Snippet

anonymous@undisclosed.example.com (Anonymous) — Thu, 26 Oct 2017 08:39:58 +0000

Snippet Bout de code pratique Afficher un message d’attente avant qu’un fichier ne lance son téléchargement *

SVG

anonymous@undisclosed.example.com (Anonymous) — Thu, 29 Dec 2016 10:49:05 +0000

SVG Un lien vite fait pour pas le perdre Faire des animations SVG en javascript avec framework => Le code suivant permet de remplacer les balises de type par une balises svg. L’avantage est de pouvoir garder un code html propre et de pouvoir appliquer du css pour changer la couleur du icon on mouse over …

Vagrant

anonymous@undisclosed.example.com (Anonymous) — Mon, 19 Sep 2016 19:46:00 +0000

Vagrant Apparemment c’est le truc qui va bien pour installer une VM pour faire du dev sans pourrir sa machine. Installation Installer virtualbox sudo apt-get install virtualbox virtualbox-dkms virtualbox-qt Ne pas installer le vagrant disponible dans les paquets car la version est obsolète. Par exemple, la version 1.4 dispo ne supporte pas virtualbox 5 contrairement à la version dispo sur le site de vagrant qui est en 1.8

video

anonymous@undisclosed.example.com (Anonymous) — Fri, 09 Dec 2016 17:44:21 +0000

video avec ffmpeg => sudo add-apt-repository ppa:mc3man/trusty-media sudo apt-get update Commande en vrac à améliorer webm : doc => #avec le son ffmpeg -threads 4 -i $IN -vf scale=-1:480 -qmax 63 -b:v 1000k -crf 24 -b:a 56k -ar 22050 -strict -2 -acodec vorbis web_$OUT.webm #sans le son ffmpeg -threads 4 -i $IN -vf scale=-1:480 -qmax 63 -b:v 1000k -crf 24 -an web_$…

VSCode

anonymous@undisclosed.example.com (Anonymous) — Mon, 04 May 2026 13:30:21 +0000

VSCode Mes paramètres User Setting Le thème “GitHub Dark” est sympa aussi { "telemetry.telemetryLevel": "off", "workbench.colorTheme": "Bearded Themanopia (Experimental)", "editor.autoIndent": "advanced", "editor.wordWrap": "on", "zenMode.hideLineNumbers": false, "zenMode.centerLayout": false, "security.workspace.trust.untrustedFiles": "open", "editor.renderWhitespace": "trailing", "editor.linkedEditing": true, "editor.suggest.insertMode": "replace", …

Web Font

anonymous@undisclosed.example.com (Anonymous) — Tue, 24 Sep 2013 20:33:57 +0000

Web Font Intégrer Sur ce site => Uploadé votre font et vous aurez tous les fichiers et le code html qui va bien. exemple : @font-face { font-family: 'cochin'; src: url('cochin-webfont.eot'); src: url('cochin-webfont.eot?#iefix') format('embedded-opentype'), url('cochin-webfont.woff') format('woff'), url('cochin-webfont.ttf') format('truetype'), url('cochin-webfont.svg#cochinroman') format('svg'); …

Websocket

anonymous@undisclosed.example.com (Anonymous) — Mon, 07 Dec 2015 15:12:51 +0000

Websocket Monter un serveur de websocket pour garder une connexion persistante afin d’envoyer des informations depuis le serveur vers le navigateur. Avec ce système, plus besoin de faire une boucle en ajax qui va vérifier ce qui se passe toutes les 200ms.

Suivi de projet

anonymous@undisclosed.example.com (Anonymous) — Sun, 28 Dec 2014 20:55:39 +0000

Suivi de projet * *