Voici un moment que je n’avais pas dégoté de nouvelles démonstrations des possibilités offertes par CSS3. Cette fois-ci voici un carousel full CSS3 utilisant un effet slide sur la transition entre chaque image.

Pour les curieux voici le code CSS 3 utilisé par la démonstration !

Il était temps ! Le W3C vient d’offrir à HTML5 un logo digne de ce nom ! Bon OK HTML 5 est un présenté comme un super héro de la toile mais ce logo manquait cruellement !

Vous pouvez télécharger le logo au format vectoriel ou PNG ainsi que différents badges sur la page dédiée du W3C.

La vrai question maintenant est : est-ce que l’on va retrouver ce logo sur de plus en plus de sites web ?

Oui, ringard. Surtout quand on sais qu’il existe aujourd’hui de superbes générateurs de texte pour vos webdesign tel que Fillerati !

Fillerati est un générateur de texte passe-partout pour vos charte graphiques conçu en HTML5 / CSS3, les textes sont tirés de la littérature et l’outil vous permet de définir le format désiré :titres, listes à puce, paragraphes…

Il gère même le copié collé du texte pour vous ! De quoi dire adieux à Lorem ipsum…

Le pack Hand Drawn vector Arrows contient 72 icônes vectorielles faites main représentant des flèches, des curseurs, des indicateurs et c’est entièrement gratuit !

Un pack indispensable pour tout webdesigner, à télécharger et à archiver !

Performable Love propose un générateur de bouton de conversion en ligne personnalisable et très style web 2.0 qui permet d’obtenir un joli bouton en quelques clics !

Voici quelques exemples obtenus avec le générateur :

Accéder aux générateur.

The Arialist est un thème graphique xHTML / CSS (ou anciennement nommé « kit graphique« ) entièrement Open Source et gratuit.

Celui-ci à la particularité d’être pleinement conçu pour l’utilisation de la police d’écriture Arial…

Vous pouvez voir une démonstration du thème avant de le télécharger gratuitement sur Google Code.

Savez-vous qu’il est très simplement possible de faire pivoter un site web selon un angle précis via du CSS et la propriété -moz-transform ?

La page web subiera une rotation dans sans totalité et le rendu sera fonctionnel au minimum sous le navigateur Firefox.

Voici le code permettant cette rotation, notez que vous devez adapter la valeur de la propriété width en fonction de la taille de votre page web.

body {
	-moz-transform:rotate(-30deg);
	height:auto;
	margin:10px auto;
	position:relative;
	width:1300px;
	z-index:1;
}

Démonstration

Cliquez-ici pour accéder à l’espace de démonstration de la rotation.

Le thème Magnifico HTML/CSS est en téléchargement gratuit sur themeforest pendant tout le mois d’avril 2010 !

Notez que le thème Magnifico HTML/CSS est également disponible pour WordPress

Le thème Pacifica est en téléchargement gratuit sur themeforest pendant tout le mois de février 2010 !

Pour ceux qui ne le savent pas, themeforest est une place de marché dédiée au webdesign et au développement web qui propose la vente de fichiers PSD ou encore de scripts PHP.

Notez que le thème Pacifica est également disponible pour WordPress

Il existe un raccourci clavier permettant de réinitialiser complètement Adobe Photoshop a ses réglages d’origines.

Pour effectuer le reset il suffit de laisser appuyé simultanément sur les touches ci-dessous lors du lancement de Photoshop (avant de voir l’écran d’accueil du logiciel) :

• Sur Windows : ALT + Ctrl + Shift
• Sur Mac OS X : Option + Command + Shift

Le logiciel ouvrira alors une boite de dialogue permettant de confirmer la suppression de tous les réglages et la remise à zéro de Photoshop.