Voici les 5 techniques majeures du CSS3 (ce site regroupe le code source adéquat) que vous devez connaitre.

1. Les bords arrondis
   

2. Les images dans les bordures
   

3. Les fonds multiples
   

4. Les ombres (textes et boites) avec un article supplémentaire ici.
   

5. La transparence et l’opacité, des exemples pour Firefox 3.6 vous attendront ici.
   

Espérons que ces standards ne prennent pas trop de temps à le devenir. Car si on doit se trainer des boulets comme IE6… on est pas prêt de voir se démocratiser ces innovations sur les sites de sitôt.

De superbes créations utilisant le code CSS3 sont visible sur cette page (attention à utiliser le bon navigateur).

Bon ça fera plus de boulot aux développeurs dont je fais partie.

Zakstudio Développement, Internet css3, Développement, html5, Internet, site, site web, Web

Ce site nous montre toutes les fonctionnalités CSS, HTML et JS de l’HTML 5 qui est une combinaison de ces 3 facteurs.

On a déjà vu dans des articles précédents certaines de ces fonctionnalités ainsi que des tests de compatibilités, mais là on a droit à des exemples interactifs et bien sûr avec des résultats qui diffèrent en fonction des navigateurs.

Tahiti douche?

On notera donc (je cous conseille Chrome pour tester) :

• Des nouveaux sélecteurs JS
• Du stockage Web
• Une base de données Web
• Du cache
• Des Web Workers (une sorte d’appel XMLRequest)
• Des sockets
• Des notifications
• Du drag & drop
• De la géolocalisation
• Pleins de nouveaux tags
• Des nouveaux champs de formulaires
• De la gestion audio et vidéo en natif
• De la création graphique avec Canvas et du JS
• De l’affichage 3D
• Des sélecteurs CSS
• Du stockage de police de caractères
• De l’obfuscation de texte
• De la gestion de colonne (enfin)
• Des effets (contour, ombre, arrondis, dégradés…)
• Des transitions, rotations, animations…  (sans librairies)

Zakstudio Développement, Internet Développement, html 5, Internet, programmation

Voici une interview de Jean D’ARCY (Directeur de l’information audiovisuelle de l’ONU) qui prédit d’une façon impressionnante l’avenir de l’informatique et des télécommunications sans nommer Internet bien sûr.

Des applications telles que :

• Choisir les images et sons
• Enseignement en ligne
• Programmes à la carte (VOD)
• Jeux en ligne
• Vente à distance
• Site d’informations
• Services en ligne (paiement des contraventions)
• Emails
• Copie et stockage de documents

source Marc

Zakstudio Internet INA, Internet, prédiction

Exosolar (à ne pas confondre avec ex-taulard) est un site qui fera plaisir à Chacha.

Ce site est un petit wikipedia de l’espace fait en flash. Vous pourrez voir en 3d les étoiles et planètes de la galaxies avec pleins d’informations les concernant.

A voir aussi ces photos, le système solaire en temps réel, et pleins d’autres articles sur l’espace.

Zakstudio Espace, Internet Espace, flash, Internet

C’est possible grâce à HTTrack Website Copier qui va vous permettre de copier un site web en local, « l’aspirer ».

le site d'HTTrack

Il faudra bien configurer ce logiciel (téléchargeable sur Windows, Mac et Linux), en limitant la profondeur de recherche.

Sachez tout de même que ce genre de logiciel peut nuire au bon fonctionnement d’un site donc, ne l’utilisez pas lors des heures de pointes ou limitez le nombre de connexion.

Zakstudio Internet, Logiciel aspirateur, copieur, Internet, Logiciel, site web

Tout d’abord il vous faudra faire une maquette de votre site et pour cela 960.gs va vous aider.

Comment? Et bien en vous permettant de poser votre site sur un système de grille (grid en anglais).
Vous pourrez donc caler votre design sur un nombre de case précis (12, 16,…) dans la norme de 960px de large ce qui équivaut à un 1024×768 (résolution de base permettant de toucher un plus grand nombre d’internaute).

Pour ce faire 960 vous offre des templates de divers formats : PDF, PSD, Flash, Illustrator, Gimp, Fireworks, InDesign, Inkscape, Visio et Exp. Design.

Vous pourrez ensuite générer des fichiers HTML et CSS, toujours à l’aide d’un outil de ce site : Le Layout System.

Voila vous avez tout pour faire un site bien pensé, aéré, et avec un peu de talent et surtout du contenu, à vous le Web.

Pour finir, avec BrowserShots, vous pourrez tester l’affichage de votre site sur un grand nombre de navigateur, sur différents OS, et comme vous pourrez voir le mien dans la galerie qui suit, les affichages divergent beaucoup d’un navigateur à l’autre :

source

Zakstudio Design, Développement, Internet Design, Internet, site web, website

Presque un an après sa sortie beta, que reste-t-il de l’outil qui devait révolutionner l’email? Qui l’utilise-t-il?

Et bien personnellement je trouve son utilisation compliquée, lente et son interface pas très intuitive. Combien de fois je n’arrive pas à trouver le traducteur, qui de plus est représenté par une personne invitée (?!?!?!!).
Son interface n’est pas très rapide et trop complexe (comparée à Zimbra par exemple).

Bref le Tsunami annoncé est je pense retombée en mer d’huile et plus grand monde ne parle de GoogleWave.

Google Mer Plate

Des amis l’utilisent comme bloc note collaboratif pour des projets mais rien d’irremplaçable par les Google Documents par exemple.

Et vous, quels sont vos retour? L’utilisez-vous?

Zakstudio Internet google wave, GoogleWave, Internet

Voici un joli graphique montrant le cout d’un Mbit dans les différents pays du monde en 2009 (je pense).

On est 5ème

Bon je vois pas comment il peuvent calculer en France car le débit est illimité, mais bon la France s’en sort pas trop mal en se plaçant en 5ème position.

Sachant que la surface de notre pays est assez vaste et la disparité des populations est plus importante que dans les pays qui nous devancent (Japon, Corée, Finlande, Suède).

Selon le site Internet World Stats, la France compte 43 millions d’usager Internet pour un taux de pénétration de 69,3 % de sa population (62M).
Ce qui fait un peu plus de 10% des internautes européens (4ème derrière l’Allemagne, le Royaume Uni et la Russie).

Zakstudio Internet adsl, coûts, débit, Internet, stats, vitesse

C’est le support Canvas des navigateurs compatible HTML 5 qui permet au javascript de créer des images et donc de faire de la 3D par exemple.

Voici donc un exemple de script qui affiche en 3d une galerie d’images provenant de Flickr.

Je trouve ça impressionnant.

Zakstudio Développement 3D, canvas, galerie, gallery, html 5, Internet, javascript, photos, Web

Si comme moi vous n’êtes pas content du nouveau système d’ouverture des onglets dans Firefox 3.6 (le nouvel onglet ne se fait pas en fin mais à coté de l’onglet père) et que vous voulez les ré-ouvrir comme dans le 3.5, vous devrez faire la procédure qui suit :

• Tapez about:config dans la barre d’adresse pour accéder à la configuration de votre Firefox (vous ferez attention comme vous le demande Firefox)
• Dans la liste des configurations vous rechercherez (filtre) : tabs.insertRelatedAfterCurrent
• Ensuite, double cliquez pour mettre la valeur à false (faux)
• Vous pouvez fermer l’onglet, la mise à jour a été prise en compte

Zakstudio Internet configuration, firefox, Internet