IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Evolutions du club Discussion :

Rafraîchissement graphique du haut et bas de page de Developpez.com en CSS 3

  1. #1
    Responsable technique

    Avatar de Anomaly
    Homme Profil pro
    Directeur
    Inscrit en
    Juin 2003
    Messages
    10 327
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Directeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 327
    Points : 259 451
    Points
    259 451
    Billets dans le blog
    1
    Par défaut Rafraîchissement graphique du haut et bas de page de Developpez.com en CSS 3
    Chers membres du Club,

    J'ai le plaisir de vous annoncer que le style général de Developpez.com a été rafraîchi et modernisé !

    Cela concerne le haut et le bas de page qui sont présents sur toutes les pages du forum et du site.

    Le nouveau style est davantage dans l'air du temps en adoptant un style "flat", sans cependant tomber dans les excès qu'on peut parfois voir ailleurs.

    Les changements les plus importants sont les suivants :
    • Style entièrement rédigé en CSS 3 ; en particulier il n'y a plus d'images impliquée dans le rendu du design du site.
    • La marge à gauche et à droite a été supprimée
    • Les ombrages ont été supprimés et les dégradés ont été allégés
    • Les boutons des deux barres en-dessous du menu des rubriques ont été légèrement agrandis et leur aspect uniformisé sur les différents navigateurs modernes

    Si vous ne voyez pas de changement ou si vous constatez des défauts d'affichage évidents, faites F5 ou Ctrl+F5 pour rafraîchir votre cache navigateur et charger le nouveau style complètement.

    Ce changement, bien qu'initialement établi pour rafraîchir le site, est en fait la première étape avant les prochaines nouveautés qui sont encore dans les cartons, dont en particulier le style mobile qui va enfin finir par débarquer sur Developpez.com pour faciliter la navigation sur petits écrans.

    En espérant que ce changement vous plaira.
    Responsable technique forum & site

    Si ce message (ou un autre) vous a aidé et/ou vous semble pertinent, votez pour lui avec

  2. #2
    Membre habitué
    Inscrit en
    Janvier 2009
    Messages
    68
    Détails du profil
    Informations forums :
    Inscription : Janvier 2009
    Messages : 68
    Points : 175
    Points
    175
    Par défaut Ah bon...
    Désolé, je n'avais rien remarqué.
    Et en regardant, maintenant que vous le dites, je ne remarque toujours rien.

  3. #3
    Membre averti Avatar de LawNasK
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2015
    Messages
    144
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Côte d'Or (Bourgogne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2015
    Messages : 144
    Points : 391
    Points
    391
    Par défaut
    Bonne nouvelle, j'adore le flat design

    Vivement la version responsive !!

  4. #4
    Nouveau membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2015
    Messages
    9
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2015
    Messages : 9
    Points : 26
    Points
    26
    Par défaut
    Euh... Ouais. Je vois pas grand changement, rien en fait. Et c'est toujours quasi-impossible d'accès sur mobile.

    Pour un site qui se veut sur le développement ça le fait pas du tout d'avoir un site avec un design de 2005 et aucune responsivité.

  5. #5
    Expert confirmé Avatar de Zefling
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    1 167
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 1 167
    Points : 4 647
    Points
    4 647
    Par défaut
    C'est très léger... j'avais même pas remarqué.

    En tout cas, détail d'ergo : sur les écrans très large, ne pas imposer une largeur maximum finit par rendre les textes illisibles (lignes trop longues).

    Citation Envoyé par iTruc Voir le message
    Pour un site qui se veut sur le développement ça le fait pas du tout d'avoir un site avec un design de 2005 et aucune responsivité.
    Si les développeurs étaient des designers ça se saurait.

  6. #6
    Membre du Club
    Homme Profil pro
    Infographiste
    Inscrit en
    Août 2014
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Infographiste

    Informations forums :
    Inscription : Août 2014
    Messages : 11
    Points : 51
    Points
    51
    Par défaut
    Je dois avouer que je n'avais pas remarqué non plus, désolé...

    Mais c'est une bonne chose de revoir un peu l'aspect graphique du site, vous avez tous mes encouragements.
    Bravo pour la peine !!

  7. #7
    Membre extrêmement actif
    Avatar de Sodium
    Femme Profil pro
    Développeuse web
    Inscrit en
    Avril 2014
    Messages
    2 324
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeuse web

    Informations forums :
    Inscription : Avril 2014
    Messages : 2 324
    Points : 2 006
    Points
    2 006
    Billets dans le blog
    1
    Par défaut
    Désolé mais le nouveau design n'est pas plus dans l'air du temps.
    D'un autre côté ce n'est pas une critique. Je préfère un site moche style 2002 qu'un site flat moche style 2015.

  8. #8
    Responsable technique

    Avatar de Anomaly
    Homme Profil pro
    Directeur
    Inscrit en
    Juin 2003
    Messages
    10 327
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Directeur
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 327
    Points : 259 451
    Points
    259 451
    Billets dans le blog
    1
    Par défaut
    J'ai bien précisé dans le premier message que je changeais d'abord la base du code avec le CSS 3 pour le préparer en particulier au style mobile. Il est donc un peu malvenu de reprocher l'absence du style mobile alors que je mentionne que c'est dans les cartons.

    Oui je n'ai pas cherché à faire un changement révolutionnaire, mais simplement poser les jalons de la future évolution du site en revoyant la base du codage tout en saupoudrant de flat. Ceci n'est que l'étape 1.

    En effet, fournir toute une nouvelle version d'un coup, comme j'ai fait en février 2014 avec le nouveau forum, se révèle finalement très improductif. Cette version était très en retard par rapport à la date où elle aurait dû à l'origine être mise en service, et donc nous avons décidé que pour la nécessaire évolution du site vers l'affichage mobile, celle-ci se fera en plusieurs étapes. L'avantage c'est qu'on peut se concentrer sur chaque étape, la sortir rapidement après validation en interne, et vous fournir la fonctionnalité directement avant de continuer le travail. J'ose croire que Developpez.com sera totalement moderne, mobile (responsive) et sans bug bien plus rapidement via ce processus incrémental que si j'avais cherché à livrer une nouvelle version complète d'un seul coup.
    Responsable technique forum & site

    Si ce message (ou un autre) vous a aidé et/ou vous semble pertinent, votez pour lui avec

  9. #9
    Membre extrêmement actif
    Avatar de Sodium
    Femme Profil pro
    Développeuse web
    Inscrit en
    Avril 2014
    Messages
    2 324
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeuse web

    Informations forums :
    Inscription : Avril 2014
    Messages : 2 324
    Points : 2 006
    Points
    2 006
    Billets dans le blog
    1
    Par défaut
    Ou alors vous pouvez vous faire une fleur et partir du principe que ce n'est pas parce que 95% des sites et interfaces adoptent un style flat moche qu'il faut forcément suivre la tendance ...
    Ce n'est pas qu'une affaire de goût, tous les sites étant passé par ce genre de "rafraîchissement" ont étés laminés par leurs utilisateurs.
    Le flat design est à ma connaissance le premier style visuel qui divise autant entre ceux qui aiment et ceux qui détestent.
    Vous allez vous retrouvez avec 10% de gens sans personnalité qui vont trouver ça génial parce que si c'est la mode, c'est forcément bien, 50% qui vont trouver ça ultra moche et n'hésiteront pas à le faire savoir et 40% d'utilisateurs qui n'en ont rien à foutre.
    Est-ce que ça vaut vraiment la peine, tout ce boulot pour ça ?

  10. #10
    Membre régulier
    Homme Profil pro
    Etudiant
    Inscrit en
    Juin 2009
    Messages
    38
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Etudiant

    Informations forums :
    Inscription : Juin 2009
    Messages : 38
    Points : 94
    Points
    94
    Par défaut
    Du Flat Design ?
    Ca change pas grand chose....

    J'aurais bien vu une refonte de la mise en page, un peu comme sur jeuxvideo.com. Un nouvel agencement des news et des tutos sur la page d'accueil

  11. #11
    Modérateur
    Avatar de Gugelhupf
    Homme Profil pro
    Analyste Programmeur
    Inscrit en
    Décembre 2011
    Messages
    1 320
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Analyste Programmeur

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 320
    Points : 3 740
    Points
    3 740
    Billets dans le blog
    12
    Par défaut
    Je vois souvent des gens reprocher le fait que le site n'est pas agréable sur mobile, developpez s'adresse aux informaticiens en particulier, la plupart des informaticiens utilisent le plus souvent un ordinateur pour accéder au site. Avoir un design à la fois ergonomique sur un ordinateur et un smartphone/tablette n'est pas quelque chose d'évident à mettre en place (qui aurait pensé en 1993 qu'on accéderait aux sites web via son téléphone ? les sites internet sont à la base prévus pour les écrans d'ordinateurs). Il suffit de prendre l'exemple de certains autres sites, la version mobile fonctionne plutôt bien mais ce n'est plus aussi "bien" qu'avant, faut-t-il sacrifier les utilisateurs actuels pour ceux qui ont un smartphone/tablette ?
    N'hésitez pas à consulter la FAQ Java, lire les cours et tutoriels Java, et à poser vos questions sur les forums d'entraide Java

    Ma page Developpez | Mon profil Linkedin | Vous souhaitez me contacter ? Contacter Gokan EKINCI

  12. #12
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2014
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nièvre (Bourgogne)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2014
    Messages : 28
    Points : 137
    Points
    137
    Par défaut
    Je rejoins le message précédent quand à la mise en garde sur le changement de design juste pour faire plus moderne. L'exemple de jeuxvideo.com est de mon point de vue exactement ce qu'il ne faut pas faire. Cela fait peut être plus moderne (ce qui n'est pas mon avis), mais il y a une perte d'information et d'ergonomie énorme par rapport à l'ancienne version, et pas seulement sur la page d’accueil ! Je dirais la même chose de certains autres sites qui sont tout simplement illisible sur un écran d'ordinateur portable non HD (je ne peut hélas pas donné d'avis sur la restitution à des résolutions supérieures).

  13. #13
    Membre du Club
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Août 2014
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2014
    Messages : 18
    Points : 60
    Points
    60
    Par défaut Simple et clair
    Simple, épuré et clair, c'est très bien comme ça.

  14. #14
    Membre régulier Avatar de nAKAZZ
    Homme Profil pro
    Développeur .Net / Labo de génétique
    Inscrit en
    Décembre 2014
    Messages
    32
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur .Net / Labo de génétique

    Informations forums :
    Inscription : Décembre 2014
    Messages : 32
    Points : 122
    Points
    122
    Par défaut
    Citation Envoyé par Askeridos Voir le message
    Du Flat Design ?
    Ca change pas grand chose....

    J'aurais bien vu une refonte de la mise en page, un peu comme sur jeuxvideo.com. Un nouvel agencement des news et des tutos sur la page d'accueil
    Leur nouveau design est atroce (un espèce d'interface mi-smartphone, mi-pc) et le site a perdu les 3/4 des fonctionnalités qui le rendaient utile -liste des tests et moteur de recherche hyper efficace notamment.
    De plus JV.com est passé du top 800 des sites les plus consultés au monde au top 1200 suite au changement de design alors qu'il squattait ce premier top depuis des années.

    Non, ce premier rafraîchissement pour Développez.com est certes assez léger d'un point de vue strictement visuel mais, au moins, il ne détruit pas tout.

  15. #15
    Nouveau membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2015
    Messages
    9
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2015
    Messages : 9
    Points : 26
    Points
    26
    Par défaut
    Citation Envoyé par Gugelhupf Voir le message
    Je vois souvent des gens reprocher le fait que le site n'est pas agréable sur mobile, developpez s'adresse aux informaticiens en particulier
    Tu crois que les informaticiens passent leur temps sur leur ordinateur ?

    Citation Envoyé par Gugelhupf Voir le message
    Avoir un design à la fois ergonomique sur un ordinateur et un smartphone/tablette n'est pas quelque chose d'évident à mettre en place (qui aurait pensé en 1993 qu'on accéderait aux sites web via son téléphone ? les sites internet sont à la base prévus pour les écrans d'ordinateurs).
    C'est pour ça qu'on a inventé Bootstrap, pour ne citer que lui

  16. #16
    Expert éminent sénior

    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Avril 2002
    Messages
    2 789
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2002
    Messages : 2 789
    Points : 18 927
    Points
    18 927
    Par défaut
    Il y à en effet des sites qui ont changé leur look et au passage supprimé des fonctionnalités utiles, certains de ces sites sont devenus morts pour cette raison heureusement c'est pas le cas de developpez, tant que j'ai le même service et les mêmes ressources moi ça me va, la couleur du tintin c'est secondaire en ce qui me concerne. Déjà developpez ne fait pas partie de ces horribles sites grand public (dont certains se prétendent sois disant "pro" à tord" ) ou 90% de l'espace est envahi par un tas de grandes images qui servent à rien et le reste par des pubs c'est pas du tout le cas ici, et c'est devenu très rare sur le net.

    Je suis content d'apprendre que la version mobile est "dans les cartons", ça peu toujours servir d'accéder au forum, voir au site, quand on est en déplacement, avec une tablette par exemple.
    Ne prenez pas la vie au sérieux, vous n'en sortirez pas vivant ...

  17. #17
    Expert confirmé Avatar de Zefling
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2007
    Messages
    1 167
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2007
    Messages : 1 167
    Points : 4 647
    Points
    4 647
    Par défaut
    Citation Envoyé par iTruc Voir le message
    C'est pour ça qu'on a inventé Bootstrap, pour ne citer que lui
    Pour moi Bootstrap, c'est un peu comme le flat design ou WordPress, tu vois presque tout de suite un site fait avec (et ils ont tendance à se ressembler).

  18. #18
    Membre extrêmement actif
    Avatar de benjani13
    Homme Profil pro
    Consultant en sécurité
    Inscrit en
    Février 2010
    Messages
    615
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Consultant en sécurité

    Informations forums :
    Inscription : Février 2010
    Messages : 615
    Points : 2 824
    Points
    2 824
    Par défaut
    Je suis aussi pour des changements légers, ou étalés dans le temps concernant le web design. Je ne comprend pas pourquoi certains sites changent complètement de design du jour au lendemain. Si le but était d'ajouter de nouvelles fonctionnalité, une vrai nouvelle manière de naviguer pourquoi pas. Mais la plupart du temps le site en question se retrouve être au mieux le même, mais souvent des fonctionnalités disparaissent. Outre la perte de fonctionnalités, la seul chose qui change reste l'emplacement des boutons, l’organisation des menus, qui semble être juste mélangé aléatoirement histoire de dire qu'on a changé quelque chose. De quoi embêter voir perdre l'utilisateur à coup sur, pour rien. L'exemple le plus catastrophique que j'ai en tête est le sdz. Du jour au lendemain, une nouvelle version qui a apporté: une organisation désastreuse des tutoriels, plus de tutoriels officiels (qui était le point d'entré pour les utilisateurs), plus de tutoriel favoris, plus de forum pendant un temps, et pas de backup de l'ancien forum pendant encore plus longtemps, plus de news de la communauté, une lecture des tutos bien moins efficace, et j'en passe. Je ne suis pas contre le changement, mais je suis contre le changement brutal.

    Concernant développez, continuez comme ça, le site évolue par petite touche et c'est très bien comme ça. Bon courage en tout cas

  19. #19
    Expert éminent sénior

    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Avril 2002
    Messages
    2 789
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2002
    Messages : 2 789
    Points : 18 927
    Points
    18 927
    Par défaut
    Notez que Anomaly à quand même du cran car il à osé lancer une discussion sur le forum en sachant qu'il allait se prendre soit des compliments soit des tomates, généralement les changements de "look" arrivent rarement à faire l'unanimité, la au moins on à le droit de donner son avis c'est déjà ça

    Après usage je trouve cette petite mise à jour mineure réussie, c'est encore plus clair, plus simple et ça reste 100% fonctionnel, si les prochaines évolution vont dans le même sens, à savoir toujours la puissance et la richesses des services (les concurrents de developpez ont dowgradé leurs fonctions pour attirer plus de "grands public débutants" ) et la simplicité comme maintenant pour moi c'est parfait.
    Ne prenez pas la vie au sérieux, vous n'en sortirez pas vivant ...

  20. #20
    Responsable 2D/3D/Jeux


    Avatar de LittleWhite
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mai 2008
    Messages
    26 815
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mai 2008
    Messages : 26 815
    Points : 218 179
    Points
    218 179
    Billets dans le blog
    117
    Par défaut
    Pourrait t-on faire en sorte que les boutons du gabarit soient intégralement cliquables et non juste le texte à l'intérieur de ceux-ci ?
    Vous souhaitez participer à la rubrique 2D/3D/Jeux ? Contactez-moi

    Ma page sur DVP
    Mon Portfolio

    Qui connaît l'erreur, connaît la solution.

Discussions similaires

  1. Réponses: 6
    Dernier message: 04/05/2010, 22h50
  2. Background en dégradé vers le haut en bas de page
    Par kirasakuya dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 25/03/2010, 12h43
  3. Bloc visible alors qu'ont scroll de haut en bas la page.
    Par matheg dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 17/08/2008, 22h02
  4. [HTML] Tableaux Ancre en haut et bas de page
    Par codez dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 23/03/2006, 15h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo