Des nouveautés pour Alsacreations

Actualitéalsacréations

Publié par le , mis à jour le (10438 lectures)

En cette nouvelle année 2017, nous vous avons préparé une petite refonte d'alsacreations.com. Si vous consultez cette information sur le site, vous l'aurez remarqué.

Les nouveautés sont nombreuses, mais surtout techniques (pas toujours visibles car constituant la partie cachée de l'iceberg). Après un développement initial datant de 2009 et numéroté V3 qui a bien résisté au temps, le besoin d'un rafraîchissement se faisait sentir avec la venue de la V4.

Nous tenons à remercier particulièrement notre hébergeur Nikozen grâce à qui tout est désormais consultable en https, bientôt activé par défaut.

Il ne s'agit pas à proprement parler d'une refonte totale et achevée, mais d'un tremplin vers des nouveautés et améliorations progressives notamment du design et de l'accessibilité. Cette remise à plat nous permet de partir sur des bases propres autant en back-end (PHP, MySQL, stockage des fichiers, domaines) qu'en front-end (HTML, CSS et JavaScript) pour les 3 univers : tutoriels, forum et emploi.

Objectifs

  • faciliter la maintenance et les interventions rapides
  • améliorer la lisibilité et l'accessibilité y compris en responsive
  • favoriser l'accessibilité générale grâce aux apports d'ARIA et d'un mega menu accessible
  • rendre le classement des ressources plus pertinent
  • alimenter en nouveaux contenus et actualités plus régulièrement

Quels changements ?

Dans les grandes lignes et pour ne retenir que l'essentiel parmi les centaines de petites et moyennes modifications :

  • utilisation de techniques de production au goût du jour avec des outils tels que node, gulp, Sass, font-icon, le tout en UTF-8
  • unification des bases de code et gestion de la session utilisateur suivie pour les sous-domaines www, forum et emploi

www :

  • suppression des informations parasites telles que la sidebar pour lire en pleine page
  • coloration syntaxique avec Prism
  • harmonisation des catégories entre tutoriels et forum avec code couleur
  • révision du processus d'inscription et d'identification
  • messages privés consultables en un seul endroit
  • suppression d'anciens codes devenus inutiles
  • meilleurs messages d'information et d'erreur

forum :

  • notifications d'ajout de nouveau sujet
  • formulaire de réponse sur la page du sujet
  • auto-redimensionnement des textarea
  • suppression des citations et images externes
  • likes sur les posts et sélection de la meilleure réponse
  • meilleure interprétation du bbcode

emploi :

  • améliorations cosmétiques
  • meilleur moteur de recherche
  • pouvoir lister ses propres annonces lorsqu'on est identifié
  • pouvoir mettre des annonces en favoris
  • formulaires améliorés notamment avec HTML5

N'hésitez pas à nous faire part de vos remarques. Nous avons déjà une liste d'idées et d'optimisations prévues ;)

Commentaires

Bien bien :-)

Petite remarque, bien que je ne sois pas représentatif de l'ensemble de la communauté,
j'aimais bien moi les "informations parasites" comme vous dites :-) tous les jours je me connecte comme un automate, je jette un oeil aux offres d'emplois, et consulte les questions sur les forum....
Enfin ce n'est qu'une question d'habitude, maintenant je scrollerais (?) jusque tout en bas... :-) ou accéderai via le menu :-)

non mais sérieusement j'aime bien ! A mon niveau je le perçois plus moderne et effectivement moins limité pour le développement, je voulais seulement préciser que sur la page d'accueil la sidebar n'était pas parasite pour moi :-) mais c'était négligeable face aux autre changements

Merci, Good game :-)

Salut,

super refonte claire et simple.
La recherche pour les tutos est vraiment facilitée, je suis un grand débutant mais je trouve cela très agréable à l'oeil et facile d'emploi!!!

Merci pour tout

Clean, propre, c'est du très bon boulot, bravo !

Un truc bizarre dans le forum, quand on poste une réponse, la réponse est postée mais elle reste dans le formulaire, c'est bizarre.

Sinon comme suggestion : finissez de migrer vers HTTPS (de ce que je vois, ça marche déjà :) avec du HSTS qui va bien, et ajoutez qq trucs de sécurité (facile : X-XSS-Protection, X-Frame-Options, X-Content-Type-Options, SRI, referrer policy, cookie sécurisés, un peu plus dur : CSP;).
Pensez aussi à mettre à jour côté PHP, le 7 pulse bien ;)

J'ai été agréablement surpris par cette refonte graphique !
Bien joué à vous vraiment mais pour cette belle surprise !!

Simple, efficace, clair et lisible, beau boulot et merci!

Un petit bémol personnel: la colorisation syntaxique sur le forum en négatif détonne beaucoup sur le thème très clair. Cela donne beaucoup d'importance à ces blocs et casse un peu la hiérarchie, rendant la lecture en diagonale de sujets comportant beaucoup de blocs de code difficile. Quant à la lecture, devant passer du positif au négatif, ce qui est plus fatigant. Quant à l'accessibilité, mélanger positif/négatif c'est pas top non?
Certes je chipote sur des détails :)

Et un autre (chipotons): Sur la page des dernières réponses, il n'y a pas de lien pour aller directement à la réponse, et la différence entre le titre du forum et le titre du sujet n'est pas assez évidente (ça forme visuellement une seule phrase)

Merci encore et félicitations.

Wow !! C'est zoli tout plein !
Sur la forme, j'aime beaucoup la présentation des articles par cartes. Les polices sont sexy. Le code couleurs semble bien fonctionner, c'est light, frais et vitaminé, normal pour les kiwis… La maquette a pris un coup de jeune et de modernité avec une influence réussie de codes issus du mobile. Les outils utilisés ont dû aider. Ça fait plus pro qu'avant, sans lourdeur. Le style de la version précédente a été bien adapté, du coup on garde l'identité graphique du site.

Au registre des questions, pas d'affichage du dernier message dans les rubriques spécialisées, pour éviter d'ouvrir la page pour voir s'il y a du neuf (ou du pseudo de la dernière personne à avoir posté) ? L'absence de réseaux sociaux ciblés par articles semble être un choix ?

Petite critique sur la longueur des lignes dans les paragraphes (news, articles… ), elles ont jusqu'à 130 signes, un peu long. Pour une lecture plus confortable, se limiter à 110. Assez simple à réaliser en plaçant une petite marge à gauche sur le fond blanc ?

Bravo à toute l'équipe pour tout le travail réalisé et pour ce brillant résultat ! :-p

En revanche, la place pour les pseudos sous les avatars est un poil trop courte. La dernière lettre de mon pseudo est coupée :
spongebrai
n

Bon, ça donne un style ! :-p
Bref, des petits peaufinages, mais la base est très cool.

Je vois que la fonction à la StackOverflow permettant de voter pour la meilleur réponse est enfin de mise... plutôt sympa.

On reconnait sans peine la charte des couleurs identifiant le site sans ambiguité (ce qui fait souvent défaut à la majorité des sites actuels). Bravo. Par contre, d'accord avec Kustolovic quand à sa considération sur la coloration syntaxique des blocks de codes.

Le site est beaucoup plus agréable sur mobile (d'ailleurs je ne l'ai pas encore vu sur desktop).

J'aurais bien vu la possibilité d'éditer en Markdown. Mais devoir prendre le risque de modifier l'intégralité d'une ddb juste pour la rendre compatible avec le dernier format à la mode... je comprends.

Je viens de parcourir le site en desktop et je pense qu'il y a des choses à revoir. J'ouvrirais à l'occasion un topic dédié dans le bar du forum, mais l'upload des images étant actuellement indisponible je remets à plus tard mes suggestions/solutions de corrections concrètes.

En attendant :
- D'une manière générale je pense que la colonne principale du layout est trop étroite, elle ne tire pas partie des grands écrans.
- Je pense aussi que le template de la page d'accueil est à revoir : je mettrais 4 colonnes max au lieu des 3 max, j'enlèverais la plupart des liens soulignés (et pas qu'ici d'ailleurs). Et puis je ne sais pas... je trouve la présentation des items article trop impersonnelle (j'avais déjà cette impression depuis la refonte de alsacreations.fr, mais moins marquée).
- De petites corrections sur la valeur de telle ou telle marge feraient plus pro, la taille et l'épaisseur de certaines fonts aussi. Je trouve aussi le texte des contenus un peu trop contrasté (mais je suis sur un écran Mac).
- En mobile il y a des bugs d'orientation paysage sur certaines pages (déjà auparavant), dû à du contenu ou à des éléments de formulaire qui dépassent.

Voilà voilà. Un peu sévère mais bon, qui aime bien... À votre décharge : pas facile de faire du neuf sur de l'ancien, alors bravo pour la refonte.

Bonjour,
Beau boulot, seul regret je trouve qu'une navbar fixe discrète, voire pourquoi pas une touche "burger menu" ne serait pas de trop en haut de page, car devoir cliquer sur la touche "Remonter" ou scroller n'est pas forcément toujours agréable lorsqu'on parcourt un long topic ou les commentaires d'un article.

Le style est vraiment dépouillé, peut-être un peu trop côté design... C'est par contre une avancée certaine en lisibilité et en ergonomie de manière générale. Bien joué :)

Plop,

Pas mal ce petit coup de frais.
Perso j'ai un peu de mal avec le fait de ne plus avoir de sidebar. Où plutôt, tant qu'à enlever la sidebar, pourquoi se limiter à une colonne aussi étroite de 910px ? C'est dommage je trouve, les écrans 1024 commencent à dater, plus besoin de se limiter à ceux-ci :)

Commenter

Vous devez être inscrit et identifié pour utiliser cette fonction.

Connectez-vous (déjà inscrit)

Oubli de mot de passe ? Pas de panique, on va le retrouver

Pas encore inscrit ? C'est très simple et gratuit.