2803 webdesign | webdesign, css, graphisme, scripts...

Tom Cruise et son background vidéo

henri — Tue, 06 May 2008 21:11:44 GMT

Tom Cruise vient de mettre en ligne son nouveau site officiel et si vous allez le visiter vous verrez un background vidéo qui vient animer le site très légèrement. Le site est réalisé en flash ce qui permet d'intégrer ce type de fond.

Personnellement je trouve que la réalisation est plutôt réussie et vous vous en pensez quoi de ce background vidéo?

Articles en rapport

-Tom Cruise et son background vidéo

-Aujourd'hui c'est la journée du stripe

-bgMaker : éditeur de motifs (pixels) en ligne

-Adidas et la video

-Helvetica le film en intégralité

Copyright © 2007
Vous ne pouvez que diffuser que des extraits des articles de webdesign 2803 tout en citant vos sources ou demander l'autorisation de publication. L'usage du flux RSS de webdesign 2803 n'est autorisé que dans les aggrégateurs rss personnels (non indexés dans les moteurs de recherche). (digitalfingerprint: c6704c066db6df676f80faab19b9aafb)

1000 ressources pour de développement web

henri — Mon, 28 Apr 2008 19:46:57 GMT

Bruno Bichet, auteur de l'excellent blog CSS4DESIGN vient de publier une liste très complète de plus de 1000 ressources pour faciliter le développement web avec des éditeurs de CSS, des plugins jquery, des extensions firefox pour faire du développement avec ce navigateur, des tutoriaux…

Bref une liste à bookmarker de toute urgence au cas où! Bravo bruno pour ce travail de fourmi.

Articles en rapport

-1000 ressources pour de développement web

-Ressources pour le webdesigner

-Faire un formulaire en css presque facilement

-La bible du CSS

-Envie d'un site social, faites le en open source

13 générateurs automatiques pour vous faire gagner du temps

henri — Fri, 11 Apr 2008 17:02:33 GMT

Voici une ressource très sympa puisqu'elle présente une liste de 13 générateurs de boutons, de rayures, de badges, de logos, de favicon… De quoi gagner un peu de temps dans la réalisation d'un design.

A lire et découvrir sur CSSaddict

Articles en rapport

-13 générateurs automatiques pour vous faire gagner du temps

-Webdesigners voici un concours pour vous

-Faire un formulaire en css presque facilement

-Intégrer un graph sur un site autrement qu'avec une image

-Etude sur les métiers du webdesign

Faire une barre de progression en CSS

henri — Thu, 27 Mar 2008 20:14:11 GMT

Et oui décidément on peut tout faire ou presque avec du CSS, voici un tutorial très efficace qui va vous permettre de réaliser des barres de progression uniquement en CSS, magique non?

Pour lire ce tutorial il suffit d'aller faire un tour chez CSS Globe

Articles en rapport

-Faire une barre de progression en CSS

-La fin de l'arrondi et du gloss ?

-Le guide pour faire un design de logo

-Tutorial pour faire des étoiles vectorielles en 3D

-Comment modifier un favicon dans photoshop?

Gobz.org, un blog sur le multimédia

damien — Wed, 19 Mar 2008 12:59:01 GMT

Gobz.org est un blog qui parle de multimédia sous différent angles. Ce petit blog lancé avec quelques camarades de promo nous a pas mal occupés ses derniers temps. Nous parlons de technologies, de graphisme avec une approche complémentaire de se blog. Notre approche est surtout basé sur le concept. Sur gobz vous trouvez des technos et du graphisme à adapter pour des usages. Il nous permet aussi de communiquer autrement sur notre vie d'étudiant dans le multimédia. Pour en savoir plus la page About est là.

Plutôt que de faire une simple auto-promo je vous propose de parler des choix de conceptions qui ont été fait dans le but de recueillir un feedback différent de nos camardes et des quelques lecteurs réguliers du blog. Vos avis et commentaires sont les bienvenus dans les commentaires.

La charte

Le logo est peu lisible certes, c'est voulu nous voulions quelque chose qui symbolise l'entraide, le travail en équipe, etc. La baseline est une private joke qui reprend la volonté de sortir de l'ordinaire.

La home

Elle se compose des derniers billets avec une grosse image et le titre qui utilise la technologie SIFR. Ainsi nous utilisons une typo choisie et non une typo système, plus d'infos sur le sifr ici.
Si vous scrollez jusqu'en bas de la page de nous billets apparaissent en ajax, ainsi la page n'est jamais finie.

Calendrier

Conscient que le multimédia ce n'est pas toujours derrière un ordinateur. Une page reprend les expos qui nous intéressent (exclusivement sur Paris).

Liens

La page liens est là pour centraliser les sites des étudiants en multimédia à Gobelins, gobz sert de point central vous permettant d'aller visiter les univers de bon nombre d'étudiants.

Quelques articles récents qui peuvent vous intéresser :

Bilan qu'en pensez vous ?

Articles en rapport

-Gobz.org, un blog sur le multimédia

-Et vous qui êtes vous ?

-18 sites tout verts

-Nouveau thème pour webdesign

-Diesel - Customize your fragrance

Plus de 50 exemples d’utilisation de Jquery

henri — Wed, 19 Mar 2008 10:11:14 GMT

Jquery est une librairie javascript très bien fournie en nombre de plugins permettant de faire presque tout et n'importe quoi sur un site internet, et on aime jquery pour cette richesse. Je viens de trouver une ressource qui a sélectionné plus de 50 plugins et applications réalisées avec jquery, vous verrez il y a des effets qui sont très sympathiques et qui méritent que l'on s'y attarde un peu! J'aime notamment l'effet de zoom sur une image qui permet de montrer des détails non visible sur l'image d'origine :

A consulter sur noupe.

Articles en rapport

-Plus de 50 exemples d'utilisation de Jquery

-Choisir une librairie javascript

-Mootools 1.1, de nouveaux exemples d'utilisation

-Tout ou presque sur l'ajax et les scripts dérivés…

-Intégrez une loupe à vos images pour une meilleure navigation

La tendance des logos en 2008

Fri, 29 Feb 2008 15:12:31 GMT

Faire un logo c'est bien, qu'il soit réussi c'est mieux et qu'il soit dans la tendance du moment c'est le top. Logoorange vient de présenter les tendances des logos pour 2008, on aime ou pas mais il y a des idées à avoir à l'esprit en tout cas :

On notera plus de 3D, des vagues, du web 2.0 style, de la transparence, du minimaliste dans les typos, des palettes de couleurs, des font de science fiction…

Articles en rapport

-La tendance des logos en 2008

-Achtung, liste de tutorial pour réussir visuellement vos sites dans la mouvance 2.0

-Télécharger des logos de sociétés en vectoriel

-Le guide pour faire un design de logo

-Tutoriel | Faire un logo en 1 minute

Plus de 120 actions pour Photoshop

Thu, 28 Feb 2008 21:46:23 GMT

Parfois dans photoshop il faut faire des actions simples mais pourquoi réinventer la poudre quand il existe des actions disponibles pour Photoshop? Voici une petite ressource avec plus de 120 actions pour vous permettre de faire tout un tas d'effets sur vos images.

Articles en rapport

-Plus de 120 actions pour Photoshop

-30 raccourcis pour Adobe Photoshop

-Sets de brush pour photoshop

-Faire un favicon dans photoshop

-Comment modifier un favicon dans photoshop?

Poolga, pour trouver des fonds d’écran à votre iphone

Tue, 19 Feb 2008 21:48:17 GMT

Les fonds d'écrans pour PC ou Mac c'est ringard, maintenant il faut installer des fonds d'écrans pour les iphone (ou ipod touch) ou mieux encore les faire…

En tout cas pour redonner un coup de jeune à votre iphone je vous conseille d'aller faire un tour sur Poolga, The ressource pour les fonds d'écrans Iphone!

Articles en rapport

-Poolga, pour trouver des fonds d'écran à votre iphone

-Télécharger et fabriquer les icônes de l'iphone

-Créer un sitemap pour wordpress

-ColourLovers pour les amoureux des couleurs

-"je sais pas comment faire …"

ColourLovers pour les amoureux des couleurs

Thu, 14 Feb 2008 22:13:35 GMT

Vous aimez les couleurs mais vous n'êtes pas le spécialiste du choix de la bonne palette de couleurs, il ne vous reste plus qu'à aller sur ColourLovers pour trouver la bonne palette ou bien la texture qui vous plait le plus. Le choix est large et le niveau plutôt de qualité!

Articles en rapport

-ColourLovers pour les amoureux des couleurs

-La symbolique des couleurs côté web

-Ressources pour le webdesigner

-Faire un bouton web 2.0 en 15 secondes

-Couleurs sobres, grosses icônes

Faites une police avec votre écriture

Mon, 11 Feb 2008 22:09:55 GMT

Qui n'a jamais rêvé d'avoir sa police de caractère avec sa propre écriture? Et bien avec le site fontifier c'est aujourd'hui possible, il suffit d'écrire sur un gabarit puis de scanner ce dernier, ensuite de l'uploader sur fontifier et de payer 9$ pour votre police!

A vous de jouer…

Articles en rapport

-Faites une police avec votre écriture

-Vous débutez en PHP, voici 15 videos pour découvrir et progresser en PHP

-Tout savoir sur la police

-En manque d'inspiration…

-Tout ou presque sur l'ajax et les scripts dérivés…

5978 icones en haute qualité

Mon, 28 Jan 2008 23:40:04 GMT

Le titre parle de lui même, cette sélection est proposée par nerdbusiness.

Articles en rapport

-5978 icones en haute qualité

-Intégrez une loupe à vos images pour une meilleure navigation

-Des icônes RSS pour Noël

-Encore des icônes mais celle du web 2.0 cette fois-ci

-Couleurs sobres, grosses icônes

Helvetica le film en intégralité

Fri, 25 Jan 2008 08:05:05 GMT

Je vous parlais il y a quelques temps du film sur la police de caractères Helvetica créée par Max Miedinger en 1957.

Le film de Gary Hustwit est disponible sur Google Video en intégralité. Ce documentaire est un très bon moyen de se renseigner sur l'une des plus belles polices et sur l'usage que certains en font…

Articles en rapport

-Helvetica le film en intégralité

-Fan d'Helvetica, voici le film…

-80 polices pour (web)designers

-Le design vidéo !

-Nouveau thème pour webdesign

Le guide pour faire un design de logo

Sat, 12 Jan 2008 21:25:37 GMT

Le guide Youthedesigner vient de mettre en ligne le guide ultime pour faire un design de logo. Dans les grandes lignes il faut :

-Du concept
-Faire des croquis et ne pas hésiter à en faire plein
-Connaitre la finalité du logo (affichage 4×3 ou sur une bannière pub)
-Utiliser des outils professionnels (photoshop par exemple)
-Faire quelque chose de simple
-Tester le logo dans des tailles différentes
-Tester des variations de couleurs
-Tester l'environnement du logo (avec du texte autour par exemple)

Pour lire les autres conseils c'est sur Youthedesigner…

Articles en rapport

-Le guide pour faire un design de logo

-Tutoriel | Faire un logo en 1 minute

-Ajouter un effet flare sur une image

-Télécharger des logos de sociétés en vectoriel

-Tingelets, le petit utilitaire des web developpers

Mise à jour de la librairie javascript IE7 version 2

Mon, 07 Jan 2008 16:37:15 GMT

Deans Edwards vient de mettre à jour sa librairie javascript IE7 qui permet notamment de transformer le navigateur de microsoft en un navigateur respectant les standards web. Cette dernière permet de résoudre les problèmes liés au CSS et à la transparence des fichiers PNG sous IE5 et IE6.

Voici les améliorations apportées à IE7.js :

The IE7 project is now hosted on googlecode (I got fed up with SourceForge).
IE7 is no longer modular. Instead I've merged the scripts into two: IE7.js and IE8.js
IE7.js includes only fixes that are included in the real MSIE7 browser.
All other enhancements are moved to IE8.js.
IE7 is now much smaller (11KB gzipped).
IE7 is now much faster (it uses the selector engine from base2.DOM)
There are no dependencies on other files (except blank.gif)
You can hotlink IE7/IE8.js directly from Google's servers (usage instructions below)

Articles en rapport

-Mise à jour de la librairie javascript IE7 version 2

-Quelques règles à suivre avant de se lancer dans la création d'une librairie javascript

-Choisir une librairie javascript

-Base2.DOM une librairie Javascript classique

-Tutoriel | Faire un logo en 1 minute

Photoshop | Donner un effet hollywood à vos photos

Sat, 05 Jan 2008 13:31:05 GMT

La retouche photo est un métier à part entière mais parfois avec l'aide d'un bon tutorial photoshop on arrive à faire des trucs assez sympa comme cette effet "hollywood" qui donnera une touche un peu rétro à vos plus belles photos :

Le tutorial est disponible sur le site de virusphoto.

Articles en rapport

-Photoshop | Donner un effet hollywood à vos photos

-Vidéo de Photoshop Express

-Ajouter un effet flare sur une image

-Made Of Japan by Onitsuka Tiger

-30 raccourcis pour Adobe Photoshop

Faire un favicon dans photoshop

Fri, 28 Dec 2007 13:34:09 GMT

Étonnamment photoshop ne gère pas naturellement le format d'image des favicon, le .ico. Voici un petit plugin qui permettra d'enregistrer vos images sous ce format ico.

Pour installer ce petit programme il suffit de copier les deux fichiers dans le répertoire "file format" dans le dossier "plugin" de photoshop. Et ensuite sélectionner l'extension .ico dans le menu de sauvegarde de l'image!

Articles en rapport

-Faire un favicon dans photoshop

-Dessiner un favicon

-Comment modifier un favicon dans photoshop?

-30 raccourcis pour Adobe Photoshop

-Le guide pour faire un design de logo

22 moyens de créer un layout de CSS

Thu, 20 Dec 2007 21:30:55 GMT

Créer un site web, c'est sympa mais avoir des petits outils pour vous aider c'est aussi très utile. Le site vandelaydesign vient de mettre en ligne 22 outils vous permettant de faire des gabarits en CSS avec bien entendu des deux colonnes, 3, 4 en fixe ou en fluide avec des menus en flottant…

Bref vous l'aurez compris cette source est à bookmarker de tout urgence!

Articles en rapport

-22 moyens de créer un layout de CSS

-Du référencement ?

-Créer un sitemap pour wordpress

-Créer un badge très Web2.0 en 4 étapes

Publi-communiqué - Masterﬁle offre des images libres de droit à utiliser sur le Web à 49 €

Thu, 20 Dec 2007 09:58:20 GMT

Publi-communiqué rédigé par l'annonceur

L'agence d'images en stock Masterﬁle ajoute un nouveau tarif pour les photos libres de droit en résolution Web : les utilisateurs peuvent choisir dans un stock de plus de 900 000 images pour 49 € chacune. Les images sont au format 500 Kb / 72 dpi et peuvent être utilisées sur tous les médias en ligne. Les images en droits gérés ne sont pas disponibles à ce prix. « Des résultats de premier plan n'ont pas besoin d'un budget assassin pour être obtenus » dit le PDG de Masterﬁle Tomas Speight. « Avec le prix d'utilisation sur le Web récemment ajouté pour les images libres de droit, nous offrons à chacun l'opportunité d'utiliser autant d'images qu'ils le désirent pour leurs projets en ligne sans pour autant faire de compromis sur la qualité ». Ce nouveau prix pour une résolution Web est disponible sur masterﬁle.com et dans chaque agence Masterﬁle.

Masterﬁle en bref
Masterﬁle Corporation est un fournisseur international de visuels qui propose une collection exceptionnelle d'images d'archives en droits gérés et libres de droits, prises par des artistes de réputation mondiale. Ces photos, qui couvrent un vaste éventail de thèmes, sont stockées numériquement, présentées, autorisées et envoyées instantanément par Internet à une clientèle de professionnels du monde entier. Masterﬁle, dont le siège se trouve à Toronto, possède également des agences à New York, Chicago, Düsseldorf, Londres, Milan et Paris ainsi que des agents indépendants dans 30 autres pays.

Articles en rapport

-Publi-communiqué - Masterﬁle offre des images libres de droit à utiliser sur le Web à 49 €

-Ressources pour le webdesigner

-ffffound vs. pppinch

-bgMaker : éditeur de motifs (pixels) en ligne

-Lightwindow, un lightbox vraiment boosté

Fan d’Helvetica, voici le film…

Wed, 19 Dec 2007 12:34:43 GMT

Et oui même les polices de caractères peuvent avoir un film sur elles. En tout cas le documentaire sur Helvetica est disponible à la vente ici. Ce film permet de voir l'utilisation de cette très belle police aussi bien sous l'angle de la typographie, que de son utilisation dans le design, ou la culture en général.

Des traileurs du DVD sont disponibles ici.

Articles en rapport

-Fan d'Helvetica, voici le film…

-Helvetica le film en intégralité

-Le design vidéo !

-Faire un effet glossy facilement

-Faire un formulaire en css presque facilement

Nouveau thème pour webdesign

Tue, 18 Dec 2007 11:49:21 GMT

Cela n'est pas une surprise, mais le thème du blog vient de changer avec comme vous l'imaginez une influence certaine de 2803…. Bref, ici on trouve du vert plus doux qui convient très bien au blog. Comme pour les autres blogs, normalement le blog passe la validation W3C en XHTML.

Webdesign 2803 est le dernière blog à migrer pour la simple et bonne raison que je voulais lui donner la version la plus aboutie! En effet il y a eu quelques petites modifications sur le template de base installé sur 2803 la semaine dernière…

Articles en rapport

-Nouveau thème pour webdesign

-Encore un nouveau venu

-Publi-communiqué - Masterﬁle offre des images libres de droit à utiliser sur le Web à 49 €

-Wordpress | Choisir un thème original

-Issey Miyake : nouveau site et archives

2803 webdesign | webdesign, css, graphisme, scripts...

Tom Cruise et son background vidéo

Articles en rapport

1000 ressources pour de développement web

Articles en rapport

13 générateurs automatiques pour vous faire gagner du temps

Articles en rapport

Faire une barre de progression en CSS

Articles en rapport

Gobz.org, un blog sur le multimédia

La charte

La home

Calendrier

Archives

Liens

Articles en rapport

Plus de 50 exemples d’utilisation de Jquery

Articles en rapport

La tendance des logos en 2008

Articles en rapport

Plus de 120 actions pour Photoshop

Articles en rapport

Poolga, pour trouver des fonds d’écran à votre iphone

Articles en rapport

ColourLovers pour les amoureux des couleurs

Articles en rapport

Faites une police avec votre écriture

Articles en rapport

5978 icones en haute qualité

Articles en rapport

Helvetica le film en intégralité

Articles en rapport

Le guide pour faire un design de logo

Articles en rapport

Mise à jour de la librairie javascript IE7 version 2

Articles en rapport

Photoshop | Donner un effet hollywood à vos photos

Articles en rapport

Faire un favicon dans photoshop

Articles en rapport

22 moyens de créer un layout de CSS

Articles en rapport

Publi-communiqué - Masterﬁle offre des images libres de droit à utiliser sur le Web à 49 €

Articles en rapport

Fan d’Helvetica, voici le film…

Articles en rapport

Nouveau thème pour webdesign

Articles en rapport