Catégorie : En quelques clics : web, pixels & logiciels

En bon geek je surfe, fouille, fouine, lis, teste, apprends et créé pendant des heures sur le web ou au fond de mon ordi. Du coin de l’œil, j’essaye de surveiller la permanente évolution de ce petit monde rempli de trouvailles géniales et de libertés finalement assez surveillées. Ici s’amoncellent mes soirées passées en quelques clics…

GCstar & GCweb, gérer et mettre en ligne des collections

Publié le par

GCstar logoBibliothécaire de métier et de formation, passionné de bande dessinée depuis des années, je gère un listing des mes albums depuis un bon moment déjà. J’ai longtemps utilisé le logiciel Book’in de Mathias Reynaud qui reste pour moi le logiciel de gestion de bd gratuit le plus efficace. Il me manquait cependant la possibilité d’envoyer ce listing sur le net, très utile pour éviter d’acheter deux fois le même album en magasin et sur les brocs…

Après avoir testé Bedetheque en version gratuite, et BDvore, qui ne me convenaient pas car je n’hébergeais pas mes propres fichiers, je suis tombé sur GCstar. GCstar est un logiciel libre qui permet de gérer n’importe quelle collection (BD, livres, timbres, petites voitures, vinyles, etc.). Son interface n’est pas hallucinante et il y pas mal de petits bugs pour ce qui est de la gestion de bandes dessinées (à priori, pas de souci pour d’autres collections). Mais ce qui m’intéressait vraiment c’était d’envoyer mes données sur le net par le biais de l’interface web proposée par GCweb, et surtout de le faire depuis mon propre hébergeur.

Le résultat en ligne est plutôt bluffant comparé à l’interface de GCstar qui n’est pas toujours intuitive et pas vraiment design…

Des fonctionnalités que l’on retrouve sur les catalogues des bibliothèques

  • Auteurs, éditeurs, titres de séries, couvertures : tout est cliquable pour accéder aux albums ayant des dénominateurs communs
  • Affichage des couvertures, possibilité de présenter un « mur d’images »
  • RSS sur l’accueil de chaque collection et/ou sur des recherches précises
  • Tri des ouvrages par éditeurs, auteurs, titres de séries, genres
  • Recherches simple et avancée très efficaces
  • Possibilité de gestion de plusieurs collections à la fois
  • valide W3C (Xhtml et CSS) avec des possibilités de modifications des thèmes et contenus affichés assez poussées pour les habitués du html, xml et CSS

Bref, que du bonheur, surtout que graphiquement, le rendu est très propre. Comme je suis un peu geek sur les bords (ah bon ?), j’ai aussi ajouté une collection de jeux de société, ces deux collections sont hébergées ici : collecs.robinpinault.com

Si jamais vous prévoyez d’utiliser GCstar et GCweb, et que vous voulez un coup de main, n’hésitez pas à me contacter. Pour les questions très pointues sur l’opac, je vous conseille de contacter le créateur de GCweb, Jonas Fourquier qui répond très vite sur son forum.

Liens en rapport

Pour illustrer

 

Titre : GCstar
Diffusion : GNU GPL
Système d’exploitation : Linux ou Windows

Télécharger gratuitement ce logiciel sur gcstar.orgtelecharger

Titre : GCweb
Auteur : Jonas Fourquier
Diffusion : GNU GPL

Télécharger gratuitement ce logiciel sur gcweb.web4me.fr telecharger

Customisez votre galerie WordPress

Publié le par

Galerie

Artisteer a un défaut, un manque qui n’a pas encore été comblé : les galeries WordPress ne sont pas encore stylisables. Je dis « encore », car il a quelques mois, j’avais passé un petit moment dans le css de mon thème pour définir le style de mes commentaires, et cette fonctionnalité a été ajoutée dans la nouvelle version d’Artisteer tout récemment. Ce sera donc peut-être le cas prochainement pour les galeries. En attendant, voici les morceaux de code que j’utilise.

Dans le fichier functions.php

Ajoutez cette ligne de code

Elle vous permettra de ne plus utiliser le style par défaut de WordPress.

add_filter( 'use_default_gallery_style', '__return_false' );

Dans votre CSS

Modifiez le code « .gallery img » selon ce que vous souhaitez

Ce code est celui que j’utilise sur ce site. Il est assez simple donc n’hésitez pas à le modifier pour qu’il corresponde à vos attentes.

.gallery img {
   padding:5px;
   background:#fff;
   border:1px solid #cfcfcf;
}

Supprimez la ligne de code rayée

Seulement pour la version 4.2 d’Artisteer (et sûrement celles qui suivront). Cette ligne définit la taille des images dans votre galerie et est intégrée automatiquement. Elle devra être supprimée pour vous permettre de choisir de mettre plus de trois colonnes dans votre galerie.

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

Ajoutez ces lignes

Elles permettront à vos galeries d’apparaître proprement quelque soit le nombre de colonnes que vous souhaitez.

 .gallery-columns-0 .gallery-item {
 width: 100%;
 }
 .gallery-columns-1 .gallery-item {
 width: 100%;
 }
 .gallery-columns-2 .gallery-item {
 width: 50%;
 }
 .gallery-columns-3 .gallery-item {
 width: 33.33%;
 }
 .gallery-columns-4 .gallery-item {
 width: 25%;
 }
 .gallery-columns-5 .gallery-item {
 width: 20%;
 }
 .gallery-columns-6 .gallery-item {
 width: 16.66%;
 }
 .gallery-columns-7 .gallery-item {
 width: 14.28%;
 }
 .gallery-columns-8 .gallery-item {
 width: 12.5%;
 }
 .gallery-columns-9 .gallery-item {
 width: 11.11%;
 }
 .gallery-columns-10 .gallery-item {
 width: 10%;
 }
 .gallery-columns-11 .gallery-item {
 width: 9.09%;
 }
 .gallery-columns-12 .gallery-item {
 width: 8.33%;
 }
 .gallery-columns-13 .gallery-item {
 width: 7.69%;
 }
 .gallery-columns-14 .gallery-item {
 width: 7.14%;
 }
 .gallery-columns-15 .gallery-item {
 width: 6.66%;
 }
 .gallery-columns-16 .gallery-item {
 width: 6.25%;
 }
 .gallery-columns-17 .gallery-item {
 width: 5.88%;
 }
 .gallery-columns-18 .gallery-item {
 width: 5.55%;
 }
 .gallery-columns-19 .gallery-item {
 width: 5.26%;
 }
 .gallery-columns-20 .gallery-item {
 width: 5%;
 }
 .gallery-columns-21 .gallery-item {
 width: 4.76%;
 }
 .gallery-columns-22 .gallery-item {
 width: 4.54%;
 }
 .gallery-columns-23 .gallery-item {
 width: 4.34%;
 }
 .gallery-columns-24 .gallery-item {
 width: 4.16%;
 }
 .gallery-columns-25 .gallery-item {
 width: 4%;
 }
 .gallery-columns-26 .gallery-item {
 width: 3.84%;
 }
 .gallery-columns-27 .gallery-item {
 width: 3.7%;
 }
 .gallery-columns-28 .gallery-item {
 width: 3.57%;
 }
 .gallery-columns-29 .gallery-item {
 width: 3.44%;
 }
 .gallery-columns-30 .gallery-item {
 width: 3.33%;
 }

Photographie de Sifter (CC BY-NC 2.0)

Artisteer, créez le design de votre site en quelques minutes

Publié le par

artisteerPour le design des sites web sur lesquels je travaille, j’utilise Artisteer. Il n’existe pas beaucoup de logiciels de ce type et le bon point pour celui-ci, c’est ça simplicité. Avec ce logiciel,  n’importe qui devient capable de créer un template (modèle de présentation des données du site) de base. La prise en main est assez intuitive pour les utilisateurs de la suite Office 2010 car toutes les fonctionnalités sont réparties en un bandeau illustré sous les menus. Sans avoir besoin d’utiliser une seule ligne de code, vous avez la possibilité de définir chaque élément de votre futur site : couleurs, polices, forme de vos menus, bandeau, présentation de vos colonnes et widgets et j’en passe. Pour cela, Artisteer dispose d’une librairie de textures et d’objets assez importante, dans laquelle vous pouvez piocher allégrement. De nombreux thèmes de base sont par ailleurs proposés, pour vous inspirer ou à modifier directement.

Depuis la version 4, de nombreuses fonctionnalités ont été ajoutées, dont la possibilité de créer des styles pour les commentaires. Progressivement, la plupart des besoins de WordPress sont traités et la facilité de mise en place reste toujours très simple : une fois que le design créé vous convient, il suffit de l’exporter en fichier zip, puis de l’uploader depuis le menu Installer des thèmes, disponible dans le menu de l’administration de WordPress (dans Apparence >> Thèmes).

Bien que de plus en plus complets, les thèmes créés avec Artisteer restent des thèmes de bases. Si vous êtes un peu curieux, mettre les mains dans le code vous permettra rapidement d’obtenir exactement ce que vous souhaitez.  Dans de prochains articles je vous proposerai certains codes ou astuces qui m’ont servi.

Et pour finir cette (très) rapide présentation, la question qui en fâchera certains : le prix. Artisteer est en effet un logiciel payant à télécharger sur www.artisteer.com. La licence  « Home » est à 50$, c’est-à-dire environ 38€, et celle complète est à 130$ ce qui fait environ 98€. Personnellement, je ne peux plus m’en passer, et ma version « Home » (qui ne fonctionne qu’avec WordPress et Blogger et qui n’a que 75% des librairies) me suffit largement pour l’instant. Je ne peux que vous conseiller de l’essayer, vous avez la possibilité de télécharger et de tester Artisteer sur le site sans rien débourser, vos thèmes seront justes marqués comme venant d’une version non débloquée. Il vous suffira d’acheter un code sur le site si vous êtes convaincus…

Lien

Logiciel : Artisteer
Éditeur: Extensoft
Système d’exploitation : Windows et Mac
Licence : Payante

Télécharger ce logiciel sur le site d’Artisteer acheter

Abonnez-vous qu’ils disaient !

Publié le par

mailbox

Vous l’avez peut-être remarqué : il y a quelques jours, j’ai ajouté des icônes sociales pour permettre aux propriétaires de comptes Twitter, Facebook ou Google+ de partager mes articles sur les réseaux sociaux (le plugin utilisé est Simple share buttons adder). Pour continuer sur la même lancée sans mettre de côté les réfractaires aux réseaux sociaux, je vous propose, dès ce matin, de vous abonner à mon blog. Cet abonnement par mail vous permettra de suivre ce qui se passe ici sans le moindre effort. En vous inscrivant, vous recevrez automatiquement sur votre boîte mail l’article tout juste ajouté. Sa présentation sera un peu différente et vous devrez revenir au site pour laisser un commentaire, mais vous serez les premiers avertis !

Ce formulaire d’abonnement est proposé par Jetpack, le plugin multifonctions incontournable de chez wordpress.com. Blogueurs, je ne peux que vous conseiller de l’utiliser sur votre WordPress (même s’il nécessitera une inscription gratuite à wordpress.com), car il est mis à jour régulièrement et a progressivement aspiré plusieurs plugins comme WordPress.com stats ou Sharedaddy pour proposer un maximum de possibilités une seule installation. En plus des stats, il peut ajouter une interface de commentaires, des formulaires de contact, des widgets et plein d’autres fonctionnalités sur vos pages ou dans votre tableau de bord. J’en reparlerai prochainement car certaines options n’ont pas l’air de trop apprécier les installations WordPress auto-hébergées…

Pour plus d’infos

Photographie par Markdvk (CC BY-NC 2.0)