Ange Chierchia » Tweets

Un blog plus clean et épuré

Ange Chierchia — Sun, 26 Jun 2011 11:24:25 +0000

Hello vous, petite note rapide. Cette semaine je suis tombé sur une font vraiment trop top en cherchant un service permettant de générer rapidement une font-stack (pile de polices) ayant les mêmes caractéristiques (oui je m’intéresse à la typo maintenant, mais de loin).

Du coup, je m’suis dis, tiens pourquoi ne pas l’utiliser sur le blog et en profiter pour épurer encore plus le design, histoire de laisser la vedette au contenu?
Voilà le pourquoi du comment le blog a cette tête en ce moment. Je me pose aussi la question de savoir si je remet les commentaires, puisque ce blog est pour moi, en premier lieu une façon de mettre de côté des ressources, liens, tutos pour les réutiliser plus tard ou simplement me faire des pense-bêtes. Donc on verra ça plus tard.

En tout cas, vous pouvez me faire vos feedbacks sur Twitter (@nighcrawl) sur le redesign en cours, et peut-être que j’en tiendrai compte

Apero des Webdesigners #3

Ange Chierchia — Fri, 04 Mar 2011 20:17:09 +0000

Quick note pour vous rappeler, pour ceux qui suivent le #wdfr sur Twitter, qu’un apéro de Webdesigner aura lieu à Paris dans pile poile deux semaines! Si ça vous tente, vous trouverez toute les infos sur la page de la soirée sur Twunch

Mettez vos labels dans leur inputs

Ange Chierchia — Tue, 01 Mar 2011 18:45:33 +0000

Aujourd’hui, je suis tombé sur un plugin jQuery, fort sympathique, et en plus de ça non obstrusif, et donc garantissant une très bonne accessibilité à vos formulaires, même sans Javascript activé. jLabel va vous permettre, comme c’est la mode ces derniers temps, d’encapsuler vos libellés dans leur champs de formulaire respectif. Cliquez sur le titre du billet pour être redirigé sur le site du plugin

Le blog s’habille en Prada

Ange Chierchia — Mon, 28 Feb 2011 17:48:36 +0000

Petite note vraiment très rapide concernant le design actuel du blog. Il n’est que temporaire. Cela fait bien 3-4 mois que j’ai décidé de changer le design du blog, d’une part parce que mes habitudes de blogging on changées ces derniers mois, j’aime de plus en plus la façon de blogger que j’ai sur Tumblr, du coup je réfléchis en ce moment à la façon d’intégrer ici ce format de blog plutôt pratique et moins « oppressif » pour moi. Ce Thème acheté chez WooThemes, va me permettre de venir partager ici plus souvent, sans pour autant écrire un vrai billet. Merci WordPress 3.1!

D’autre part, je trouvais que ce design bleu turquoise ne me correspondait pas assez. Le prochain costume du blog sera beaucoup plus minimaliste, et si vous me suivez sur Dribble, Twitter ou Instagram, vous avez surement vu passé quelques shots

1er apéro #wdfr : Les webdesigners francophones se réunissent!

Ange Chierchia — Fri, 08 Oct 2010 17:39:48 +0000

Si vous êtes un habitué de Twitter, vous avez surement du remarquer chaque vendredi une perturbation dans la Force votre flux, surtout si vous suivez des designer Web et autres professionnels de l'Internet: C'est le Webdesign Friday! Pourquoi je vous parle de ça maintenant? Parce que j'ai envie et que vendredi prochain, C'EST L'APÉRO ! Avant de parlé de ce qui est important, à savoir boire un coup avec des gens cools, petite présentation du WDFR. Le WDFR a germé dans l'esprit de mon ami Francis Chouquet alias @Fran6 sur Twitter, en gros l'idée qu'il a eu était de rassembler les professionnels du Web et surtout les designers Web autour d'un feu (c'est une image hein ;) ), et de discuter des différents aspects de notre métier (qui est aussi une passion pour certain) chaque vendredi entre 13 et 14h. Si vous voulez en savoir plus, je vous invite à aller lire les motivations de Francis. Sachez aussi qu'un forum est maintenant disponible pour que l'on puisse continuer la discussion après la fin de chaque sessions, et devinez qui à mit en place le forum.... C'est Bibi (avec l'aide précieuse de @Dredds ). N'hésitez pas à vous y inscrire! Bon allez, maintenant on parle de choses sérieuses! Après plus de 4 mois d'échanges sur Twitter chaque vendredi, l'idée d'un Twitapéro exclusivement Webdesign à fait son petit bonhomme de chemin, et c'est vendredi prochain, le 15 octobre à Paris qu'aura lieu ce tout premier apéro #wdfr! Rendez-vous donc la semaine prochaine au bar irlandais Edwars & Sons, Place des Clichés Place de Clichy pour 18h30! Moi j'y serai, et vous?

Ressource: 4 solutions de CMS en ligne

Ange Chierchia — Fri, 28 May 2010 14:20:19 +0000

Lorsque un CMS n’est pas utile à un projet de site vitrine de quelque page, il arrive parfois que le client veuille quand même pouvoir modifier son contenu après coup, par lui même. Pour répondre à ce besoin, il existe quelques outils en ligne permettant de répondre à ce besoin. Nous allons donc voir ici quatre outils en ligne qui vous permettront de modifier rapidement et facilement le contenu des zones que vous aurez définies comme éditables. Si vous en connaissez d’autres, faites moi le savoir dans les commentaires.

SnappySnippets

Après avoir créé un compte (gratuit, ou payant suivant vos besoins) il suffit de renseigner les informations FTP pour ce connecter au serveur sur lequel sont disponible les fichiers constituant votre site. Ici, l’avantage de SnappySnippets, c’est que l’on peut définir nous même la syntaxe permettant de reconnaitre quelles zones sont éditables ou non. Il ne faut pas nécessairement utiliser class='snippets' par défaut, il est possible d’utiliser quelque chose du genre editable='true'. De même, il est possible d’avoir un système de versioning qui permet de tenir un historique des modification de chaque page.

Site Web: http://snappysnippets.com
Version payante: 99.99$/an

SurrealCMS

SurrealCMS, lui à pratiquement les même fonctionnalités que SnappySnippets. Ici il n’a pas la possibilité de définir nos propres marqueurs de modification, on devra utiliser class='editable'. SurrealCMS, par contre est disponible en français, et il est possible de personnaliser l’interface de gestion en y incluant par example votre logo plutôt que celui de SurrealCMS, pour plus de transparence vis à vis de vos client, par contre il faudra débourser 25$ pour bénéficier de ces fonctionnalités là.

Site Web: http://surrealcms.com
Version Payante: 25$/mois

PageLime

PageLime est un très bon CMS en ligne à mon sens, l’interface est user friendly, on navigue sur notre site, et chaque zone éditable à son bouton. Il est vraiment intuitif. La fonctionnalité sympa chez PageLime, c’est le gestionnaire de media, qui permet entre autre d’uploader plusieurs images à la fois, et modifier celles-ci (redimensionner, couper, etc.). Aussi, il est possible de créer de nouvelles pages directement depuis l’interface de PageLime grâce à un gestionnaire de template.

Site Web: http://pagelime.com
Version payante: 19$/mois pour la version Pro, 69$/mois pour la version Business

CushyCMS

L’un des plus connu, super facile à mettre en place comme les précédent, en français, vraiment très sobre, il a peu d’options, en gros il fait juste ce qu’on lui demande : modifier du texte, ajouter des images. Rien de plus... L’idéal pour les clients n’ayant pas une grosse connaissance du Web.

Site Web: http://cushycms.com
Version payante: 28$/mois

Astuce: une feuille de style différente selon la taille de la fenêtre

Ange Chierchia — Wed, 12 May 2010 17:29:19 +0000

Aujourd'hui en bossant sur le nouveau design j'ai voulu adapter mon design selon la taille de la fenêtre du navigateur, je vais donc partager cette petite astuce avec vous. Ici je vais utiliser un petit bout de Javascript, et plus précisement du jQuery. Attention ça va aller vite!

$(window).resize(function(){
      //on récupère la taille de la fenêtre
      var w = $(window).width();
      //on stock la valeur de l'attribut href de notre css actuelle
      var default_css = $("link[rel='stylsheet']").attr("href");
      //adresse de la nouvelle css
      var new_css =   "http://monsite.com/chemin/vers/la_nouvelle.css";
      //on test si la fenêtre à une largeur inférieur à 1024px
      if(w < 1024){
           $("link[rel='stylesheet"=']").attr({href: new_css});
      } else {
           $("link[rel='stylesheet']").attr({href: default_css});
      }
});

Et voilà, votre feuille de style changera dès que la fenêtre sera redimensionnée

Tipsy: des tooltips sexy avec jQuery

Ange Chierchia — Tue, 11 May 2010 17:54:51 +0000

Il y a pratiquement 1 an maintenant je vous avez montré comment créer vos propres infos-bulles en jQuery, aujourd'hui je vous présente un plugin vraiment sympa qui permet de faire très simplement des infos-bulle (ou tooltips) similaire à celles qu'on peut trouver sur Facebook ou encore Twitter. Tipsy est donc un plugin jQuery, vraiment très simple à mettre en place, avec pas mal d'options possible pour l'animation des infos-bulles, comme par exemple l'orientation de celles-ci (nord, sud, est, ouest, etc.), la façon dont elles apparaissent et pas mal d'autres choses.

Comment l'implémenter sur votre site?

C'est super simple, il suffit d'inclure la librairie jQuery en plus de Tipsy dans votre site, sans ça le plugin ne fonctionnera pas, ça tombe sous le sens mais je le dis quand même. Ensuite, il suffit d'initialiser le plugin de la façon suivante :

$('a').tipsy();

Ce petit bout de code appliquera le plugin Tipsy à tout les liens de la page. Enfin, pour que le plugin soit effectif, il faut bien entendu renseigner l'attribut title de vos liens.

Aller plus loin avec Tipsy

Pour voir les différentes options de personnalisation, les exemples d'utilisation et télécharger Tipsy, rendez-vous sur le site du plugin.

Plugin jQuery: CuteTime, affichez vos dates comme sur Twitter

Ange Chierchia — Sun, 11 Apr 2010 21:43:22 +0000

Vous rêvez d'afficher les dates de vos articles à la façon de Twitter ou encore Facebook, CuteTime est fait pour vous! CuteTime est un plugin jQuery qui permet de convertir automatiquement des timestamps en date formatées d'une plus joli manière (ex: il y a 2 jours, etc..). CuteTime peut être utilisé à la fois comme une fonction, et retournera un timestamp tout bien formaté, en gros ce serait l'équivalent de la fonction PHP date('d/m/Y') mais en mieux. Ou bien, en l'utilisant grâce aux sélecteurs, en modifiant la valeur de l'objet par un CuteTime.

Utilisation

Concrètement, ce plugin s'utilise de la façon suivante :

$(document).ready(function () {
	$('.timestamp').cuteTime();
});


	2009/10/12 22:11:19

C'est aussi simple que ça. Pour plus d'information, et voir la documentation complète concernant l'utilisation de ce plugin, rendez vous sur la page consacrée au plugin.

Bonnes fêtes 2009

Ange Chierchia — Thu, 24 Dec 2009 22:31:02 +0000

Eh bien voilà, c’est Noël, c’est l’heure de déballer les cadeaux au pied du sapin, alors Joyeux Noël à tous, et une très bonne année 2010 en avance, car il y a de grande chance pour que je ne blogue pas jusqu’à ce que 2010 pointe le bout de son nez ^^.