background preloader

Dreamweaver gratuit - Dreamweaver tutorials et extensions

Dreamweaver gratuit - Dreamweaver tutorials et extensions
Related:  Tuto

A Beginner’s Guide to Website Feedback The term “feedback” is coming close to finding itself in clichéd business word category (along with personal favorites “synergy” and “paradigm”). Even if for you the word itself isn’t necessarily something that you expect to see in a Dilbert cartoon, the thought of what feedback entails can be unpleasant. For many it conjures up visions of clueless coworkers asking you to add animated .gifs and flashing purple buttons to a page, or of a client submitting a list of 82 new items to create on their site even though you are on the ninth round of changes. If nothing else, getting feedback stinks because it’s more (usually boring) work for you, and let’s face it, you’d rather be doing something else. But you need some feedback. So, here’s the question: how can you keep from having to waste hours upon hours getting feedback from largely unhelpful sources, while still making sure that what you are creating actually makes sense, looks good, and doesn’t end your career? Community Driven Feedback

CSS3 – Créer un slideshow automatique et contrôlable Si vous suivez le compte @NoupeMag sur Twitter (ça marche aussi pour mon compte), vous avez certainement vu passer mon slideshow en CSS3 datant de l’an dernier. Ce n’était pas ma première tentative de slideshow comme le présentent ces premier et second travaux datant de mai 2010. Ce tutoriel ne s’adresse pas aux débutants, il vous faudra un minimum de connaissances techniques pour vous y retrouver dans les tronçons de code qui vont suivre. Avant propos La page de démonstration du slideshow full CSS3 vous propose des fichiers sources en téléchargement, profitez-en, notamment si vous souhaitez récupérer les images. Les codes CSS fournis ici sont légèrement différents de ceux fournis dans l’archive zippée téléchargeable. Les codes CSS3 présents sur ce tutoriel ne tiennent pas compte des préfixes parfois nécessaires (-webkit-, -moz-, -ms-, -o-) pour une question de gain de place dans le code. Les défauts des versions précédentes Sur la version automatique (la seconde) : Poser les fondations

Comment ajouter à votre site un bouton de partage sur Facebook - 360kmh.com 7 ressources Javascript pour créer un site full-page ou parallax - ressource-javascript Aujourd'hui sur le Blog du Webdesign, découvrez 7 ressources javascript et jQuery pour créer des sites fullpage ou parallax. Une des grosses difficultés à gérer sur les sites de type full page, ou en construction au scroll est que tous les utilisateurs n'ont pas tous la même résolution d'écran. Comment, dans ces conditions-là, faire en sorte que les sections de pages ressemblent toutes exactement à la maquette, fournis dans une seule taille, évidemment ? En utilisant les bonnes ressources pardi ! Pour vous simplifier la tâche sur votre prochain projet de ce type, le Blog du Webdesign a déniché pour vous 7 ressources vous permettant de faire divers types de sites full-page ou parallax. Parallax.js Parallax.js, comme son nom ne l'indique pas, n'est pas spécialisé dans le parallax mais dans la création de navigation entre "écrans" de taille définis. One Page Scroll Cette ressource javascript vous permettra de mettre en place un effet comparable à celui du site de l'iPhone 5S. Fullpage.js Skrollr

Outils - Alsacréations 78 ressources en ligne Haut de page Visual Studio Code Visual Studio Code est un éditeur de code source récemment lancé par Microsoft,… Schnaps.it, le générateur de template HTML5 Alsacréations est fier de vous annoncer la naissance de Schnaps.it, notre nouvel… Rendu par défaut des éléments HTML Outil conçu par Julien Royer, permettant d'observer les différences de rendu par… MobileHTML5 MobileHTML est un tableau de compatibilité récapitulatif à destination des plate-formes… ReformedApp Chronophage, redondant et fastidieux... Coder vos formulaires à la main vous… Initializr Initializr vous permet de générer un template HTML5 basé sur HTML5 Boilerplate.… HTML5Please HTML5Please est un récapitulatif clair et bien organisé listant les différentes… HTML5 Boilerplate HTML5 Boilerplate est un gabarit HTML5 et CSS3 contenant toutes les bonnes pratiques… HTML5Rocks Diaporama des nouveautés HTML5, tutoriels pas à pas, et exemples en ligne. Haut de page Accessibilité Haut de page Développement Web

Useful Free Web UI Elements PSD Packs | chethstudios Design Magazine Everyone Likes Freebies, and when those freebies saves you a lot of time they surely become priceless and worth a mention, and we are here with a neat and useful roundup of all the web UI Elements every designer/web developer must download. Nothing more useful than saving some time which you were going to spend designing these. Need more? check out other GUI and PSD freebies. Related Posts:Roundup of Best Free Smart Phones GUI PSD Packs80+ Free PSD Web UI Elements For Download80+ Free Editable PSD Website Templates Massive Web UI, Button Set WEB UI Treasure Chest v 1.0 Webdesigner Toolkit Free PSD: Checkbox Replacement Free Web UI Wireframe Kit Wireframe Symbols Sketching & Wireframing kit Facebook GUI free PSD resource Facebook Applications Flex Darkskin PSD UI Scalable calendar Free Web UI Element Pack Flex 3 Stencil Modern Web UI Set Our incredible deals of 000-966 exam and free 1Y0-A16 tutorials make your success certain for the final mcsa certification exam and you can get mcp dumps & 642-982.

Création d’un menu sous Dreamweaver - Raconte-moi le web! Exemple d’un menu dreamweaver : Nous vous proposons dans ce tutorial de créer le menu que vous voyez ci-dessus avec Dreamweaver. La procédure est très facile et ne devrait pas vous poser de problème. Commencez par ouvrir Dreamweaver, cliquez ensuite sur l’onget “code” pour afficher le code. Mise en place du CSS du menu Collez ensuite ce code quelque part : Il est préférable de le coller entre la balise <head> et </head>. Création du menu sous Dreamweaver Commencez par créer une liste en cliquant sur le bouton “Liste” : Ceci donnera quelque chose de ce genre : Passez ensuite dans la fenêtre du code. Modifiez alors la première balise <ul> par <ul id=”simple-menu”>. Le mode affichage de dreamweaver n’est pas très performant, vous n’allez donc pas pouvoir voir votre menu directement sous dreamweaver.

Passez au player vidéo HTML5 en douceur Passez au player vidéo HTML5 en douceur Vous avez peut être déjà songé à mettre un player vidéo en HTML5 sur votre site histoire de passer du côté moins obscur de la force mais le hic, c'est qu'il y a encore beaucoup de vos visiteurs qui ne sont pas "compatibles HTML5" et qui sont obligé d'utiliser flash pour lire vos vidéo. Dommage... Sauf si vous intégrez ce petit javascript baptisé html5media qui détectera si vos internautes préférés utilisent un navigateur compatible. Simple, pratique, efficace pour une transition en douceur. Html5media est téléchargeable sur Google Code et pour l'intégrer, il suffit d'ajouter ces 2 lignes dans vos pages Et d'appeler vos vidéos de la manière suivante : Je trouve le player video HTML5 un poil mochounet (Mochounet : (nm) se dit d'un enfant qui n'est pas mignon) mais heureusement, Jilion arrive bientôt (je ne connais pas la date). A bon entendeur, salut !!!!!!! [source et photo] Vous avez aimé cet article ?

Apprendre le HTML5 – Tutoriel Complet Tutoriel complet pour apprendre le HTML5 – Quelque soit votre niveau, ce cours est fait pour vous. Que vous débutiez dans la création de site internet ou que vous maitrisez déjà le xHTML et / ou le HTML 4.01, découvrez toute la puissance du HTML5. Chaque chapitre est rédigé de façon concise et compréhensible par tous. Ils sont divisés en thèmes consultables indépendamment suivant votre niveau et vos connaissances. Chaque point détaillé est inclus dans un exemple concret et certains sont accompagné de démo consultable en ligne. L’ensemble du cours – en constante évolution - est accessibles à tous quelque soit votre niveau : Un problème, une suggestion ou une remarque : Poser votre question ou venez en discuter sur notre forum. Maintenant que vous savez à quoi ressemble le HTML5 et ce qu’on peut faire avec, passons aux choses sérieuses. Voici les bases des langages de développement web HTML et CSS. Le HTML et le CSS sont deux langages complémentaires. [cadrePTQ]

BlueGriffon, l'éditeur HTML basé sur Firefox - Alsacréations Dans le monde des éditeurs de code HTML, nous connaissons les logiciels dits "visuels" (ou "WYSIWYG") tels que Adobe Dreamweaver, Microsoft Frontpage et Expression, ou encore les éditeurs de texte simples dont font partie Notepad++, PSPad, jEdit, UltraEdit, etc. Entre les deux... pas grand chose ! Seuls NVU, puis KompoZer se démarquaient en proposant une solution libre, visuelle et légère, dont le code produit était dénué de surcouches propriétaires et complexes. Leur successeur, développé par la société Disruptive Innovations, se nomme BlueGriffon et commence à faire parler de lui tant il est déjà prometteur avant d'atteindre sa première version finalisée. BlueGriffon se démarque notamment par son support exceptionnel de CSS3 et HTML5 et propose des boîtes de dialogues évoluées permettant par exemple d'afficher des polices de caractères exotiques ou une disposition en multi-colonnes.

cufón - fonts for the people FancyBox 1.3.4 | Demonstration Une démonstation de Fancybox. C'est la traduction française de la documentation issue du site officiel Des animations différentes ('fade', 'elastic' and 'none') La position des titres ('outside', 'inside' and 'over') Les galeries d'images (utilisez la molette de la souris) Quelques exemples Le texte est d'abord écrit dans le code mais non-affiché (display:none). Inline un document dans le code html Ajax Un document interne (texte.txt) Iframe Le site Wikipedia dans une fenêtre (affichage à 95%) Swf Une animation vidéo Autres exemples (bidouillages personnels) 1. À déclarer dans l'en-tête : Puis à afficher dans la page html : <a class="site" href="l_url_du_site? On peut définir la taille de la fenêtre en pixel ou en pourcentage, la transition, la couleur et l'opacité de la trame (overlay) et la vitesse d'apparition et de disparition de la fenêtre fancybox. 2. Il faut d'abord définir l'objet sans l'afficher : Puis, le lancer : Un autre exemple : Le parti d'en rire (Pierre Dac et Francis blanche). 3.

DoFollow Bienvenue au CourseLab ! Bonjour à tous ! Vous l’avez peut-être remarqué, ce post marque l’inauguration d’une nouvelle catégorie de notre blog : le CourseLab. Et vous vous demandez sûrement ce que ça peut bien être… Le CourseLab, c’est un nouvel espace d’échange entre les auteurs et tous les membres de la communauté d’OpenClassrooms. Mais pour comprendre le rôle de cet espace, il faut que nous remontions un peu dans le temps pour vous parler de “la Pile”… La Pile : file d’attente des cours en validation La Pile, imaginez que c’est une tour très haute, constituée de tous les cours qui attendent, frémissants d’impatience, d’être publiés. Certains de ces cours viennent d’être esquissés, d’autres attendent un dernier coup de brosse avant de se lancer dans la grande aventure et d’être lus. Si vous êtes déjà auteur sur OC, cette Pile, vous la connaissez sans doute. Au dernier décompte, la Pile comptait 329 cours en attente ! Le CourseLab : perfectionnez votre cours avec la communauté Comment ça marche concrètement ? P.

Related:  programmation web