Design & Développement web - Le topic des canards qui mangent des cookies

[gros_bidule]

Hélas encore pas mal de monde ne les connaît pas, ou considère que leur style perso prime sur tout.

[tenshu]

C'est un des premiers truc que j'ai imposéqua'd je suis arrivé dans mon taf, il n'y avait absolument rien d'établi. Ça faisait mal aux yeux quand on ouvrait un fichier

[M0s]

Plop,

J'aurais une question qui est pas forcément liée au dev web en lui-même mais je suis sûr que vous pourrez me donner des pistes. Cette question elle concerne le wrapping dans le cadre, par exemple, de l'écriture d'un article en markdown avec un éditeur quelconque.

Pour l'instant j'ai 3 solutions en tête :

Solution 1 : Soft wrap. Paramétrer l'éditeur pour qu'il aligne le texte soit selon la taille de la fenêtre, soit après un nombre défini de caractères, disons 80 par exemple. Ce qui en soi évite de se prendre la tête mais qui peut poser problème si j'essaie de lire le fichier sur un éditeur différent qui n'est pas configuré de la même manière que le premier. Un peu comme quand on utilise des tabs et que la longueur de la tabulation varie d'un éditeur à l'autre.

Solution 2 : Hard wrap. Soit manuellement, soit en disant à l'éditeur de forcer une nouvelle ligne après un nombre donné de caractères. En soi ça règle d'office le problème en plus d'assurer une compatibilité maximale entre les éditeurs. Mais dans les deux cas dès qu'il faut modifier une ligne ça peut rapidement devenir une plaie de devoir tout réaligner.

Solution 3 : Semantic wrap. Solution que j'ai trouvé dans cet article en cherchant un peu sur le net. Article dans lequel l'auteur explique que ça permet de modifier les lignes plus facilement tout en gardant les avantages du hard wrap. En plus de créer des meilleurs diff quand on utilise un outil de versioning genre git.

Donc partant de là, la question que j'aimerais vous poser c'est comment est-ce que vous gérez ça de votre côté? Est-ce que vous privilégiez une des 3 solutions présentées au dessus et si oui j'aimerais beaucoup connaître vos arguments et les raisons pour lesquelles vous privilégiez cette solution à une autre. Ou au contraire, est-ce que vous utilisez une solution que j'aurais pas mentionnée au dessus? Auquel cas ça m'intéresse grandement de la connaître et encore une fois de savoir pourquoi vous l'utilisez.


Edit : Bon bah comme cette question a l'air de vous inspirer au plus haut point je vais pas insister
Mais c'est pas grave, j'ai trouvé la solution entre temps avec cette option pour Vim qui permet de conserver les avantages du hard wrap sans les inconvénients.

[PaulPoy]

Nouveauté côté Mozilla dans Firefox.

Firefox Replay

Ça a l'air prometteur, notamment la possibilité de sauver, partager et rejouer une navigation.
Dispo dans Firefox Nightly, mais que MacOS pour l'instant.

Plus d'info sur la roadmap du projet

[Orhin]

Ohhh, pas mal en effet.

[PaulPoy]

Hello.
Question si des gens font du BEM (convention de nommage CSS) par ici.
Comment gérer ce genre de cas par exemple :

<div class="box">
  <img class="box__image">
  <div class="box__description">
    <img class="box__image description__image">
  </div>
</div>

<div class="description">
  <img class="description__image">
</div>

<div class="superBox">
  <div class="superBox__description">
    <img class="superBox__image description__image">
  </div>
</div>

L'image se positionne à chaque fois par rapport à la description, mais tout est indépendant et différent (admettons).
Il faudrait utiliser des "modifier" ? description__image--pos-1, description__image--pos-2, description__image--pos-3
Ou penser à utiliser des noms + longs du genre description__image-superBox, ou un autre niveau de séparation comme c-description__image ?

[moimadmax]

https://vivaldi.com/fr/blog/user-agent-changes/
TL,DR : Vivaldi va maintenant utiliser le user agent de chrome par défaut, et utiliser le sien pour les sites qui ne filtrent pas genre Qwant ou DuckDuckGo. Ainsi il ne passeront plus leur temps à créer des patchs pour les sites qui les bloquent volontairement. Whatsapp, Facebook, Google ...

Ils acceptent de perdre en visibilité pour le confort de leurs utilisateur. Bon vu le score que fait Vivaldi, on en parle rarement dans les classements donc ... C'est peut être aussi une excuse pour justifier ces faibles scores.

C'est quand même triste. En même temps ne faudrait-il pas le changer ce user agent. et plutôt y mettre des données utiles. Genre les version de langage supporté

Vivaldi 2.10.1745.1 (HTML:5, JS:9, CSS:3) on Windows 10.1909

Je pense que cela serai plus simple pour tous le monde.
Pour rappel le user agent Vivaldi ressemble à ça :

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.99 Safari/537.36 Vivaldi/2.9.1705.41

Perso je trouve ça imbitable.

[tenshu]

Une histoire des User Agent : https://webaim.org/blog/user-agent-string-history/

[Autiste Redding]

Je pose ça là, ça fera peut-être sourire certains d'entre vous :

[Mr Ianou]

Une question ami expert.

J'ai un "rsyslog" sur toutes mes machines windows et "syslog" sur mes machine Linux, relié à un Kiwi log pour récupérer tout les logs qui envoi tout ça dans splunk pour lire les logs tranquillement.

Non attendez, ne partez pas !!

J'ai besoin de connaitre les sites les plus visités.

Je vois plusieurs méthode mais je n'ai pas encore trouvé :

- Tenter de faire un log de l'historique du navigateur qui sera ensuite envoyé (bien mais à faire sur toutes les machines)

- Tenter de récupérer un log de mon proxy (Squid sur debian) de toutes adresses passées par lui (avantage j'ai tout les PC et navigateur, inconvénient... J'ai pas trouvé comment faire)

- Tenter autre chose.

Si vous avez des lumières pour savoir comment récupérer un top 3 des sites les plus visité (c'est mon but)

Merci.

[Jimmer Fredette]

Squid doit logger tout ça.
Va voir dans /var/logs/squid/access.log (ou un truc du genre).

[Mr Ianou]

Squid doit logger tout ça.
Va voir dans /var/logs/squid/access.log (ou un truc du genre).

Pendant mes recherches, effectivement access.log est LE fichier que je dois faire partir...Mais j'ai beau réglé mon syslog (*.* @@monIPdelog:1468)
Rien n'y fait il les mange pas.

J'ai confiance.

[Wobak]

Avec un joli awk ça doit pouvoir se faire...

[Mr Ianou]

Alors j'ai trouvé et je détaillerai au besoin.

en tl;dr :
On configure le fichier squid.conf
On configure le fichier rsyslog.conf pour chopper son log généré
Toujours dans le fichier rsylog.conf on envoi le tout a son chopeur de log (*.* @@monip:1468)
Mon chopeur de log (Kiwi syslog) me les récupères, j'en ai fait plein de dossier classé par host.
Je donne tout ça à Splunk qui me fait ce que je lui demande à savoir un top 10 des sites visités.

Bref je suis content.

Et je te déteste Wobak car j'ai beau cherché je vois pas pourquoi effectivement j'aurais pas pu faire du awk dessus avec une règle crontab. Mais pas le temps.

Edit en fait si avec ma récup' , j'ai les sites visités et les sites tapés mais interdit ou erreur de frappes. Du coup ça fait un poil plus pro.

[yuushiro]

Hello les coins,

Y'a-t-il des développeurs de back en python par ici ?
Je me lasse un peu de Spring et Java et j'aimerai bien gouter à quelque chose d'autre et de plus léger.

J'ai vu que l'on pouvait faire quelque chose de pas trop mal avec Flask / Flask-Restful / SQLAlchemy.

Vous avez des conseils/exemples quand à l'architecture d'un projet ?

Bref, j'ai hâte d'essayer ça.
Merci

[MrBeaner]

Hello les canards ! J'ai quelques soucis d'affichage sur le Prestashop que j'ai bricolé, est-ce qu'un canard aurait des lumières à m'apporter ? J'ai posté sur le fofo de Prestashop en attendant : https://www.prestashop.com/forums/to...rest-de-zemez/

1) Le plus important d'abord : les miniatures sur ma page produit s'affichent en "mini" à l'ouverture et il faut changer d'attribut, puis revenir pour que ça se règle. C'est très dérangeant d'un point de vue expérience client. Je n'ai pas les compétences malheureusement pour identifier ce qui pourrait causer cela dans le CSS ou autre. Vous pourrez constater le souci sur une de mes pages produit : https://sympa-bonnard.ch/ceintures/4...le-ceinture,32

Important : je suis également ouvert à l'achat d'un nouveau module pour l'affichage du produit de la page produit, comme celui-ci n'est pas mauvais, mais pas optimal pour le mobile et surtout avec ce problème qui peut-être n'a pas de solution simple. Si vous en avez un très recommandé, je suis tout ouïe

Comme Odd m'avait prévenu, je vois que la 1.7 n'est pas folichonne et, si je ne trouvais pas de l'intérêt à apprendre à faire les choses moi-même, je passerai volontiers à une autre solution. Pour l'instant, ça fait le taff, donc bon. Je suis en train de m'initier à python, j'aurais été ravi qu'il existe une solution e-commerce basé sur le langage J'essaierai avec Django pour un autre projet.

[Nattefrost]

Hello les coins,

Y'a-t-il des développeurs de back en python par ici ?
Je me lasse un peu de Spring et Java et j'aimerai bien gouter à quelque chose d'autre et de plus léger.

J'ai vu que l'on pouvait faire quelque chose de pas trop mal avec Flask / Flask-Restful / SQLAlchemy.

Vous avez des conseils/exemples quand à l'architecture d'un projet ?

Bref, j'ai hâte d'essayer ça.
Merci

Flask c'est bien utile pour du PoC ou du projet bien cadré (genre API REST) mais a mesure que l'appli grossit et que les features se multiplient je trouve que ça devient + difficile à maintenir que Django, ce qui ne veut pas dire que c'est infaisable.

Django de son côté impose plus de conventions (un peu à la Ruby on Rails) et inclut beaucoup de choses de base, mais du coup remplacer ces outils (ORM, langage de templates, driver BDD) est galère, là ou Flask donne de la flexibilité sur les librairies et outils que tu utilise.

Perso j'utilise les deux en fonction des besoins donc ce ne sont que mes réflexions, j'aime beaucoup Flask pour la liberté que ça offre et Django parce que c'est solide et offre nombre de features "by design".

Concernant une première approche de Flask, y a le tuto de Miguel Grinberg qui couvre les features de base et un peu + du framework (forms, login, DB ), saute les premiers article c'est pour les grands débutants : https://blog.miguelgrinberg.com/post...-i-hello-world

Il y a d'ailleurs un article dédié sur la structure d'un projet Flask : https://blog.miguelgrinberg.com/post...tion-structure

[Whiskey]

Aloha

Bon j'ai un problème sur la technologie ElectronJS (Malgré que c'est pour le desktop, cela utilise des technologies WEB, donc veuillez me pardonner si ce n'est pas le bon topic ). Je vais expliquer mon soucis par un exemple :

- Je part sur un plan de travail simple, un dossier vide que je nomme 'ExampleProg' (Le nom du dossier a été changé pour simplifier, aucun dossier n'a été martirisé pendant les tests )

- Dans ce dossier (vide), j'ouvre un terminal et je tape les commandes suivantes :

> yarn init -y
> yarn add electron --dev

Cela me créer un fichier "package.json" de base, me télécharge les fichier nécessaire à ElectronJS et me le marque dan le fichier comme dépendance de dev.

- J'ouvre mon IDE Visual Code et j'édite ce fichier pour qu'il ressemble à cela :

{
  "name": "ExampleProg",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "start": "electron ."
  },
  "devDependencies": {
    "electron": "^8.2.0"
  },
  "dependencies": {}
}

- Je créer le fichier "index.js" :

const electron = require('electron')
const app = electron.app
const BrowserWindow = electron.BrowserWindow

app.setPath('userData', 'F:\\Dev\\tmp\\ExampleProg') // <-- Retenez bien cette ligne

let mainWindow

function createWindow () {
  mainWindow = new BrowserWindow({ width: 1600, height: 900 })
  mainWindow.loadURL (`file://${__dirname}/index.html`)

  mainWindow.on('closed', () => {
    mainWindow = null
  })
}

app.on('ready', createWindow)

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  if (mainWindow === null) {
    createWindow()
  }
})

Bon, comme vous pouvez voir, c'est ultra basique, juste un code pour afficher une fenêtre. D'ailleurs il y a aussi le fichier index.html, mais inutile de le montrer, c'est juste le code standard d'une page web en HTML (pas de code JS).

Le fonctionnement marche parfaitement, la fenêtre s'affiche. Mon soucis, est que a chaque lancé, electron créer un dossier dans appdata/Roaming avec des fichier lié a chromium.

Après moult recherche, j'ai pu voir qu'on pouvait bouger se répertoire avec app.setPath, comme mis sur le code ci-dessus. Cela marche.... mais pas complètement, oui il me créer bien le dossier la où je lui indique, mais il continue a créer un dossier dans appdata/Roaming avec juste le dossier "Directories" à l'intérieur, vide bien entendu.

Quelqu'un sait ou aurait une idée comment faire pour qu'il ne créé plus ce dossier dans appdata/Roaming ?

Merci d'avance.

-----------

EDIT:

Bon j'ai trouvé une solution passagère, créer un lien (via mklink) dans AppData et renvoyer dans un dossier sur un autre disque dur. Faut juste que je précise le nom de ce dossier dans package.json. Ca évitera pour le moment d'avoir un appdata/Roaming avec plein de dossier poubelle.

Ceci étant dis je reste ouverte a toutes propositions (non pas celle que vous pensez ) sur mon soucis

[deathdigger]

Le appdata/roaming, c'est pour éviter de trop polluer ton système avec des appli tiers. Du coup, modifier cela, ce n'est pas forcément une bonne idée

[Dross]

Faudrait déjà nous expliquer pourquoi vouloir changer un truc tout à fait standard comme l'utilisation du %appdata% par un truc pas standard du tout.

[TwinBis]

+1, ne touche pas à ce genre de truc sauf si tu sais ce que tu fais et que tu en es sûr à 100%.

[Whiskey]

Le appdata/roaming, c'est pour éviter de trop polluer ton système avec des appli tiers. Du coup, modifier cela, ce n'est pas forcément une bonne idée

Faudrait déjà nous expliquer pourquoi vouloir changer un truc tout à fait standard comme l'utilisation du %appdata% par un truc pas standard du tout.

+1, ne touche pas à ce genre de truc sauf si tu sais ce que tu fais et que tu en es sûr à 100%.

Le but est pas de le changer pour l'application final, il restera dans appdata. Mon changement est juste pour éviter d'avoir plusieurs dossier "fantome" dans appdata lors de mes tests/développement. Je créer souvent des nouveau projets pour faire des tests, ne pas polluer mon code initial ou simplement trouver un meilleur agencement pour la structure des fichiers lors du développement. Vous imaginez bien que si je créer 10 projets electron pour tester, il y aura 10 dossiers différent dans appdata et pour la plupart totalement inutile car plus utiliser a un moment, sa pollue bien le répertoire

Donc voila le but de la manœuvre est surtout pour faciliter le développement, pas pour la production.

PS: Je précise bien que c'est appdata/roaming, il a pas l'air de mettre dans local ou locallow.
Merci pour vos réponses

[Fastela]

Alors les canards dev, ça se passe comment le confinement pour vous ?

De mon côté j'affûte mes skills sur Hugo en étudiant la doc d'eleventy, gridsome et nuxt qui me font les yeux doux, et je prépare un projet sympa à base de Laravel API / VueJS, je croise les doigts pour que le devis passe ! Mais franchement enfermé dans l'appart avec le gamin c'est TELLEMENT la galère, j'ai l'impression d'être dans le premier cercle de l'enfer parfois.

Et vous ?

[gros_bidule]

De mon côté, j'ai terminé mon contrat la veille du jour où le confinement a été annoncé ^^. Heureusement, rupture conventionnelle, donc j'ai le chômage. Mais, purée, qu'est ce que je m'emmerde. Je tiens en bossant sur des projets opensource, mais ça a ses limites. Et un putain sentiment d’inutilité.
Je ne cherche pas de nouveau boulot, même de courte durée, car je devais partir vivre au Canada même pas 1 semaine après le début du confinement (avion le 22 mars) ^^, et le marché au Canada fait que je ne peux pas me permettre d'avoir 3 mois de préavis, je dois pouvoir partir très vite. Ouaip, circonstances de m****. J'espère pouvoir partir au plus tôt, dès que la France ouvre ses frontières (ça s'annonce bcp mieux côté canadien, certains vols sont déjà autorisés, mais ils gèrent aussi bcp mieux que nous).
Heureusement ma chérie est adorable, je reste en contact avec mon possible employeur canadien (on refait des démarches), et puis y'a mariokart, netflix, et un peu les jeux online le soir avec les canards, même si là aussi je sature.
Si je regarde par la fenêtre de mon appart, je vois (et surtout entends) deux SDF slaves qui crachent leur glaviot toutes les 30s, donc youpie.

Au moins je n'ai pas d'enfant à gérer. J'avoue que ça doit être bien galère pour les parents et enfants, encore plus si vous bossez en télétravail.
Le copain d'une amie de ma chérie est dev en presta, en télétravail. Apparemment la boite a arrêté le gros des devs, donc il se retrouve à faire 150% du boulot, et il est au bout du rouleau. Mais c'est un presta, donc la boite s'en tape qu'il fasse un second burnout, ce n'est qu'une ressource. Et vu qu'il est jeune, il n'ose pas se rebeller, il se tue à la tache.

Courage les parents coincoins ! Et les coincoins en général en fait
On peut se consoler en se disant qu'on bosse dans un secteur qui ne subira pas trop la possible crise du dé-confinement. On aura du boulot, et les devs expérimentés seront encore plus recherchés (au moins à l'étranger), donc encore plus en position de force (faut en profiter sans état d'âme, car quand c'est l'inverse, les patrons en profitent grave).

[tenshu]

Perso je fais toujours mes 8h de taff mais a la maison 5 jours au lieu du mercredi seulement.

A part que je suis vachement moins crevé par ce que je gagne presque 2h de transport par jour, bah c'est du pareil au même ...
Stand up en visio tout les matin, puis faut dépiler les tickets.

Je préfère presque ce mode à part que mon cerveau a vraiment du mal à se dire qu'être a la maison ce n'est pas par ce que c'est le weekend. Les réseaux sociaux remplis de gens qui glandouillent faute de taff ça n'aide pas trop

[Awake]

Merde gros_bidule, pas cool ta situation, tu devais être super content de partir au Canada.. J'espère que ça va se régler sans soucis.

De mon côté pas de grandes différences, je bossais déjà tout le temps depuis l'appart sur mon projet. Les sorties quotidiennes me manquaient les premières semaines (au parc surtout) mais je m'y suis fait au final. Et avec la recrudescence du jeu en ligne, Let's Role cartonne, donc tout roule plutôt bien

[tenshu]

Let's Role cartonne, donc tout roule plutôt bien

Cool, d'ailleurs avec l'annonce de ma feuille sur TftL, j'ai envoyé une douzaine de personne sur l'alpha

Vous cherchez toujours quelqu'un pour adapter des systèmes d'ailleurs ?

[Dross]

Pas de bol gros_bidule mais t'inquiète pas : la saison du dégel c'est la plus fatigante et pénible ici, donc tu évitera d'arriver dans la pire période.

[gros_bidule]

Héhé, c'est pas faux

[Nattefrost]

Je bossais 2j/semaine en télétravail, maintenant 5j/5 depuis une semaine avant le confinement officiel (cas suspect chez un collegue).
Mes journées ont pas trop changé, moins d'intéractions avec les clients ce qui me permet de travailler les sujets au long cours que je délaisse un peu habituellement faute de temps.

Ah et jsuis moins claqué aussi, en temps normal je met presque 2h aller et retour (4h/jour). Par contre les interactions sociales manquent cruellement, bien qu'on ait mis en place des choses comme des "salles" de pause en visio pour discuter un peu d'extra-pro entre collègues.