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

**zatura** · 09/12/2014, 16h18

Si y'a des canards qui touchent à google map je suis preneur.

Ma carte s'affiche correctement, les boutons en haut à droite pour passer en vue satellite ou plan marchent bien.

Par contre les boutons de gauche pour se déplacer ou zoomer ne fonctionne pas, ils s'affichent mais si je clique dessus rien ne se passe

**deathdigger** · 24/12/2014, 10h04

Pute borgne:
Je bosse sur un site avec des billions de lignes de code.
On m'a demandé de modifier un truc et je dois foutre un lien (genre merci de contacter <a href="mailto:toto@toto.com">toto@toto.com</a> pour blablabla).
Jusque là pas de souci, sauf qu'à l'affichage, ce putain de lien se met en bloc et il se fout n'importe comment dans la phrase

J'ai essayé de mettre un display:inline, mais ça ne change pas grand chose. Un petit coup d'inspecteur (je ne connaissais pas les outils de IE vu que je bosse sur FF d'habitude, mais là le site est compatible uniquement avec IE

²), et là je vois un float : left.

Sur tous les liens.

Vivement le rétablissement de la peine de mort.

**Manfroid** · 26/12/2014, 12h20

Hello les canards,

Certains d'entre vous utilisent openelement ?
Parce que j'essaye désespérément de modifier le fond d'un calque sans succès.

Any help ?

**Max_well** · 13/01/2015, 17h54

Je dois refaire une application back office, et j'aimerais pousser à fond l'aspect user oriented via design, pour que le truc soit le plus ergonomique possible.
Et comme vous le voyez dans la phrase précédente, je suis une bille sur le sujet, vous avez des ressources sympa ? Des frameworks (java/js) ?

Merci d'avance

**Madri** · 14/01/2015, 22h47

Bonsoir les coins

Mon ancien site web de photographe étant trop lourd / ramant, je viens de le mettre à jour pour quelque chose de plus sobre : http://www.madri.fr/

Attention, je suis pas développeur, c'est une base de Wordpress avec un thème kivabien. Je veut bien votre avis dessus et surtout je souhaiterais savoir s'il y a des techniques de grand-mère pour améliorer le référencement d'un site comme celui-là. Soyez-en remerciés d'avance

**tenshu** · 14/01/2015, 23h08

Et bah c'est très bien

Pas grand chose à faire pour le référencement à part que d'autre site face des liens vers le tient.
Comme c'est un wordpress tu pourrais peut être faire une rubrique où tu publie du contenu (textuel j'entends) sur ton boulot pour faire venir les internautes (content is king).

Pour ce qui est du wordpress en lui même tu devrais compresser tes javascript et css pour gagner en vitesse (j'utilise autoptimize).
Pourquoi pas mettre en cache les pages ême si chez ton OVH c'ets moins un problème que sur mes 1and1 low cost (j'utilise wp super cache)

A titre perso je suis pas fan du tout de l'effet de zoom au survol des miniatures (

).
Et sur le web on ne justifie pas le texte.

**Madri** · 14/01/2015, 23h17

Merci pour tes retours Tenshu !

Je pensais mettre en place la partie "blog" du site dès que j'aurais un peu de contenu à y mettre dedans (faire des articles retro datés, mais ça prend du temps). Et la tenir à jour ensuite.
Je note pour les 2 plugins. Je connais WP-super-cache

Pourquoi ne peut-on pas justifier le texte sur un site web ? Je trouve ça affreux du texte non justifié la plupart du temps ...

**tenshu** · 14/01/2015, 23h21

Par ce que c'est mal géré la plus part du temps, de plus cela cause des rivières de blanc qui perturbent la lecture :

La bonne pratique est de ne jamais justifier du texte sur le web.

**Madri** · 14/01/2015, 23h35

Ok, je comprend. Merci pour l'explication.

**tompalmer** · 15/01/2015, 01h09

Sur le web, il faut faire des phrases courtes, forme active, langage pas trop imagé.
Petits paragraphes, des listes, de l'aération, du lisible quoi. Il faut donc un bon usage du gras, de mots percutants, allier la forme et le fond pour ce format.

C'est pas parce que ton lectorat est débile, mais parce que sur le web les gens scannent ton texte (ils ne lisent pas, sauf s'ils sont intéressés de base et avec un peu de volonté, c'est pas la majorité des cas).
De plus, ils switchent si le résultat de leur scan est négatif, les sagouins.

Sur ton site, la typo des titres est liée par un trait qui la souligne. C'est stylistique mais sur le net je n'aurais pas osé un tel truc, ça fatigue.

Enfin je te dis ça pour avoir bouffé des cours et des études sur les relations "oeil - texte -écran".

**Cowboy** · 15/01/2015, 12h53

Envoyé par Madri

Bonsoir les coins

Mon ancien site web de photographe étant trop lourd / ramant, je viens de le mettre à jour pour quelque chose de plus sobre : http://www.madri.fr/

Attention, je suis pas développeur, c'est une base de Wordpress avec un thème kivabien. Je veut bien votre avis dessus et surtout je souhaiterais savoir s'il y a des techniques de grand-mère pour améliorer le référencement d'un site comme celui-là. Soyez-en remerciés d'avance

Il ne s'affiche pas sans javascript, normal ?

**tenshu** · 15/01/2015, 14h56

Envoyé par Cowboy

sans javascript

**Madri** · 16/01/2015, 01h14

@ tompalmer : je comprend bien tout ce que tu expliques. Après bon, les 2 pages de textes doivent être un peu remplies pour le SEO quand même, et puis si les gens en arrivent au A Propos et Contact c'est qu'ils ont vu les photos avant et que ça les intéressent (un peu quand même). Et la police des titres je la kiffe. Elle correspond tout à fait à ce que je voulais et ajoute ce "petit truc en plus" au design sobre.

@ Cowboy : oui, y a beaucoup de js qui tourne derrière ... donc sans ...

**gros_bidule** · 16/01/2015, 01h22

Sympa comme tout, et il faut garder à l'esprit que c'est un site perso pro, c'est donc un peu à part. J'imagine que le canard moyen n'est pas ta cible (de toute façon il ira sur Flickr).

La remarque reloux : sur http://www.madri.fr/contact-photographe-architecture/ tu remplaces l'ascenseur vertical du navigateur par un truc tout mince et qui désactive le scrolling via les touches Haut et Bas (ainsi que Paragraphe Haut et Bas). Si je navigue au touchpad sur un portable, c'est très compliqué.

Concernant le SEO : tu pourrais mettre tes (4) grosses images 1080px en lazy loading. Pour l'instant ton score SEO ne doit pas être très bon à cause de ça. Tu pourrais passer de ~1Mo à ~250Ko d'images, c'est pas mal.
Penses aussi à spécifier les attributs width et height sur les balises image. Ca va accélérer (un tout petit peu, le navigateur n'ayant pas à charger l'image pour avoir ses dimensions) le chargement des images et Google aime ça.

PageSpeed te donnera la sainte parole Googlesque : https://developers.google.com/speed/...ww.madri.fr%2F

**tenshu** · 16/01/2015, 13h16

Envoyé par gros_bidule

Penses aussi à spécifier les attributs width et height sur les balises image

Bof.

**Bilbut** · 17/01/2015, 11h47

Salut les canards,

Tout d'abord, je suis néophyte autodidacte (PHP, JS, HTML5, CSS). Je pars donc de très loin

J'ai donc commencé mon petit site perso, et je voudrais mettre en place une galerie, qui permettrait :

- de présenter l'ensemble des photos de façon agréable, avec un scroll vertical (comme le site de madri ci-dessus) ou horizontal (comme le template Parallelism)
- avoir la possibilité de zoomer sur n'importe quelle photo, sans doute en cliquant dessus
- avoir la possibilité de se constituer une sélection de photos (en cochant une case présente sur chaque photo, truc du genre), et de la télécharger sous format zip

Soit je pars du template Parallelism et j'essaye d'y appliquer la fonction "select + zip" et j'ai besoin de votre aide

Soit quelqu'un a un template qui fait déjà tout ça, et je l'en remercie d'avance.

Je suis donc preneur de vos conseils. Merci !

Edit : ah oui, j'aime bien la façon "grid" de présenter les photos, où le site optimise la disposition des photos en fonction de leurs dimensions.

**zatura** · 22/01/2015, 10h31

Hello tout le monde j'ai un problème avec jqueryUI

J'affiche des fenêtres modales sur mon site, elles s'affichent correctement et sont bien centrée sauf dans un cas.

Si l'utilisateur clique sur le bouton affichant une fenêtre alors que la page n'a pas totalement été chargée alors la fenêtre modale s'affiche à gauche de l'écran au lieu du centre.

Bon elle est entièrement visible mais ça fait pas propre quoi

Y'a un moyen d'empêcher l'affichage tant que la page n'est pas totalement chargée ?

**deathdigger** · 22/01/2015, 10h45

Oui, tu peux griser le bouton tant que ton document n'est pas chargé

**tenshu** · 22/01/2015, 10h48

Envoyé par zatura

Hello tout le monde j'ai un problème avec jqueryUI

J'affiche des fenêtres modales sur mon site, elles s'affichent correctement et sont bien centrée sauf dans un cas.

Si l'utilisateur clique sur le bouton affichant une fenêtre alors que la page n'a pas totalement été chargée alors la fenêtre modale s'affiche à gauche de l'écran au lieu du centre.
Bon elle est entièrement visible mais ça fait pas propre quoi

Y'a un moyen d'empêcher l'affichage tant que la page n'est pas totalement chargée ?

Justement je fais ça en ce moment :q

Tu appelles .dialog() sur quel évenement ?
Essaye de le mettre sur un document ready si c'est pas le cas.

**zatura** · 22/01/2015, 13h15

Elle était déjà dans un document ready. Mais en fait cet événement est bon quand le DOM est totalement chargé, moi c'était au niveau de la page.

Un window.bind('load') a marché ^^

**Akajouman** · 05/02/2015, 11h42

Yo les canards codeurs !

J'ai une petite présentation à faire à propos d'une utilisation particulière du XML, d'un dérivé ou une alternative du langage.

Je pensais au JSON mais je ne serai probablement pas le seul à pendre ça, donc vous auriez des propositions de sujets intéressants sur ces thèmes ?

Je fais mes recherches de mon côté mais si vous avez un truc peu connu et/ou vraiment cool, je prends !

Merci

**Nattefrost** · 05/02/2015, 12h10

Tu peux parler du .svg , qui est basé sur du XML pour dessiner en vectoriel.
Ou les designers visuels genre Glades (pour GTK), qui représentent ton UI sous forme de XML.

C'est pas spécialement méconnu mais perso c'est des sujets que je creuserai si j'avais une présentation à faire là dessus

**Akajouman** · 05/02/2015, 12h23

Je prends ! Merci mon cher !

**gros_bidule** · 05/02/2015, 13h57

XML dans les formats OpenDocument (odt, ...) et Office 2007+ (docx, xlsx, ...) ?
Depuis ces versions/formats, ce ne sont plus des fichiers monolithiques où toutes les infos binaires sont entassées en vrac (regardes un RTF de wordpad ou DOC de Word, c'est horrible, surtout avec des images). Now ce sont des fichiers compressés (des ZIP renommés en .docx, .cequetuveux) dans lesquels tu trouves les infos bien séparées : images à part, textes et styles dans des XML séparés.

Dans un autre genre, tu peux aussi te renseigner sur DriveImageXML.

**Akajouman** · 05/02/2015, 14h48

Pour les docx, j'y ai pensé mais le format pour les images vectorielles, ça me botte bien, et c'est assez méconnu au niveau de ma formation, c'est cool !
Je garde la proposition sous le coude !

Merci en tout cas, c'est cool !

**Nattefrost** · 05/02/2015, 15h12

@gros_bidule Ha je me suis jamais intéréssé aux formats .docx et consorts, y a moyen de voir réellement ce qu'il y a dedans ? Avec un soft particulier ?

@Akajouman : je suis venu à m'intérésser au .svg par hasard, c'est pas non plus le genre de trucs qu'on voit dans mon école mais je m'en suis servi pour un projet et ouaip c'est très intéréssant

.

edit : Yucca, tu veux dire un bête 7z ? J'aurai suspecté un truc fermé.

**Yuccaman** · 05/02/2015, 15h13

Envoyé par Nattefrost

@gros_bidule Ha je me suis jamais intéréssé aux formats .docx et consorts, y a moyen de voir réellement ce qu'il y a dedans ? Avec un soft particulier ?

Un logiciel de décompression.

**Akajouman** · 05/02/2015, 15h18

En effet !
J'ai découvert le contenu des documents word récents tout à fait par hasard, ça m'a surpris de voir du XML sur mon rapport haha

**Sekigo Le Magnifique** · 05/02/2015, 19h14

Envoyé par Akajouman

J'ai une petite présentation à faire à propos d'une utilisation particulière du XML, d'un dérivé ou une alternative du langage.

XSLT ! XSLT !
Un langage où tu écris en xml. Pour produire du xml. À partir de xml.
(bon, en fait, on peut prendre et produire à partir de n'importe quoi, mais faut être un peu maso)

Sinon, y a aussi le format DOCBOOK, qui permet d'écrire des articles.
Et les epubs. Idem que des .docx, ce sont de simple archives avec des fichiers xml/xhtml

Y a le choix niveau xml.

**Teocali** · 05/02/2015, 20h12

Envoyé par Sekigo Le Magnifique

XSLT ! XSLT !
Un langage où tu écris en xml. Pour produire du xml. À partir de xml.
(bon, en fait, on peut prendre et produire à partir de n'importe quoi, mais faut être un peu maso)

Pour travailler avec le xslt ? Ca c'est sur.

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

Outils de la discussion

Règles de messages