Snoupix - Actualités http://www.snoupix.com Toute l'actu du web, developpement, graphisme, design, standards General Elektriks :: one group http://www.snoupix.com/general-elektriks-one-group_actu_183.html http://www.snoupix.com/general-elektriks-one-group_actu_183.html http://www.snoupix.com/general-elektriks-one-group_actu_183.html En ce début de semaine, je vous permet de découvrir ou redécouvrir le groupe américain General Elektriks. Un mélange de funck, pop, électro superbement réfléchi et travaillé. On sent véritablement les heures passées dans leur studio à travailler et pofiner ces morceaux.

C'est le genre de Zik qu'il faut écouter pendant les heures passées à coder et réfléchir sur les nouvelles révolutions de l'internet. Une musique parfois douce, parfois entrainante.

>]]> Mon, 15 Feb 2010 16:30:15 GMT URL cannon en Local http://www.snoupix.com/url-cannon-en-local_actu_182.html http://www.snoupix.com/url-cannon-en-local_actu_182.html http://www.snoupix.com/url-cannon-en-local_actu_182.html Vous développez votre site en local. Cette méthode vous parait plus facile et surtout plus pratique. Biensûr je vais vous dire que vous avez entierrement raison. Mais qui ne s'est pas déjà dit que travailler en local pouvait amener de nombreuses erreurs lors de la mise en ligne ? Et qui ne trouve pas que l'URL http://localhost:8888/monsite/ n'était franchement pas représentatrice de la réalité et qu'elle manquait cruellement d'esthétisme. Aujourd'hui vous donne la solution.

Vous souhaitez passez de l'URL http://localhost:8888/monsite/ ou encore http://localhost/~monnom/monsite/www/. La solution est très simple.

Pour cela vous devez modifier deux fichiers. Le premier est le fichier hosts de votre ordinateur. Sur mac ce fichier se trouve dans /private/etc/hosts. Pour y arriver cliquez sur le finder puis faites shift+pomme+G et tapez /private. Dans le ficher hosts, entre "255.255.255.255    broadcasthost" et "::1             localhost " rajouter la ligne : "127.0.0.1    monsite.local" comme sur l'image suivante. :

Le principe de cette commande est que lorsque vous désirez atteindre l'URL http://monsite.local l'IP vous re-dirige sur votre ordinateur et ainsi utilise votre serveur local. Bien entendu vous pouvez mettre le TLD que vous désirez : monsite.monsite, monsite.ilesttropbeau, etc.

Le deuxième fichier à modifier est le fichier de votre serveur Apache httpd-vhosts.conf. Pour les utilisateur de XAMPP vous le trouverez dans /xammpfiles/etc/extra/httpd-vhosts.conf. C'est dans ce fichier que vous devez indiquer la place physique de votre site sur votre ordinateur. Tapez le code comme sur l'image suivante :

Pour que ces changement prennent effet vous devez relancer cotre serveur Apache.

Voila maintenant vous savez comment rendre votre site local plus proche de la réalité. Cette méthode vous rendra bien des services.

>]]> Thu, 21 Jan 2010 10:14:37 GMT Personnaliser vos boutons http://www.snoupix.com/personnaliser-vos-boutons_actu_181.html http://www.snoupix.com/personnaliser-vos-boutons_actu_181.html http://www.snoupix.com/personnaliser-vos-boutons_actu_181.html Il existe plusieurs manières d'implémenter un bouton sur un site internet. Bien souvent, on se contente d'utiliser les boutons HTML classiques qui ont à peu près la même apparence dans tous les navigateurs.

Pour créer un bouton en HTML, par défaut il faut utiliser une balise
< input > de type "button" et on obtient le bouton gris pas très beau mais fonctionnel et reconnu par tous.

Pour ceux qui souhaitent personnaliser leurs boutons tout en conservant un maximum d'accessibilité et de compatibilité avec les navigateurs, voici quelques ressources utiles. Certains vous proposent des boutons en pur CSS, CSS3, et d'autres utilisent une image de fond répétée.

 

La plupart fonctionnent très bien sur tous les navigateurs. Bien sûr, certains n'interprètent pas encore le CSS3, donc votre bouton sera bien là, mais moins beau.

 

  1. Sexy Buttons

    2. Sexy Buttons

  2. Simply Buttons

    Simply Buttons

  3. CSS Sliding DoorCSS Sliding Door
  4. Super Awesome Buttons with CSS3Super Awesome Buttons with CSS3
  5. Colorful CSS3 buttonsColorful CSS3 buttons
  6. Scalable CSS ButtonsScalable CSS Buttons
  7. Sexy Buttons with CSSSexy Buttons with CSS
>]]> Wed, 20 Jan 2010 22:45:39 GMT jQuery 1.4 est disponible http://www.snoupix.com/jquery-1.4-est-disponible_actu_180.html http://www.snoupix.com/jquery-1.4-est-disponible_actu_180.html http://www.snoupix.com/jquery-1.4-est-disponible_actu_180.html Pour célébrer le quatrième anniversaire de jQuery, l'équipe en charge du développement de cette librairie Javascript vient de sortir la nouvelle version, la 1.4.

Vous pouvez d’ores et déjà télécharger cette nouvelle version sur le site officiel : http://jquery.com/

Avec le choix de la version compressée (23ko) ou la version normale (154ko) ainsi que la très pratique version hébergée par les serveurs de Google qui est elle compressée et gzippée : http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

 

Au niveau des nouveautés, il y en a trop pour que je vous fournisse une explication complète, donc je vous laisse regarder l'article (anglais) fait par Nettuts avec des examples en prime : http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4-released-the-15-new-features-you-must-know/

 

Vous pouvez également découvrir cette nouvelle version en suivant le site http://jquery14.com/ qui pendant 14 jours proposera des contenus en rapport avec les nouveautés qu'apporte jQuery 1.4 (et il y'en a beaucoup !).

 

 

>]]> Thu, 14 Jan 2010 23:39:57 GMT Débuguer Flash avec Firefox, c'est possible ! http://www.snoupix.com/debuguer-flash-avec-firefox-cest-possible_actu_179.html http://www.snoupix.com/debuguer-flash-avec-firefox-cest-possible_actu_179.html http://www.snoupix.com/debuguer-flash-avec-firefox-cest-possible_actu_179.html Et oui, il y a possibilité de pouvoir obtenir une visualisation de vos "trace" que vous faites dans votre code ActionScript directement dans votre navigateur (Firefox).

Si comme moi vous vous êtes toujours plaint du fait de ne pas pouvoir obtenir un debug de votre application Flash dans votre navigateur, ce petit plugin pour Firefox devrait vous faciliter la vie.

Flashtracer est un plugin qui fait apparaître vos trace lors du lancement d'un fichier SWF dans Firefox.

Pour le faire fonctionner voici la marche à suivre :

  1. Aller à cette adresse : http://www.sephiroth.it/firefox/flashtracer/ et cliquez tout en bas sur "Install now".
  2. Il faut maintenant créer un fichier "flashlog.txt" dans le répertoire suivant (pensez à activer l'affichage des dossiers cachés) :
    • Windows XP: C:Documents and Settings{pseudo}Application DataMacromediaFlash PlayerLogsflashlog.txt
    • Windows Vista: C:Users{pseudo}AppDataRoamingMacromediaFlash PlayerLogsflashlog.txt
    • Windows 7: C:Utilisateurs{pseudo}AppDataRoamingMacromediaFlash PlayerLogsflashlog.txt
    • Linux: home/pseudo/.macromedia/Flash_Player/Logs/flashlog.txt
    • OSX: /Users/{pseudo}/Library/Preferences/Macromedia/Flash Player/Logs/flashlog.txt

    3. Pour mon cas, sur Windows 7, le dossier Logs n'existait pas donc il m'a fallu le créer.

  3. Maintenant il ne reste plus qu'à tester ! Ouvrez Firefox, dans le menu Outils cliquez sur Flash Tracer.
  4. Lancez votre SWF dans Firefox et observez le résultat.

Test de debug avec Flash Tracer

 

Si comme moi vous n'obtenez rien la première fois, c'est que vous devez mettre à jour votre version de Flash Player. Il vous faut installer la dernière MAJ disponible ici http://www.adobe.com/support/flashplayer/downloads.html (décompresser l'archive et remplacer les fichiers dans Adobe/Adobe Flash CS4/Players).

Voilà !

>]]> Tue, 12 Jan 2010 23:13:48 GMT PrimerCSS, créer rapidement une feuille de style http://www.snoupix.com/primercss-creer-rapidement-une-feuille-de-style_actu_178.html http://www.snoupix.com/primercss-creer-rapidement-une-feuille-de-style_actu_178.html http://www.snoupix.com/primercss-creer-rapidement-une-feuille-de-style_actu_178.html Je commence cet article par vous souhaiter une bonne année 2010 de la part de l'équipe de Snoupix.com ! On débute donc cette année avec une nouvelle application qui permet de gagner du temps pour créer vos feuilles de styles.

PrimerCSS est une petite application web qui permet d'obtenir une feuille de style de démarrage en fonction de votre structure HTML.

Pour les personnes qui ont l'habitude d'intégrer un site en rédigeant d'abord toute la structure HTML pour ensuite créer la feuille de style correspondante, PrimerCSS va vous faciliter la vie.

Il suffit de copier tout votre code HTML, et de le coller, comme ceci :

primercssexemple1.jpg

Cliquez sur PRIME IT et vous obtiendrez votre feuille de style CSS :

primercssexemple2.jpg

 

Pour le tester c'est par ici : PrimerCSS

 

>]]> Sat, 02 Jan 2010 18:49:51 GMT Tester son site sur différents navigateurs avec BrowserLab http://www.snoupix.com/tester-son-site-sur-differents-navigateurs-avec-browserlab_actu_177.html http://www.snoupix.com/tester-son-site-sur-differents-navigateurs-avec-browserlab_actu_177.html http://www.snoupix.com/tester-son-site-sur-differents-navigateurs-avec-browserlab_actu_177.html La vie des intégrateurs Web n'est pas toujours facile et aisée, surtout quand on s'occupe des intéropérabilités entre les navigateurs, ils se peut que dans ces moments là, des pensées sanguinolantes (envers Microsoft par exemple) traversent nos esprits. Pour résoudre tous ces problèmes il existe une multitude de petits plugins/logiciels pour se faciliter la vie. Il n'y a pas très longtemps j'ai donc fait la découverte de Adobe BrowerLab...

 

Adobe BrowserLab est logiciel web (réalisé en Flex) et qui permet tout simplement de voir votre site sur différents navigateurs à partir de copies d'écrans... Ce qui est aussi intéressant c'est qu'on a aussi le choix du système d'exploitation (entre XP et OSX) sur lequel est lancé le navigateur. Intéressant quand les bugs ne dépendent plus du navigateur mais de l'OS de l'utilisateur. On retrouvera d'ailleurs quelques outils plutôt sympatiques des règles, des repères, une superposition de rendus, un temps d'attente avant la capture d'écran. Bref, un petit outil bien sympa, si vous voulez tester Adobe BrowserLab, je crois que le stock de compte est limité, capacité des serveurs oblige...

Ps: petit côté négatif, il ne prend pas en charge IE 5 et c'est vraiment dommage...

>]]> Thu, 03 Dec 2009 20:14:58 GMT Utiliser Spotify sans invitation http://www.snoupix.com/utiliser-spotify-sans-invitation_actu_176.html http://www.snoupix.com/utiliser-spotify-sans-invitation_actu_176.html http://www.snoupix.com/utiliser-spotify-sans-invitation_actu_176.html Bonjour à vous chers internautes. Aujourd'hui une simple petite astuce. Vous passez beaucoup de temps à surfer, à créer des sites, à coder et pour vous accompagner dans votre tâche vous écoutez du bon son toute la journée. Mais avec le temps vous commencez à connaître votre bibliothèque par coeur. Il donc temps de découvrir d'autres groupes.

Connaissez-vous Spotify ? Ce petit logiciel vous permet d'accéder à des milliers d'artistes en tous genres. Cependant pour utiliser Spotify il vous fallait une invitation. Et ces invitations sont parfois très difficiles à obtenir. Mais cela n'est plus le cas maintenant. Créez un compte à cette adresse. Selon le site BlogMotion, c'est tout à fait légal et conforme aux conditions d'utilisation de Spotify.

Maintenant à vous la musique et la découverte de nouveaux genres !

>]]> Mon, 23 Nov 2009 15:50:58 GMT Nouveautés jQuery http://www.snoupix.com/nouveautes-jquery_actu_175.html http://www.snoupix.com/nouveautes-jquery_actu_175.html http://www.snoupix.com/nouveautes-jquery_actu_175.html Oh tient! un nouvel article sur Snoupix! C'est rare, alors profitez-en.

Comme je sais que le jQuery est en pleine gloire en ce moment dans le développement de sites internet, je vous ai concocté une petite sélection de plugins/scripts qui pourraient vous servir.

Pour ceux qui se demandent ou trouver les dernières sorties en matière de plugins, je vous conseille d'aller régulièrement faire un tour dans la rubrique plugins du site officiel jQuery.

Il existe également des sites comme Script & Style ou CSS Globe qui regroupent des actus récentes sur jQuery et d'autres technologies de développement web.

 

  1. Une gallerie jQuery complète avec CSS, PHP et le plugin lightBox

    2. reallycooljquerygallery

     

  2. Un effet hover avec mouvement d'ombre

    3. realistichovereffectjquery

     

  3. Une infobulle jQuery simple, compatible avec tous les navigateurs

    4. aToolTip

     

  4. Diaporama en fondu avec description

    5. ultimatefadeinslideshowjquery

     

  5. Effet hover de la couleur vers un niveaux de gris

    6. greyscalehovereffectjquery

     

  6. Module de contenu animé

    7. jqueryanimatedinformationbox

     

  7. Fond animé avec un effet de parallaxe

    8. parallaxbackgroundeffectusingjquery

     

  8. Caroussel jQuery Infinite

    9. jqueryinfinitecarouselplugin



>]]> Wed, 16 Sep 2009 20:07:34 GMT Devenir freelance http://www.snoupix.com/devenir-freelance_actu_174.html http://www.snoupix.com/devenir-freelance_actu_174.html http://www.snoupix.com/devenir-freelance_actu_174.html Terminé vos études, un désir d'indépendance, ou comme moi l'envie de réaliser des projets dans leur intégralité et ne pas se concentrer sur une seule et même tache à longueur de journée. Pour cela, un statut existe, devenez freelance.

Dans cette actu je vous transmet un lien vers la traduction d'un super article provenant du site FreelanceSwitch. Cet article est une mine d'or pour toute personne désireuse de se lancer en free. Il constitut un témoignage d'un webdesigner/graphiste qui est freelance depuis plusieurs années. Il nous donne conseils, astuces et étapes à suivre pour travailler et gagner sa vie en faisant le travail qu'on adore tant.

Par ici : Lire l'article sur Biologeek

Cette traduction est faite par Biologeek. Pensez à remercier les traducteurs pour leur super travail.

>]]> Fri, 21 Aug 2009 11:03:48 GMT