Tuto
Get flash to fully experience Pearltrees
Dans le cadre du concours Web Génération visant à stimuler la créativité au travers d’un projet multimédia, l’Agence de Valorisation Économique et Culturelle du Limousin et ses partenaires ont mis en ligne une boîte à outils pédagogique consacrée aux bases de la création d’un site Internet destinée aussi bien au novices qu’aux internautes ayant déjà des notions de création de site qui comprend un dossier qui reprend les 5 étapes d’un projet de création de site Web : Guide méthodologique : les grandes étapes d’un projet numérique (fichier en pdf de 14 pages à télécharger) et 5 mini-guides thématiques. Guide pratique de projet de site Web Le guide méthodologique : les grandes étapes d’un projet numérique prend en compte et développe une gestion de projets en 5 étapes :
Guide méthodologique de création de site en 5 étapes
40 Useful HTML5 Tutorials, Techniques and Examples
HTML5 right after its arrival has been in the news because of its enhanced functionality and ease of use . And now the latest version of HTML5 is out, web developers and internet marketers are shifting to HTML5 as it comes with several new and improved features that distinctly make Web development easier. In this collection, we are sharing some useful HTML5 tutorials with our designing and development fraternities to help them learn the new ways to get web pages SEO friendly and more interactive. In this post, we have collected some very valuable tutorials that will assist you in getting a good command of HTML5.Quels choix de navigation en responsive design ?
Faire le bon choix dans la navigation sur un site est primordial et depuis l’arrivée du responsive design , les choses se compliquent. Il faut garder un accès à l’information sans pour autant gâcher l’expérience utilisateur. Heureusement, Brad Frost a rédigé un excellent article sur son blog à ce sujet que je retranscris ici en français. Si d’emblée, le terme de responsive design vous est étranger, je vous recommande de lire cet article paru il y a quelques temps sur le blog : Responsive design : définition, fonctionnement, ressources et tutoriels
Back to basics: how to code an HTML5 template | Webdesigner Depot
Markup is a beautiful thing, and it certainly has changed over the years. What was effectively HTML1, has certainly progressed to an amazing semantic markup language, to which we can largely thank the W3C. And, what do ya know, the next thing to thank them for has come about – HTML5. Unlike previous version of HTML, where the code was mostly a limited structure that was determined by how you made use of the class and ID elements, html5 really attempts to provide much more structure. All of the layout can be created with semantic tags and elements that determine how you should structure, and, arguably more important, that help you structure each page. This produces code that is much more clean and readable than in previous versions of HTML, and really is something quite amazing.
Pourquoi la refonte de votre site web est un échec
Et si la refonte d’un site, c’était comme rénover un restaurant ? Imaginez un instant : vous êtes la patron d’un restaurant, vous avez constaté un déclin lent mais inexorable de votre clientèle, d’autres établissements vous font de l’ombre, vous en avez marre de la déco… Pour X raisons, vous avez décidé qu’il fallait agir et changer tout ça. Et pourtant, les résultats ne sont pas à la hauteur de vos attentes. Voici quelques éléments qui peuvent expliquer cet échec. Les 25 raisons d’un échecThe Happy Bit | Flexible CSS typographic scale
When designing using text, no matter if it’s for print or the Web, one vital thing to do is to ensure that the design stays harmonious in every aspect. The best way to do so is quite possibly using a so called typographic scale, which means giving text portions precise, regular and linear dimensions, based on the hierarchical relationships they hold with other text elements. This has been long known, of course, and we’re not bringing anything new to the cause.
15 snippets pour améliorer votre utilisation de jQuery
La librairie jQuery est une des meilleures, voire la meilleure librairie Javascript actuellement. Elle est assez facile à utiliser et à prendre en main, mais bien souvent, quand on débute, on profite des plugins sans trop savoir comment ils marchent. Car des plugins jQuery , il en existe en veux tu en voila sur la toile. On les télécharge, les utilise et si on rencontre un souci, on change de plugins.
Sans avoir besoin de dessiner, on peut faire de ce logiciel gratuit l'outil de prédilection des graphismes d'un site Web. GIMP (GNU Image Manipulation) est un éditeur graphique open source qui est une bonne alternative à Photoshop, bien que d'une utilisation plus laborieuse. Lorsqu'on maîtrise l'usage de ce logiciel, il devient très utile pour les graphismes du Web. Que peut réaliser un webmaster avec GIMP?
GIMP et graphisme pour le Web
Bienvenue à tous, Vous voici sur la page d'accueil du cours traitant du langage Web Javascript ! Au cours de la lecture de ce cours vous apprendrez comment dynamiser vos pages Web et les rendre beaucoup plus attrayantes pour vos visiteurs. Ce cours traitera de nombreux sujets, en partant des bases. Vous apprendrez à réaliser des animations, des applications complexes et à utiliser ce langage conjointement avec le HTML5 , la nouvelle version du fameux langage de balisage du W3C !
Dynamisez vos sites web avec Javascript !
Un script javascript peut rapidement devenir une vraie boucherie impossible à débugger. Pour éviter ces situations, le meilleur moyen est de coder proprement. Voici donc une série de bonnes pratiques utilisées par des professionnels du web, connus et reconnus. J'utilise probablement des concepts qui sont encore un peu abstraits (fonctions anonymes, DOM, etc.) ou inconnus (JSON, etc.) pour vous, ce n'est pas dramatique. Le plus important est de prendre connaissance de ces quelques directives et au moins de retenir les choses à ne pas faire, le reste viendra petit à petit.
Bonnes pratiques javascript
Petit guide typographique de base | Blog Loriskumo
Maintenant qu’on est en mesure d’utiliser à peu près n’importe quelle fonte sur nos sites web, il serait temps de ne pas oublier les règles de base de typographie. Parce qu’utiliser une belle typographie ne veut pas dire faire de la belle typographie et que l’on soit sur le web ou sur papier, il y a des règles à ne pas briser. Voici donc quelques règles de base de typographie à garder sous la main pour vos créations et vos rédactions.Que vous soyez un professionnel du web ou un jeune padawan, les tutoriels webdesign permettent d’en apprendre beaucoup sur les dernières astuces et bonnes pratiques Photoshop . Pour vous remettre à jour, j’ai sélectionné pour vous, quelques-uns des derniers tutoriels Photoshop webdesign parus sur le web . Comme souvent, les meilleurs sont en anglais.
7 nouveaux tutoriels webdesign sous Photoshop
20+ Websites To Help You Learn Flash and ActionScript
There are many software products that are available in the market for website development. In the world of multimedia, Flash has its own position. In designing interactive demos, standalone movies, and aesthetically pleasing web content, flash plays a main role.Les bonnes pratiques ergonomiques pour creer vos liens
Après un petit moment d’absence, nous allons essayer de reprendre les rênes de ce blog et pour ce faire voici quelques bonnes pratiques à mettre en place pour rendre vos liens plus « utilisables », plus ergonomiques. Une fois de plus, chaque site internet a ses contraintes et tous ces conseils ne sont pas forcement applicables à chaque site. Ce sont uniquement de bons conseils pour des sites à caractères « populaires » Les liens sont un moyen pour l’utilisateur de naviguer vers d’autres pages du même site Web, consulter des documents connexes et/ou visiter des sites externes.Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area. View demo Download source The main idea for this template and its effects comes from the beautiful Flash-based website of Stephen Hamilton .