août 02

LA solution pour installer et utiliser MAGENTO sous WAMP server

Magento 4 Comments »

Si comme moi vous avez essayé d’installer MAGENTO sous WAMP ( Windows) de toutes les façons possibles du monde sans jamais pouvoir accéder à l’administration voici la solution!! :

  1. Avant d’installer Magento, ouvrez le fichier HOSTS de Windows (C:\Windows\System32\drivers\etc\hosts) et ajoutez : 127.0.0.1        www.localhost.com
  2. Activez les extensions PHP suivantes : php_mcrypt, php_curl ( Menu PHP > PHP extensions)
  3. Dézippez Magento sous le dossier « WWW\magento »(ou autre ..tant qu’il est dans le WWW :-) ) de WAMP
  4. Créez la base de donnée « magento »(ou autre..)
  5. Ouvrez http://www.localhost.com/magento dans votre navigateur et suivez les instructions d’installation

Un fois l’installation finie vous pourrez enfin accéder à l’administration!

Dernière info : si vous avez déjà installé magento et que vous souhaitez le réinstaller, il suffit de supprimer le fichier \app\etc\local.xml et de réactualiser votre navigateur pour voir apparaître la page d’installation.

Je suppose que cette solution est aussi valable pour EasyPHP.

magento-wamp-windows-installer

Post to Twitter Twitter ce post


juil 17

Changer de thème jQuery UI selon son humeur

Jquery 1 Comment »

Si comme moi vous avez une interface d’ administration réalisée avec le framework CSS jQuery UI, alors le Theme Switcher Widget est pour vous, il permet de passer d’un thème (officiel) à un autre en un clic !

theme-switcher-jquery-ui
Pour l’intégrer c’est encore très simple comme le montre cet exemple :

<!DOCTYPE html>
<html>
<head>
  <link type="text/css" rel="stylesheet" href="http://jqueryui.com/themes/base/ui.all.css" />
  <script type="text/javascript" src="http://jqueryui.com/js/jquery.js"></script>
 
  <script>
  $(document).ready(function(){
    $('#switcher').themeswitcher();
  });
  </script>
</head>
<body style="font-size:62.5%;">
 
<script type="text/javascript"
  src="http://jqueryui.com/themeroller/themeswitchertool/">
</script>
<div id="switcher"></div>
 
</body>
</html>

Post to Twitter Twitter ce post

juil 17

Animate en jQuery

Jquery No Comments »

Animate est une fonction de jQuery qui permet d’animer un élément du DOM en modifiant son style (couleur, taille, bordures,police,opacité…etc) dans un temps donné.

Exemple:

1
2
3
4
5
6
7
8
9

    $("#go").click(function(){
      $("#block").animate({
        width: "70%",
        opacity: 0.4,
        marginLeft: "0.6in",
        fontSize: "3em",
        borderWidth: "10px"
      }, 1500 );
    });

Vous pouvez assigner tous les styles de cette liste qui sont quantifiable (px, em, %).

Encore trop peu utilisée elle permet pourtant de donner une vraie valeur ajoutée à une animation JavaScript et ce très simplement.

Voici ci-dessous deux scripts plutôt sympa qui utilisent cette fonction:

  • Menu

Article.

menu-ombre-jquery

  • Lever de rideau

Article.

lever-de-rideau

Post to Twitter Twitter ce post

juil 16

Diaporama jQuery avec SlideView

Jquery No Comments »

SlideView est un plugin jQuery qui permet de créer un Diaporama ( slideshow).

Voici la démo.

Documentation et téléchargement.

Exemple de code jQuery :

1

$("#slideshow").slideView();

diaporama-slideshow-jquery

Post to Twitter Twitter ce post

juil 16

Des fonds gratuits pour votre site

Ressources graphiques No Comments »

Background labs référence près de 200 fonds répétables pour votre site. Ces fonds sont classés par couleurs et par catégories.

Pour y aller c’est par ici!

backgrounds

Post to Twitter Twitter ce post

juil 16

Utiliser jQuery et jQuery UI sans charge supplémentaire pour votre serveur

Jquery No Comments »

Utiliser jQuery et jQuery UI sans charge supplémentaires pour votre serveur c’est possible!

En effet Google AJAX Libraries API héberge les librairies suivantes:

  • jQuery
  • jQuery UI
  • Prototype
  • script_aculo_us
  • MooTools
  • Dojo
  • SWFObject
  • Yahoo! User Interface Library (YUI)
  • Ext Core

Ainsi vous pouvez inclure jQuery dans vos pages grâce au code suivant:

<SCRIPT LANGUAGE="Javascript" SRC="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></SCRIPT>

Pour accéder à la liste des librairies hébergées c’est ici.

De plus cela permet aux navigateurs de ne pas télécharger inutilement plusieurs fois la même librairie sur chaque site qui l’utilise, puisqu’une fois jQuery téléchargé sur les serveur de google et mis en cache dans le navigateur, si un autre site utilise le même fichier jQuery hébergé par google, le navigateur n’aura plus à le retélécharger.

Puisque qu’une vidéo vaut mieux que de longs discours :

Pour résumer  : utiliser les fichiers hébergés de Google est bon pour votre serveur(processeur et bande passante) et pour vos visiteurs (bande passante et temps de chargement).

Post to Twitter Twitter ce post

juil 16

Youtube ne « supporte » plus IE6 !!

Actualité, Navigateurs No Comments »

Depuis hier, le site de vidéo Youtube détenu par Google, affiche le message suivant aux utilisateurs de IE6 (Internet explorer 6):

Utilisez un navigateur plus récent pour bénéficier d’autres fonctionnalités en ligne. L’assistance relative à Internet Explorer 6 ne sera bientôt plus disponible, effectuez la mise à niveau dès que possible.

Et propose 3 navigateurs de substitution ( Google Chrome , Firefox 3.5 et Internet Explorer 8 ) .

kill-ie6-die-meurt-creve

Ceci est une très bonne nouvelle ! Merci Youtube! Mais à quand le même le message sur facebook ? Et la fermeture de Google aux utilisateurs de IE6?

Pour ma part je vais surement arrêter de passer du temps à « développer pour IE6″ et en passer plus à réaliser de belles choses :-)

Pour ceux qui souhaitent participer à la lutte, voici un script très sympa à mettre sur votre site :  ie6update.com.

Post to Twitter Twitter ce post

juil 08

Google Chrome OS n’est plus une rumeur !

Actualité No Comments »

Depuis ce matin, Google Chrome OS n’est plus une rumeur ! Ce nom vous rappelle le nom du navigateur de Google « Chrome » ? Et bien c’est normal puisque ce navigateur sera le centre de ce système d’exploitation.

Et la bonne nouvelle pour les développeurs Web, LA VOICI:

For application developers, the web is the platform. All web-based applications will automatically work and new applications can be written using your favorite web technologies. And of course, these apps will run not only on Google Chrome OS, but on any standards-based browser on Windows, Mac and Linux thereby giving developers the largest user base of any platform.

Ce qui veut dire  : que pour créer des applications sous « Google Chrome OS » il faudra les développer avec des langages web :-D !

Cet OS sera Open Source, il pourra tourner dès le second semestre 2010, sur ordinateur aussi bien que sur smartphonne.

A noter que Google Chrome OS est un projet séparé du projet android.

Pour lire la news officielle c’est ici.

google-chrome-os

Post to Twitter Twitter ce post

juil 03

Grille CSS en moins d’ 1ko

CSS No Comments »

Les grilles CSS permettent de créer des structures de pages très rapidement, c’est ce système qui est employé dans les frameworks CSS comme blueprint ou encore 960gs.

Certaines personnes n’aiment pas ces frameworks à cause des  » kilo octets » en trop qu’ ils sont susceptibles d’amener. Voici un petit système de grille CSS compatible tous navigateurs qui devrait leurs faire changer d’avis:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
 
.column {
  float: left;
  margin: 0 10px;
  overflow: hidden;
  display: inline;
}
.row {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

Bien sur ce CSS n’est pas à lui seul un framework entier puisqu’il n’y a pas de reset CSS ou encore de style typographique..etc, mais il permet de créer la structure d’une page très simplement en évitant d’ écrire une tartine de CSS pour arriver à une structure compatible tous navigateurs.

grille-css

Pour en savoir plus je vous invite à lire cet article.

Si vous êtes convaincu par ce système, voici un outil qui va vous permettre de générer votre système de grille CSS à votre convenance et toujours en moins d’ 1 Ko.

1ko-css-grid-generateur

Post to Twitter Twitter ce post

juil 03

Choisir son Framework CSS

CSS No Comments »

Voici une présentation plutôt bien faite sur les frameworks CSS :

Post to Twitter Twitter ce post

Previous Entries Next Entries