Reprise du message précédent :

Le dev web, c'est un métier mais aussi de l'entraide. Aucun soucis, tu peux poser tes questions et je pense que les gens essayeront d'y répondre avec plaisir.

Par contre n'hésites pas à mettre ça sur CodePen par exemple, qu'on puisse débuger rapidement.

Salut,  
 
j'aurais voulu savoir s'il y avait une solution simple pour récupérer les données d'une telle vignette :  
https://maree.shom.fr/vignette
 
En gros, accéder aux data plutôt qu'à la vignette elle même...
 
Merci d'avance

au delà du fait que c'est probablement pas raccord aevc les CGU, tu peux parser : https://services.data.shom.fr/hdm/vignette/petite/BREST (regarde la source )

c'est assez degueulasse les document.write

Sinon, tu as ça : https://diffusion.shom.fr/pro/predictions-de-maree.html , payant

Oué, c'est dommage qu'un organisme gouvernemental ne soit pas passé à l'opendata dans une certaine mesure ...
Les vignettes à coller sur un site, ça fait quand même très web 1.0

Et pour la version payante, c'est pas envisageable (à la base, je voulais faire une horloge arduino annonçant la prochaine marée).

les organismes gouvernementaux doivent maintenant trouver leurs propres sources de revenus ou disparaitre ( comme l'iGN, l'ONF, ... )

Sauf que c'est pas en faisant des abos à 66€ l'année qu'ils vont faire des masses thunes amha (je suis pas sûr qu'ils aient des milliers de clients).
Au mieux, c'est juste pour éviter une surcharge et des coûts serveurs trop importants.

Salut !
 
C'est moi ! encore ...
 
Disons que j'ai essayé de publier un truc. Et lorsque j'ai voulu ajouter des image ce fut la catastrophe. Impossible de les redimensionner pour les faire rentrer dans l'écran.
 
Alors, voilà le codepen : https://codepen.io/lulrik/pen/PoPqRwb (j'espère que ça marche)
 
Et le résultat avec les images : http://ekasilicium.net/pages/alimlm317lm337.html
 
Je pensais avoir compris ce que vous m'aviez dit sur le redimensionnement par les div, puis l'image en elle même. Mais en fait non.  
 
 
 
 

max-width:100% sur img et c'est bon

Ho bah ... ça marche.
 
En fait, je crois que ne n'envoyai pas le bon CSS sur le site ...  
 
Je retourne me coucher.
 
Et oui, gatsu35, ce que tu as dit était la solution merci beaucoup  

Dites, ça existe un guide du genre "front-end moderne pour les nuls et les devs backend"?
 
Mon équipe a récupéré une web app, le front-end utilise React en TypeScript.
Je dois fixer des bugs sur la branche de développement et je galère un poil pour mon setup.
 
Avec Chrome je m'en sors, j'ai installé l'extension React et j'arrive à mettre des breakpoints.
Mais j'aimerais bien pouvoir faire ça dans VS Code et là ça m'ouvre le launch.json qui me propose une douzaine de manières pour exécuter mon app.
Si je me connecte au processus le débuggueur ne trouve pas les sourcemaps...

après 17 ans de dev frontend, et en étant passé par toutes les étapes, au final je débug toujours depuis chrome

Bah il est assez complet l'inspecteur de Chrome, et régulièrement mis à jour, je me sers que de ça aussi (+ browserstack.com pour les autres plateformes)

 
Pourquoi ?

Drap
 
Hey Youmoussa tu fais du web ?

Je bosse pour des boites faisant du SaaS  

Une habitude de dev back probablement  

 
Ok
 
Je suis rentré en France pour faire une formation dev web, je me voyais pas apprendre le code avec les indiens.      

Je bosse sur une extension chrome qui affiche une poping (un div) qui prend effet d'interagir avec les éléments d'un site web quelconque.

La popin est un div de taille fixe et je la positionne moi même sur la page. Elle contient 3 section et un main,  stackés verticalement.
Le main contient un tableau, dont la longueur peut overflow la popin.
Je voudrais que seul main sur des scrollbars, en plus de overflow: auto je dois faire quoi ? J'ai testé y'a que sur le div général que j'arrive a avoir les scrollbars, y'a une histoire avec la position ?

Autre question : la liste est navigable au clavier, comment faire pour que ça Scroll vers le bas si j'highlight un élément non visible ? Pour le moment je dois scroller a la souris

T'as fixé une height/max-height à ton main ?

Dites, vous utilisez quoi pour créer une doc sur une appli MVC ?
(quand le code n'a pas été documenté par PHPDoc) et qu'on veuille un truc avec arborescence

Y a encore des gens qui utilisent ce type de documentation autogénérée ?

Bonjour à tous,
 
Je ne sais pas si c'est le bon topic mais j'ai une question assez technique et particulière pour laquelle j'ai du mal à trouver une solution qui fais consensus sur google...
 
Je maintient un blog musical pour un ami et il a la particularité d'avoir des morceaux d'artistes en avant première, qu'il a le droit de diffuser au travers de son blog mais qu'il ne peut pas mettre en accès public sur soundcloud par exemple. Aujourd'hui, ils les héberge directement sur le wordpress mais c'est vraiment pas idéal (lent, pas fait pour ça et ça alourdi grandement le tout, avec à ce jour plus de 30Go de musique).
 
L'idéal, ça serait un service type soundcloud ou 8tracks qui permettrait de garder les sons "privés" et qu'on puisse jouir de leur player. Mais ça semble compliqué et pas forcément super clair niveau légal.
 
Je pense donc que je vais devoir me faire un hébergement cloud privé avec un accès limité via le blog et coder (récupérer) un player html5/js qui pointera dessus. Mes questions à ce propos:
- Est-ce que vous connaissez un service de cloud qui soit bien adapté à ça (bande passante et stockage surtout, et pas trop cher non plus, ~10€/mois max)
- Est-ce que vous avez d'autres solutions en tête ou déjà expérimenté ça ?
 
C'est très particulier comme situation en fait... sinon ça serait trop facile !
 

J'ai un collegue qui fait ca pour des videos de formations qu'il vend.
 
Je ne sais plus quel hebergement il utilise par contre.
Le player html5 natif aux navigateurs fera le job amha. T'as juste a le faire pointer sur la bonne url et le streaming sera directement gere.

Non, mais je vais essayer.
Par contre, je dois lui mettre une position ? La il est simplement positionné dans le flow

 
Ça m'intéresse d'avoir l'info pour l'hébergement.
 
Après ça serait bien qu'il se galère pas trop à embbed le truc quand il fait un post, il est pas du tout dev lui...

 Voici un codepen : https://codepen.io/Jubijub/pen/XWmYQeK

Maintenant : l'entier de la popin a des scrollbars
Ce que je voudrais : des scrollbars que dans le main (là où il y a la table), et seulement si besoin (j'ai résolu mon problème de border, si on met la couleur il faut aussi mettre le type de ligne )
La table peut avoir 0..n lignes, et en general ça overflow à partir de 3-4

faut changer quoi ?

la popin est comme je l'utilise, c'est à dire position:fixed, avec top/left set (via du inline style, je change le top / left à la volée avec du JS), et une height / width set aussi (dans la CSS)

Si tu connais la hauteur de <h1/> et <header/>, tu peux :
- overflow:hidden sur #marker-tooltip au lieu de scroll
- overflow:scroll sur <main />
- height:calc(400px - hauteurH1 - hauteurHEADER)

EDIT : ha oui, tu veux que le table en scroll Si tu peux modifier le DOM, faudrait wrapper le <table /> dans une div et appliquer la même règle ci-dessus à cette div
EDIT2 : ou alors passer ton table en "display: block;" (c'est sale ? ), virer le padding, définir la hauteur (cf ci-dessus) et overflow: scroll

 merci je vais tester ça (c'est OK si c'est main qui scrolle)
 
Autre question liée : je navigue au clavier sur les différentes lignes de la table. Comment faire pour que le scroll (de main) suive la ligne surlignée en bleu ?

voilà j'ai réglé les petits bugs :  
plus besoin du overflow-y car sinon ça fait moche.
J'ai trouvé le pb pourquoi ça faisait toujours un overflow-x, c'était ta bordure sur le TR. comme le tableau n'en n'avait pas par défaut et qu'il faisait 100%, ça faisait péter. Donc j'ai rajouté une border 1px transparent sur le tableau et ça passe.
Et j'ai utilisé display:flex pour gérer ton soucis principal.
 
https://codepen.io/arnogues/pen/JjYZQrj

Ouais flex c'est bien aussi  

un grand merci, c'est super !
(bon le border-box m'a un peu salopé toutes mes marges )...je bosse dans un contexte un peu particulier où j'injecte ma CSS dans le DOM, et comme elle est dans mon code Typescript j'ai pas mis de CSS reset
 

j'ai eu le temps d'implémenter ta solution avant de voir le post de gatsu, donc merci à toi aussi !

Ben en général je fuck les CSS reset, mais un border-box c'est quand même plus facile pour pour gérer.
 
Ah et tu avais foutu un padding sur table, c'était un peu inutile

j'avais caressé l'espoir d'avoir une marge propre tout autour de la popin...pis quand ça a foiré j'ai pas tout cleané

C'est toi qui a fais ca ou c'est un fork ?
 
Chapeau en tout cas
 
https://codepen.io/arnogues/pen/OBLwyq

Ah nan c'est un fork, tiens je vais le virer

 
Ma réponse va sûrement te sembler naive, mais pourquoi ne pas simplement utiliser YouTube? Tu peux décider de garder les morceaux private, ou public mais sans référencement (URL nécessaire pour trouver le morceau) ou ensuite public avec référencement. Tu peux changer le status de morceau en question. Et puis, ben, c’est gratos en plus et il n’y a pas de limitation de bande passante.

 
Hello, ça ne me semble pas naïf du tout, ça pourrait être une bonne solution pour de la vidéo, mais là c'est pour du son (de bon gros MP3). Donc certes, on peut contourner le problème mais c'est quand même pas très élégant comme player
S'il existe le même genre de plateforme pour du son, c'est top.
 
Autre chose, comme il n'est pas propriétaire des sons (même si je le répète il a un droit de diffusion), quid des bots YouTube ? J'ai entendu dire qu'ils étaient quand même plutôt efficaces et pas dans la demi-mesure. Il s'agirait pas de pourrir 8ans de posts en se faisant supprimer.

Le robot ne fait que remonter l’info au titulaire des droits d’auteur, c’est lui qui décide de bloquer ou démonétiser la vidéo in fine. Donc si il a effectivement les droits ça ne devrait pas être bloqué.

https://clyp.it/ ?

Interesting on dirait que l'on peut effectivement mettre des sons en "unlisted", je vais tester.  
 
merci