Refonte graphique<\/h2>\n
Les choix ont \u00e9t\u00e9 difficiles. Lorsque j’ai d\u00e9but\u00e9 le redesign il y a presque 2 ans, le Flat design n’avait pas pris autant d’importance qu’aujourd’hui, et d\u00e9j\u00e0 certains designers ne lui pr\u00e9disaient pas une longue et paisible vie. J’avais donc mis\u00e9 sur les retours des lecteurs \u00e0 propos de l’ancien design pour essayer de conserver l’esprit tant appr\u00e9ci\u00e9 par la majorit\u00e9.<\/p>\n
\u00c0 cela est venue s’ajouter une envie personnelle d’avoir une interface un peu plus propre, moins riche graphiquement, plus s\u00e9rieuse mais toujours un peu fun (ce c\u00f4t\u00e9 \u00ab\u00a0tristement joyeux\u00a0\u00bb :p) et avec une vraie identit\u00e9 graphique, notamment au niveau du logo et des couleurs.<\/p>\n
Le dessin du nouveau logo devient donc plus pr\u00e9cis et propose un certain nombre de variations de formes (picto seul, horizontal ou vertical) mais \u00e9galement de couleurs (rouge, vert, etc., du moment qu’elle est pr\u00e9sente dans la charte graphique). Je le voulais davantage reconnaissable pour pouvoir communiquer plus efficacement et offrir au blog une identit\u00e9.<\/p>\n Un certain nombre d’effets graphiques ont compl\u00e8tement \u00e9t\u00e9 abandonn\u00e9s, mais j’ai tent\u00e9 de conserver l’impression globale. Je voulais que le visiteur sache d’entr\u00e9e qu’il se trouve sur Creative Juiz, m\u00eame si on enl\u00e8ve le logo, et pas qu’il se retrouve sur un \u00e9ni\u00e8me blog sur fond blanc avec un logo gris et une pointe de couleur.<\/p>\n Vous l’avez peut-\u00eatre remarqu\u00e9 en arrivant sur le blog\u00a0: vous pouvez d\u00e9sormais cr\u00e9er un compte sur Creative Juiz<\/a>.<\/p>\n Au d\u00e9but un simple blog, Creative Juiz s’enrichit et va encore s’enrichir au fil du temps de nouvelles fonctionnalit\u00e9s. Le compte utilisateur vous permettra de g\u00e9rer vos pr\u00e9f\u00e9rences, proposer des articles sur le blog, proposer des annonces d’emploi (recherches et demandes), suivre des tutoriels en vid\u00e9o, placer des articles en favoris et les retrouver facilement, retrouver vos commentaires, donner de la visibilit\u00e9 \u00e0 vos actions sur le blog, etc.<\/p>\n Prenons dans l’ordre.<\/p>\n L’une des principales nouveaut\u00e9s (encore en cours de d\u00e9veloppement) et l’ajout d’une section d’offres et demandes d’emploi. Une autre grosse nouveaut\u00e9 est la prochaine arriv\u00e9e du format vid\u00e9o sur la section tutoriel. (oui c’est \u00e9galement encore en d\u00e9veloppement) Depuis maintenant 1 an, nous avons des auteurs invit\u00e9s<\/a> qui \u00e9crivent sur ce blog. Ils sont 3 \u00e0 l’heure actuelle et ont \u00e9t\u00e9 les pionniers sur Creative Juiz en acceptant de tester un syst\u00e8me pas toujours pleinement performant, puisque j’avais con\u00e7u ce blog pour \u00eatre le seul r\u00e9dacteur. Personnellement, certains de mes articles m’ont amen\u00e9 quelques clients \u00e9galement, alors pourquoi pas vous ?<\/p>\n J’avais lanc\u00e9 l’id\u00e9e lors de mon annonce de refonte il y a un an de permettre aux utilisateurs d’enregistrer leurs articles favoris sur leur compte Creative Juiz afin de les retrouver rapidement. C’est en discutant avec Gr\u00e9gory et en voyant son r\u00e9sultat sur ScreenFeed<\/a> (son site web) pour une fonctionnalit\u00e9 identique que j’ai finalement d\u00e9cid\u00e9 de mettre en place une fonctionnalit\u00e9 similaire. Celle-ci n’est pas encore d\u00e9velopp\u00e9e, mais elle sera ajout\u00e9e lors d’une prochaine mise \u00e0 jour.<\/p>\n Vous pouvez d’ores et d\u00e9j\u00e0 compl\u00e9ter votre profil utilisateur en renseignant les URLs de vos r\u00e9seaux sociaux favoris. Ceux-ci apparaitront automatiquement dans vos commentaires, donnant ainsi plus de visibilit\u00e9 \u00e0 votre profil. D’ici peu de temps vous pourrez \u00e9galement g\u00e9rer vos abonnements aux commentaires d’articles et \u00e0 la newsletter directement depuis votre profil.<\/p>\n Beaucoup de retours m’ont \u00e9t\u00e9 fait sur la forme des articles, notamment la difficult\u00e9 de lecture de l’ancienne fonte, les blocs de code pas toujours tr\u00e8s lisibles, et parfois m\u00eame un \u00ab\u00a0cadre trop graphique g\u00eanant la lecture du contenu\u00a0\u00bb. J’ai essay\u00e9 d’\u00e9couter tout le monde, les principaux styles ont \u00e9t\u00e9 modifi\u00e9s dans ce sens. Je cherche encore une coloration syntaxique efficace et compatible avec mon choix de fond fonc\u00e9 pour les blocs de code, mais \u00e7a devrait rapidement \u00eatre trouv\u00e9.<\/p>\n L’un des points majeur sur le contenu et la lisibilit\u00e9 des articles est l’apparition de ce petit bouton : La barre lat\u00e9rale se voit \u00e9galement dot\u00e9e d’un nouveau bloc contextuel qui vous proposera un r\u00e9sum\u00e9 de l’article pour des sujets comme :<\/p>\n Cette refonte a apport\u00e9 son lot de d\u00e9fi, comme par exemple arriver \u00e0 faire avancer le d\u00e9veloppement apr\u00e8s mon activit\u00e9 en agence et en freelance ! Mais c’est une autre histoire. Parlons un peu de code, de plugin et des outils qui m’ont bien aid\u00e9.<\/p>\n Une des difficult\u00e9s majeure pour moi aura \u00e9t\u00e9 de travailler sur le code pendant presque 1 an et demi<\/strong>, avec des phases o\u00f9 je ne touchais pas une balise HTML pendant au moins 2 mois. Pendant ce temps ma mani\u00e8re de travailler et d’appr\u00e9hender certaines probl\u00e9matiques (responsive, modularit\u00e9, maintenance) ont \u00e9volu\u00e9, mais mon projet de refonte ne bougeait pas. Aujourd’hui il est impensable pour moi d’envisager cr\u00e9er un site web sans proposer du responsive. Vous savez ce concept qui consiste \u00e0 proposer une interface \u00ab\u00a0intelligente\u00a0\u00bb qui s’adapte \u00e0 l’espace disponible sur votre terminal de consultation ? Cependant il existe tellement de terminaux diff\u00e9rents, que vous pourriez peut-\u00eatre rencontr\u00e9 un cas particulier, un bug. Dans ce cas tenez-moi inform\u00e9 \ud83d\ude09<\/p>\n J’ai tent\u00e9 de proposer un syst\u00e8me de navigation plus logique pour le menu principal : au lieu d’aller chercher des ic\u00f4nes tout en haut de l’\u00e9cran (\u00e7a tient de l’\u00e9preuve sportive avec le nouvel iPhone 6 Plus), ils sont simplement pas loin de vos doigts (normalement). Si c’est pas une r\u00e9flexion digitale<\/a> \u00e7a, qu’est-ce donc ?<\/p>\n J’ai abandonn\u00e9 tout support des vieux navigateurs, puisque pour la plupart d’entre vous les mises \u00e0 jour de vos navigateurs sont bien suivi. Je me suis alors fait plaisir ces derniers temps \u00e0 virer pas mal de JS pour pr\u00e9f\u00e9rer l’utilisation de Flexbox, notamment dans la cr\u00e9ation d’items de m\u00eame hauteur sur une m\u00eame ligne<\/a>.<\/p>\n J’ai presque honte, mais je n’ai pas du tout tester le rendu sur IE. Si jamais vous constatez de gros d\u00e9fauts \u00e0 l’usage, je ferai de l’am\u00e9lioration progressive :p<\/p>\n Ce qui est bien avec la communaut\u00e9 du web, c’est qu’elle est tr\u00e8s souvent pr\u00eate \u00e0 aider. Durant les quelques mois de d\u00e9veloppement de cette nouvelle version, des gens comme Matthieu Bu\u00e9<\/a> pour ses avis tranchants, Gr\u00e9gory Viguier<\/a>, Jonathan Buttigieg<\/a> et Julio Potier<\/a> pour leurs conseils sur du code et leurs plugins, Guillaume Focheux<\/a> pour ses encouragements et l’h\u00e9bergement, Matthieu Bousendorfer<\/a> pour ses avis \u00ab\u00a0design\u00a0\u00bb. Parfois ces personnes m’ont permis de me d\u00e9bloquer d’une situation embarrassante, parfois elles m’ont juste servi de canard en plastique<\/a>. (rien de cochon, promis)<\/p>\n Petite mention sp\u00e9ciale \u00e0 Willy Bahuaud qui m’a bien bien motiv\u00e9 \u00e0 cr\u00e9er mon propre espace membre gr\u00e2ce \u00e0 son article<\/a> sur le sujet, et Julio Potier pour son explication sur Outre l’utilisation de certains de mes plugins WordPress<\/a>, certains autres plugins m’ont \u00e9t\u00e9 utiles ou me sont utiles encore maintenant, voici la liste non-exhaustive :<\/p>\n Certaines autres extensions que j’utilise ne sont plus maintenues, je les maintiens donc moi-m\u00eame pour mes besoins personnels et ne les mentionnerai pas ici.<\/p>\n![\"Ancien](\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2015\/01\/ancien-vs-nouveau-logo.jpg\"){kind=logo}
<\/a><\/p>\nLes nouvelles fonctionnalit\u00e9s<\/h2>\n
Section Emplois<\/h3>\n
\nLoin de moi l’id\u00e9e de vouloir concurrencer les grands du domaine de la \u00ab\u00a0job annonce\u00a0\u00bb, mon objectif est d’essayer de remplacer la quantit\u00e9<\/strong> par la qualit\u00e9<\/strong> des annonces, notamment en \u00e9tant plus \u00e0 l’\u00e9coute des alertes des utilisateurs et des jobs \u00ab\u00a0suspects\u00a0\u00bb. Les annonces porteront sur les domaines abord\u00e9s par Creative Juiz, \u00e0 savoir\u00a0: le d\u00e9veloppement front-end (HTML, CSS et JavaScript), back-end (PHP), le CMS WordPress et le webdesign.
\nLes annonces tenteront de mettre l’accent \u00e9galement sur d’autres aspects que le salaire et la description du poste, comme par exemple les avantages (cuisine, salle de jeu\/repos, etc.) et l’ambiance.<\/p>\nSection tutoriels vid\u00e9o<\/h3>\n
\nCertains tutoriels d\u00e9j\u00e0 diffus\u00e9s sur ce blog se verront accompagn\u00e9s d’une vid\u00e9o (pour les utilisateurs inscrits et connect\u00e9s) leur permettant, je l’esp\u00e8re, de mieux appr\u00e9hender l’objet de l’article. Ce format n’\u00e9tant pas aussi simple \u00e0 pr\u00e9parer qu’un \u00e9crit, il restera ponctuel.
\nSuivant l’\u00e9volution et l’accueil offert \u00e0 ce format par vous, lecteurs, la section pourrait s’enrichir de tutoriels et formats plus vari\u00e9s \ud83d\ude09<\/p>\nGuest blogging<\/em><\/h3>\n
\nAujourd’hui le syst\u00e8me change un peu\u00a0: vous pouvez proposer un article enti\u00e8rement \u00e9crit par vos soins depuis votre espace utilisateur et devenir ainsi auteur. Vous me direz, quel avantage pour vous\u00a0? En deux mots\u00a0: visibilit\u00e9<\/strong> (1,2 millions de pages vues en 2014, 440\u00a0000 utilisateurs) et partage<\/strong> (commentaires et r\u00e9actions sur les r\u00e9seaux sociaux).
\nVous contribuerez \u00e9galement \u00e0 la communaut\u00e9 francophone du web et serez amen\u00e9 \u00e0 r\u00e9colter quelques petits dons<\/a>.<\/p>\nFavoris<\/h3>\n
Gestion de ses pr\u00e9f\u00e9rences<\/h3>\n
\nCes informations seront \u00e9galement ajout\u00e9es \u00e0 votre encart auteur, en fin d’article, si un jour vous \u00e9crivez pour ce blog \ud83d\ude09<\/p>\nLe c\u0153ur du blog : les articles<\/h2>\n
Lecture sans g\u00eane<\/h3>\n
\n![\"zoom-article\"](\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2015\/01\/zoom-article.png\")
\nCelui-ci permet d’ouvrir l’article dans un espace de lecture sans g\u00eane alentour. Je vous laisse tester cela.<\/p>\nInformations contextuelles<\/h3>\n
\n
![\"Informations](\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2015\/01\/wordpress-info-plugin.png\")
Un peu de technique<\/h2>\n
\nImaginez un code \u00e9crit par portion par trois personnes diff\u00e9rentes et une convention de nommage qui \u00e9volue, et \u00e7a vous donnera \u00e0 peu pr\u00e8s mon impression \u00e0 chaque fois que je relisais mon propre code. Heureusement certains de mes commentaires m’ont beaucoup aid\u00e9… Ah oui ! Commentez, bordel ! (je parle du code)<\/p>\nDu responsive \u00e0 tous les \u00e9tages<\/h3>\n
\nTablettes, smartphones et ordinateurs de bureau ont tous \u00e9t\u00e9 test\u00e9s (avec le mat\u00e9riel \u00e0 ma disposition), vous ne devriez pas \u00e9prouver trop de difficult\u00e9 \u00e0 parcourir les contenus. Attends, je vais te faire un showcase super-r\u00e9aliste Apple-only, tu vas voir… voil\u00e0 :<\/p>\n![\"\"](\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2015\/01\/creativejuiz-responsive-showcase.png\")
<\/a><\/p>\nSupport et abandons<\/h3>\n
La communaut\u00e9 en soutien<\/h3>\n
admin-post.php<\/code> et admin-ajax.php<\/code><\/a>.<\/p>\nLes plugins utilis\u00e9s<\/h3>\n
\n
Quelques remerciements<\/h2>\n