background preloader

Tutoriaux WebDesign : Adobe Photoshop, XHTML/CSS, Accessibilité

Tutoriaux WebDesign : Adobe Photoshop, XHTML/CSS, Accessibilité

http://babylon-design.com/

Related:  Tutos, méthodes, screencastsphotoshophtmlWebmasterfür Beratung / neue Methoden

6 outils pour créer vos infographies facilement via Les infographies ont du succès, peut être souhaitez-vous créer les vôtres ? Des outils simples sont à disposition sur la toile. Je vous ai déjà parlé de quelques outils dans différents articles (ceux d’Intel ou de Visual.ly), voici une sélection de 5+1 outils pour utiliser et dynamiser vos données. Pick to chart Transformez vos informations en présentations hautes en couleurs. Changer la taille d'une image sans perte de qualité Les deux notions importantes ajout et suppression de pixels bien saisies (| Voir : Changer la définition d’une image |), regardons comment maintenant on peut tout de même arriver à une très bonne qualité d’image si on souhaite changer la taille de l’image (l’agrandir ou la diminuer) sans pour autant laisser le calcul du programme de retouche d’image prendre le dessus. Voir aussi : On veut surtout pas réduire notre image de cette façon là : Réduction de la taille de l’image avec Photoshop (rééchantillonage coché) Mais plutôt réduire la taille de notre image de cette façon là : Réduction ou agrandissement de la taille de l’image avec Photoshop (rééchantillonage décoché)

page accueil [personnaliser un menu] Bonjour à toutes et à tous Sur mon blog : j'ai dans le menu du haut : Accueil, Annuaires,Biographie, Contact et Webmaster Comme je souhaite lire en page "Accueil", le contenu de la page "Biographie", j'ai donc mis ds option de lecture, en page d'accueil, une page statique en sélectionnant "Biographie". Le résultat escompté est donc présent, mais du coup , je me retrouve avec un menu "accueil" avec le contenu de "biographie" et un autre menu "Biographie et forcément son contenu. Ma question est : Comment puis-je conserver la page d'accueil avec le contenu de biographie ( dont je renommerai le titre) et surtout supprimé le menu "Biographie". En espérant m'être fait comprendre, je vous remercie pour vos réponses.

Plyr - Un player vidéo HTML5 moderne sans fioritures Plyr est un player HTML5 vidéo moderne et très léger pour vos applications web. Un nouveau venu parmi les lecteurs HTML5 video du marché, Plyr se distingue par son côté moderne et qui va droit au but. En effet, il se concentre sur les navigateurs modernes et prend en charge Internet Explorer 10+ (voire IE9 en mode dégradé). Accessible et léger, il reprend les composants HTML5 pour se constituer (progress pour la progression de la vidéo et range pour le volume). Parmi les fonctionnalités on retrouve: Accessible - Support des sous titres et lecteurs d'écransLéger - 4.8KB minifié et gzippéPersonnalisable - Personnalisez le lecteur en CSS comme vous le souhaitezSemantique - HTML5 form inputs pour le volume (range) et progress la progresssion de la vidéo.Aucune dépendance - Développé en Javascript natifAPI - API simple d'utilisation complèteFallback - Si le lecteur n'est pas supporté par le navigateur, il est possible d'appeler un fallbackFullscreen Lecteur vidéo et audio

Sauvegarder en 2 clics les photos d'une page web vers dropbox ou gdrive. Si vous avez un compte dropbox et que vous aimez sauvegarder des photos sur votre pc, voici une extension (Image collector extension) plutôt pratique, car elle permet de faire une sauvegarde en deux à trois clics de souris. La première condition sera d’utiliser le navigateur google chrome et ensuite télécharger l’extension sur google webstore : ici. Il faudra dans un premier temps s’identifier auprès du service de votre choix, dropbox ou gdrive (ou les deux). Ensuite il faudra faire des régalages fins comme la taille de la photo. Par exemple : Si vous voulez ne pas télécharger les images dont la taille est inférieure à 300 pixels vous devez régler la taille Width à 300 pixels.

Comprendre les masques de fusion dans Photoshop cc Principes Le masque de fusion fonctionne de la même manière que ce que nous avons vu avec le mode masque. La seule différence réside dans le fait que la nouvelle couche (le masque) est enregistrée dans votre fichier. Elle n’est pas provisoire. Le masque est une sélection avec un traitement particulier sur le calque.

HTML XHTML -Les tableaux Présentation des balises La balise <table> permet de créer un tableau. Il faudra utiliser la balise <tr> pour créer une nouvelle ligne dans le tableau. Grâce à Google Drive, Gmail peut envoyer 10 Go en pièce jointe Google vient d'annoncer une importante amélioration pour Gmail, son webmail maison. A partir de maintenant, Google autorise Gmail à transmettre des documents en pièces jointes jusqu'à 10 GB, soit 400 fois plus que les 25 MB qui était la limite actuelle. Pour réaliser ce petit miracle, Google a intégré Google Drive, son service de stockage en ligne, directement dans Gmail. De cette manière, les utilisateurs qui ont actualisé leur nouvelle fenêtre pour rédiger leurs nouveaux messages pourront remarquer dans la partie inférieure le petit icône de Google Drive permettant d'insérer n'importe quel fichier présent dans l'espace de stockage.

Formation photoshop gratuite : tutoriels photoshop Formation Photoshop est un site de tutoriels d'apprentissage online et de formation du logiciel Photoshop pour la réalisation d'effets divers nécessaires pour l'élaboration de la partie graphique de votre projet. Formation Photoshop est une formation gratuite La Formation Photoshop proposée par notre site Faclic est une formation totalement gratuite. Dour chaque tutoriel vous trouvez en bas un formulaire de commentaire qui vous permet de poser vos questions et de partager vos connaissance. Télécharger Photoshop gratuitement Pour télécharger Photoshop gratuitement (version française valable 1 mois « 30jours ») vous devez vous enregistrer sur le site officiel d'Adob Photoshop.

Cours HTML : Tableaux Attributs de TABLE NB : l'attribut align est déclassé au profit des feuilles de style. Attributs cellpadding et cellspacing Valeurs pour l'attribut frame Uniquement en HTML 4.0, les anciennes versions des navigateurs ne connaissent pas cet attribut. void pas de cadre above côté supérieur below côté inférieur hsides côtés horizontaux lhs côté gauche rhs côté droit vsides côtés verticaux box ou border : les quatre côtés (ne pas confondre avec border="n" qui indique l'épaisseur du trait du cadre, ici border signifie un cadre pour les quatre côtés)

Outil : savoir si une photo a été retouchée Le web 2.0 a démocratisé la création et le partage de différents types de contenu (textes, vidéos, images). Avec la recrudescence d’outils de plus en plus simples d’utilisation, la retouche et le montage photo/vidéo est à portée de tous. Il est maintenant difficile de détecter le vrai du faux dans ce qui est publié chaque seconde en ligne. Le réalisateur et scénariste Andrew Niccol l’avait très bien résumé : « Notre capacité à créer du faux a dépassé notre capacité à le détecter. » Le constat n’est heureusement pas complètement vrai puisqu’il existe des outils permettant de détecter les fakes, notamment sur les photos. L'école Photoshop Tous les tutoriaux pour apprendre Photoshop gratuitement Cette formation est destinée aux personnes désirant apprendre à utiliser le logiciel Photoshop. Lisez attentivement cette page avant de vous lancer dans la lecture des (...) Publié mardi 28 septembre 2010 Lorsque vous ouvrez la pour la première fois Photoshop sur votre ordinateur, vous arrivez surement sur un écran similaire à celui situé ci-dessous. Voici une explication (...)

Cours de HTML Pourquoi utiliser du JavaScript ? Du fait de la faible interactivité des pages HTML avec l'utilisateur, il a été intégré aux pages web le langage JavaScript (dérivé du langage de programmation Java). Ce langage permet d'intégrer de vrai petites applications, de faire des jeux... On ne s'intéressera ici qu'à des actions beaucoups plus simples mais tout aussi utiles. Les bases Le JavaScript est un langage interprété par le navigateur de l'internaute, il est intégré directement dans les pages HTML comme le sont lesfeuilles de style.

25 astuces pour Gmail Pour envoyer des emails, de nombreux services existent. Microsoft propose Outlook, quand les fournisseurs d’accès à Internet encouragent leurs abonnés à utiliser leur propre gestionnaire… Google ne déroge pas à la règle, en mettant Gmail à disposition des internautes. Si l’outil est déjà très puissant en soi, de nombreuses astuces permettent aux utilisateurs de profiter de fonctionnalités supplémentaires, des raccourcis clavier aux outils de notification. Certaines astuces sont accessibles via les paramètres de votre compte Gmail.

Related:  Sites