Vous allez peut-être me dire qu’il existe déjà des fonctions PHP pour cela… sauf que par défaut, les fonctions PHP ne permettent pas de supprimer un répertoire non-vide, de créer automatiquement un répertoire, avec le répertoire parent s’il n’existe pas, etc…

De plus, cette classe créera automatiquement les répertoires avec les bons droits pour pouvoir y écrire des fichiers à l’intérieur.

Voilà quelques exemples :

    // Créer un répertoire
    My_Repertoire::Create('/home/user/sebastien/www/my_project/upload/doc/item_1/');

    // On le vide
    My_Repertoire::Vider('/home/user/sebastien/www/my_project/upload/doc/item_1/');

    // On supprimer tout notre dossier d'upload, avec les sous-dossiers
    My_Repertoire::Supprimer('/home/user/sebastien/www/my_project/upload/');

Attention, pour pouvoir utiliser cette classe dans un de vos projets Zend, il faut au préalable :

• Créer un dossier My dans le dossier library
• Glisser la classe téléchargée dans ce nouveau dossier My
• Ajouter cette ligne dans votre application.ini :

autoloaderNamespaces[] = "My_"

Télécharger

Pour tous les accros de Photoshop, je crois qu’il va vous falloir tester Sumopaint, qui ressemble de très très près au célèbre logiciel.

Ici, tout ce passe en ligne, c’est gratuit et ne nécessite absolument aucune inscription.

Vous pourrez uploader des images de votre PC ou des images provenant de Snapshot afin de les retoucher.

On y retrouve toutes les fonctions de base de photoshop, dont les calques, les filtres ou encore les effets 3D, mais il ne faut pas non plus s’attendre à retrouver l’intégralité du logiciel non plus.

Je vous laisse tester…

Je vous propose un site que vous connaissez peut-être déjà, qui permet de tester la rapidité de votre site, et surtout de vous informer des points à optimiser.

C’est Google qui propose ce service sur http://pagespeed.googlelabs.com/.

L’analyse qui ne prend que quelques secondes vous affichera un récapitulatif découpé selon les priorités, de la plus forte à la plus faible.

Là où cet outil prend encore plus d’intérêt, c’est qu’il ne se contente pas d’annoncer les différents points de ralentissement, mais il propose chaque fois une solution pour palier à ce problème.

Je pense qu’à l’heure actuelle, l’utilisation de solutions comme celle là est d’autant plus important puisque la rapidité d’un site a une influence sur le référencement.

Pour en savoir mieux, ça se passe ici → http://www.adobe.com/devnet/flex/videotraining.html

Cependant, il faudra posséder Flex Builder…

Je vous présente aujourd’hui comment réalisé de jolis info-bulles (tooltip), en utilisant uniquement du CSS.

Avant ça, je vous propose une petite page de démontration.

Vous trouverez ci-dessous le code CSS/HTML mais pour ceux qui préfèrent, je vous propose de télécharger un exemple.

Tout d’abord, voilà le style CSS :

.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

Et le code HTML :

Voilà un exemple
<a class="tooltip" href="#">Classique<span class="classic">Ce n'est qu'un exemple de ce que vous pouvez faire en CSS, vous pouvez personnalisez ces bulles !</span></a>,
<a class="tooltip" href="#">Erreur<span class="custom critical"><img src="Critical.png" alt="Error" height="48" width="48" /><em>Erreur</em>Ce n'est qu'un exemple de ce que vous pouvez faire en CSS, vous pouvez personnalisez ces bulles !</span></a>,
<a class="tooltip" href="#">Aide<span class="custom help"><img src="Help.png" alt="Help" height="48" width="48" /><em>Aide</em>Ce n'est qu'un exemple de ce que vous pouvez faire en CSS, vous pouvez personnalisez ces bulles !</span></a>,
<a class="tooltip" href="#">Information<span class="custom info"><img src="Info.png" alt="Information" height="48" width="48" /><em>Information</em>Ce n'est qu'un exemple de ce que vous pouvez faire en CSS, vous pouvez personnalisez ces bulles !</span></a> et
<a class="tooltip" href="#">Attention<span class="custom warning"><img src="Warning.png" alt="Warning" height="48" width="48" /><em>Attention</em>Ce n'est qu'un exemple de ce que vous pouvez faire en CSS, vous pouvez personnalisez ces bulles !</span></a> réalisés 100% en CSS

Cet article a été réalisé grâce au tutoriel trouvé sur sixrevisions.

Il est donc bien vrai qu’Apple annonce la fin du runtime Java sur les prochains Mac OS X.

Pour en savoir plus, je vous invite à vous rendre sur le site de developpez.com où j’ai trouvé l’article…

Voir l’article

Avec des transitions à faire rougir les flasheurs, elle s’intégrera très facilement dans votre site Web.

Testé sur Android et iPhone, je suis resté impressionné par le rendu.

Pour les téléchargements, ça se passe sur :

Site de l’auteur

Dans le même genre, il existe :

• Coin Slider
• Nivo Slider
• Galleria
• Horinaja

Je viens de découvrir aujourd’hui une solution, en ligne, qui permet de convertir un fichier PDF au format Word.

Après plusieurs tests, j’ai été plutôt agréablement surpris en constatant que les résultats étaient meilleurs que Acrobat 9 Pro !

Le principe est très simple, vous envoyer le fichier PDF sur le site Web, et quelques secondes après, vous pouvez télécharger le document Word.

A savoir que le résultat n’est pas encore parfait, il reste toujours quelques retouches à apporter.

Pour en savoir plus, je vous invite à vous rendre sur
pdfonline.com

Démonstration

Pour vous aider à voir le résultat, voici un aperçu :

Et une démo

Pour l’intégration, c’est très simple :

• Ajoutez les librairies javascript :

 <script type="text/javascript" src="javascript/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="javascript/jquery.featureList-1.0.0.js"></script>

• les feuilles de style :

 <link
      rel="stylesheet" type="text/css"
      href="http://fonts.googleapis.com/css?family=Reenie+Beanie">

• Affichez votre page HTML :

<div id="feature_list">
			<ul id="tabs">
				<li>
					<a href="javascript:;">
						<img src="services.png" />
						<h3>Services</h3>
						<span>Lorem ipsum dolor sit amet consect</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="programming.png" />
						<h3>Programming</h3>
						<span>Lorem ipsum dolor sit amet consect</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="applications.png" />
						<h3>Applications</h3>
						<span>Lorem ipsum dolor sit amet consect</span>
					</a>
				</li>
			</ul>
			<ul id="output">
				<li>
					<img src="sample1.jpg" />
					<a href="#">See project details</a>
				</li>
				<li>
					<img src="sample2.jpg" />
					<a href="#">See project details</a>
				</li>
				<li>
					<img src="sample3.jpg" />
					<a href="#">See project details</a>
				</li>
			</ul> 

		</div>

• Lancez le code javascript :

// On attend le chargement de la page
$(document).ready(function() {

	// On crée la "feature list"
	$.featureList(
		$("#tabs li a"),
		$("#output li"), {
			start_item : 1
		}
	);
});

Télécharger un exemple
Accéder au site du créateur

Je vous présente aujourd’hui un site Internet très surprenant qui vous permet de faire une retour en arrière dans le web

L’intérêt ?! De voir d’anciennes versions de sites Internet. Peut-être que vous y retrouverez même celle de votre entreprise.

On y retrouve la version de Facebook datant de 2005,

la page d’accueil de Google en 1998 :

ou encore la page de Microsoft de 1999 :

Pour cela, rendez vous sur

http://waybackmachine.org/
anciennement http://www.archive.org/