Articles ayant pour mot-clé ‘web design’
La maquette avance tranquillement, encore un peu de travail et je pourrai commencer le complexe découpage (ouais, j’abuse un peu du graphique). Je regarde ma future interface avec un peu de recule et je me rends compte que c’est un peu quétaine finalement. Mais je m’en fiche, je reste dans le kitch, ça rime et fera une excuse pour changer plus vite et ce sera de l’anti-web 2.0 (Je parle bien sûr du design-qui-ne-ressemble-pas-à-l’interface-de-mon-Mac, le montage sera fait dans les règles de l’art et conforme aux standards actuels)
Classifications : Progressions
Nominations: blogue, projets, web design
Vendredi 30 janvier 2009, 21:42 |
Même si Firefox a plusieurs avantages sur Safari (comme sa nouvelle barre d’adresse/recherche que j’adore), c’est pour la possibilité de le personnaliser de millier d’extensions que je le préfère. Dès que je cherche une façon d’améliorer ma navigation sur le web, je peux être presque certaine qu’il existe une extension capable de faire ce que je désire. Voici donc la liste de celles que j’utilise le plus présentement et je vous invite bien sûr à poster les vôtres dans les commentaires 
Alertes et notifications
Pourquoi constament surveiller ses comptes lorsque quelqu’un peut le faire à notre place et nous avertir s’il se passe quelque chose ? Il n’y a que pour Google Reader que je n’utilise pas Firefox, j’utilise Growl, dont j’ai déjà parlé et que je vénère.
- - Gmail Manager et Yahoo Mail Notifier, deux extensions, un même fonctionnement : une petite icône dans le bas de la fenêtre qui indique s’il y a des nouveaux messages (et si oui, combien). Il y a également la possibilité d’ajouter un son lorsqu’un nouveau message atterri dans sa boîte de réception.
- - TwitterFox. Permet de consulter les status de ses amis sur Twitter, en plus de pouvoir poster ses propres Twits, sans avoir à aller sur le site de Twitter. Pratique pour les inspirations soudaines.
Développement web
Celles que j’utilise le plus, surtout au travail, mais étant donné que j’ai toujours un site perso en reconstruction qui n’avance pas, elles servent aussi beaucoup à la maison. Trois essentiels :
- - Firebug. Très utile, en particulier lorsqu’on veut étudier un site au montage complexe, lorsqu’on travaille avec des CMS ou le code de quelqu’un d’autre, mais aussi lorsqu’on veut rapidement voir le résultat de petites retouches. Permet de sélectionner un élément sur la page et de voir quelle partie du code y est associé, quels sont les css qui l’affectent (et l’endroit exact où ils sont situés, pratique pour les sites avec 12 feuilles de style), de changer une partie du code et voir les changements en temps réel, et de débogguer du Javascript (fonction que je n’utilise pas).
- - Web Developer Tools. Un autre beau jouet pour décortiquer le code d’une page. Ajoute une barre d’outils avec des tonnes d’options, par exemple la possibilité de désactiver cache/script/images/etc, des moyens faciles de repérer les différents types d’images, une règle, des grilles de repères, et tous les moyens possible de décortiquer et étudier une page. Mais j’avoue avoir une préférence pour la règle et les guides, qui permettes d’aligner des éléments au pixel près.
- - Colorzilla. Petite pipette permettant de sélectionner n’importe quelle couleur, comme le ferait la pipette de Photoshop. Particulièrement utile pour aller chercher une couleur précise dans une image sans avoir à la sauvegarder sur son disque dur puis l’ouvrir dans Photoshop.
Les autres
- - Delicious Bookmarks, que j’utilise en mode classique, parce que les 15 000 options sont juste trop pour moi. Mais LE bouton utile est celui permettant d’ajouter la page sur laquelle on se trouve à nos signets Delicious. Une simple fenêtre s’ouvre avec les champs habituels du site : titre, descriptions, tags,… on remplie, on clique sur Save, la fenêtre disparaît et la page est ajoutée à notre compte, rapide et efficace.
- - Greasemonkey permet de contrôler des pages web à l’aide de Javascript. J’avoue ne pas l’utiliser à sa pleine capacité, pour l’instant je n’ai installé que les scripts pour Flickr, qui ajoutent quelques liens et raccourcis pratiques aux page de Flickr, mais je me promets de l’utiliser davantage un jour.
- - Flashblock est installé sur mon Firefox depuis la mode insuportable des pubs en Flash avec son (ouache !). Par défaut, tout le contenu Flash est bloqué, avec la possibilité d’activé tout le contenu désiré simplement en cliquant sur une petite icône. Aussi, tout comme les pop-ups, il y a possibilité de permettre tout le contenu Flash provenant d’un site en particulier en ajoutant l’url dans les préférences de l’application.
Voilà, maintenant c’est votre tour.
Classifications : Inventaire
Nominations: Firefox, Flickr, gmail, Twitter, web, web design, yahoo
Mardi 25 novembre 2008, 18:52 |
Une petite liste de où j’en suis et qu’est-ce que je fais dans mes temps libres (idéalement je devrais utiliser une partie de ce temps pour faire un peu de ménage mais bon, à chacun ses priorités) :
Photos
Oui. J’essaie de profiter de l’automne pour continuer mes explorations urbaines, au moins un après-midi par semaine, je prends des tonnes de clichés et mon nouveau site de photos ne m’aide pas plus à venir à bout de mon classement. Mais j’ai quelques séries en préparation dans Lightroom, dont une qui n’a besoin que d’une batch operation pour optimiser les images au format du web. À venir donc. En attendant, un échantillon de ce que je poste quotidiennement sur Flickr :
Illustration
Deux projets de commencés, dans le sens de transférés sur du papier aquarelle et quelques touches de couleur ont été mises. Je songe aussi faire un truc sur Illustrator prochainement, car j’aime ce logiciel et je sens que je ne l’ai pas encore poussé aussi loin que je le voudrais. Et je cherche toujours où acheter des crayons (marqueurs et crayons de couleur) Prismacolor à l’unité à Montréal.
Web
J’ai mis de la couleur et un peu de visuel dans le design de mon portfolio. Maintenant, je commence à réfléchir à une nouvelle mise en page pour ce blogue, parce que j’ai essayé de modifier l’interface actuelle mais pour que ça fonctionne avec mes idées, ce serait aussi long que de la refaire. Alors autant repartir à neuf.
Appartement
Bien que tout soit à sa place depuis déjà longtemps, la décoration fait encore pitié. Je cherche quelles photos imprimer pour accrocher sur les murs et j’ai quelques meubles que je voudrais repeindre (genre la table de cuisine qui est gris pâle et que je mettrais d’un beau brun chocolat). Mais comme il fait de plus en plus froid, la peinture attendra peut-être un peu, question que je puisse aérer et ne pas mourir en travaillant. J’ai enfin trouvé un rideau pour ma cuisine, je dois le poser et voir si je ne peux pas le raccourcir et utiliser le tissu coupé pour la fenêtre de la porte (le hic c’est que ça va arriver un peu juste).
Tricot
Mon bouffeur de temps libre par excellence ! J’ai une tuque de terminée mais pas photographiée, il fait chaud depuis ce temps-là juste pour m’empêcher de la porter. Et maintenant j’ai commencé non pas une mais deux paires de chaussettes en même temps. Trop de films, trop de reportages à la télé, voilà ce que ça fait, j’ai besoin d’une activité que je peux faire sans la tête ni les yeux.
Classifications : Captures, De fil en aiguille, Progressions
Nominations: appartement, illustration, photographie, projets, tricot, web design
Mercredi 15 octobre 2008, 16:59 |
La voilà. Un design très simple, encore une fois pour laisser la place aux images et qui évoque toujours une impression de silence et d’immobilité (mieux réussit que pour l’ancienne version, à mon avis). Mais aussi un design respectueux des standards (le dernier avait quelques détails incorrects, je faisais mes débuts en css et les codais comme un pied) et qui pourra changer de peau en quelques lignes de css, si le coeur m’en dit.
Parmi les autres nouveautés, il y a aussi le fil RSS pour connaître les nouveautés et mises à jour, un fil d’Ariane sur chaque page et toutes les galeries fonctionnent avec Lightbox, parce que c’est plus rapide qu’une page par images.Si vous aviez visité l’ancien site dernièrement, vous ne verrez rien de nouveau pour l’instant, j’ai seulement transféré les galeries existantes, mais des nouvelles devraient arriver très bientôt, avec Gallery2 comme moteur, les mises à jour devraient être plus rapides à faire.
Prochain défi : d’abord régler le mini-bogue de Bino, ensuite voir si je peux améliorer un peu ce blogue, sans faire trop de modifications (j’ai déjà quelques idées). Et je veux refaire mon portfolio professionnel, pour ça aussi j’ai quelques idées.
Classifications : Pignon sur toile
Nominations: essentiae, projets, web design
Samedi 27 septembre 2008, 22:22 |
Probablement parce que je suis habituée à travailler avec Wordpress et sa Bible de documentations, je croyais naïvement que tous les CMS OpenSource, équipés d’un wiki, étaient aussi bien documentés. C’était avant de décider de placer Gallery2 en moteur de mes galeries de photos.
Oh, il fonctionne très bien si on se contente de l’installer et de l’utiliser avec les thèmes et modules populaires. Or ce n’est évidemment pas l’usage que je voulais en faire, j’avais créé une petite maquette hyper simple et il était hors de question que j’y change quoi que ce soit ! C’est Gallery2 qui allait plier !
Encore là, j’étais habituée aux codes de Wordpress, constitués principalement de commandes php simples et de tags balises personnalisés (facile de s’y retrouver grâce à leur documentation une fois de plus). Gallery2 fonctionne avec la technologie Smarty qui bien qu’elle soit dans la famille du php me fait perdre mon latin et me rend confuse à chaque fois que je change un point de trop et que tout cesse de fonctionner.
M’enfin, j’ai quand même réussit à bâtir ma maquette, malgré que la documentation soit incomplète (des tutoriaux jamais terminés ou pire une phrase coupée en plein milieu !), que l’aide ne soit pas terrible (la recherche du forum fonctionnant un jour sur deux, des questions jamais répondues, ou répondues par « on travaille sur ce bogue », réponse donnée en… 2005). C’est finalement Google qui a été mon meilleur ami, ainsi que les thèmes déjà existants à qui j’ai chippés quelques bout de codes lorsque ça m’arrangeait.
Je viens de passer 2 jours à transférée les photos déjà en ligne dans la base de données MySQL, il me reste à faire un beau back up de tout ça et corriger quelques détails en css (pas grand chose, j’ai juste oublié de mettre le pied de page complètement au bas de la page). Je fais ça se soir si l’humeur y est, et Essentiae 3.0 apparaîtra officiellement en ligne samedi ou dimanche au plus tard.
Classifications : Pignon sur toile
Nominations: essentiae, gallery2, web design
Vendredi 26 septembre 2008, 14:32 |
Thé chinois et construction d’un gabarit pour Essentiae 3.0
(ce qui sera long c’est l’utilisation d’un cms pour gérer mes galeries d’images, ce qui me fera gagner beaucoup de temps dans les mises à jour mais qui me fait m’arracher les cheveux pour l’instant parce que j’essaie d’apprendre son fonctionnement et que la documentation est —ô surprise— incomplète… bref je fouille dans les forums et je pique des bouts de codes sur les thèmes existant, beaucoup de plaisir en perspective mais une belle activité éducative en bout de ligne)
Classifications : Deux par deux, Pignon sur toile
Nominations: duo, essentiae, gallery2, php, web design
Mercredi 27 août 2008, 15:09 |
J’espère qu’on ne perdra pas l’électricité parce que je n’ai pas fini mes CSS.
Classifications : Papotage
Nominations: orages, web design
Mercredi 25 juin 2008, 21:27 |
