background preloader

WEB

Facebook Twitter

Htaccess : cache control et expire headers. Le htaccess est un fichier de configuration de votre serveur, et celui-ci peut vous rendre énormément service pour les performances de votre site, sur l'expérience utilisateur et sur le référencement naturel.

Htaccess : cache control et expire headers

Mais c'est un peu le flou sur la manière de le configurer. Voici donc un guide pour coder votre fichier htaccess : Htacces, performances et temps de chargement Avant propos Testez, testez et testez ! Chaque code donné ici permet d'optimiser le fichier htaccess pour accélérer votre site, le sécuriser et réduire la bande passante utilisée. Mais en fonction de la configuration de votre serveur, les codes peuvent ne pas fonctionner : vous devez absolument tester et adapter chaque code en fonction de vos besoins !

Quelques définitions Pour mieux comprendre cet article, voici quelques explications. Compression Compression Gzip via Deflate Premier point à faire, activez la compression Gzip des fichiers en sortie de votre serveur. Initializr - Start your HTML5 project in 15 seconds!

Icones, fonts

Website look on safari. HTML. Générateur d'iframe. Things You Should Do Immediately After Launching a Website. So you’ve just launched your website.

Things You Should Do Immediately After Launching a Website

The only thing left now is to start creating content and arranging for some promotion, right? Well, not so fast. You first have to do several things to ensure that your site is set up properly and ready for the public. Here are a few things you should do right after launching a website (and if you can, do them prior to launching your website publicly). Create a Sitemap.xml File and a Robots.txt File. Website wireframes: Mockingbird.

Blog d'entrepreneuse et customeuse: Méthodologie de création de site web, étape 2 : le story-board. Vous êtes bien chez Custoo ! Ici vous trouverez de quoi lire : quelques idées pour vous rafraichir la journée, quelques modestes expériences d’une créatrice-entrepreneuse passionnée de web. Et puis, qui sait, probablement vous trouverez ici avec qui collaborer. Des articles personnalisés pour vos customisations et votre communication, d'une qualité haut de gamme - nous pouvons avancer ensemble ! Tutoriel CSS - Table des matières - Tutoriel CSS.

Connexion | Inscription | FAQ Accueil » Tutoriels » Tutoriel CSS - Table des matières Tutoriel CSS - Table des matières Introduction Une brève présentation du tutoriel et ce que vous allez y apprendre.

Tutoriel CSS - Table des matières - Tutoriel CSS

Leçon 1 : Qu'est-ce que CSS ? Une petite histoire de la création de CSS, et les raisons pour lesquelles il est judicieux de préférer CSS à HTML pour la disposition et la présentation. Introduction >> Tutoriels Langue. Accessibilit? num?rique, CSS et standards du web - Fairytells. 1000 ressources pour le développement web et WordPress : la grosse grosse liste.

Vous voulez un bon éditeur de page HTML et CSS, vous cherchez le bon plugin jQuery pour votre projet ou vous êtes tout simplement friand de ressources indispensables pour la création de sites web et vous utilisez WordPress ?

1000 ressources pour le développement web et WordPress : la grosse grosse liste

Le titre est trompeur : il n’y a pas 1000 ressources, mais bien plus à découvrir… Attention, cette liste est vivante et grandit avec vos suggestions ! La boite à outils du codeur de site web Editeurs de page web Windows (et/ou multi-OS) Eclipse Eclipse est un environnement de développement intégré (IDE) lancé par IBM pour développer des application Java. WTP (Web Tools Platform) — Reconnait les formats HTML, CSS, JSP, JSF, javascript, XML, DTD, XSLT… (coloration syntaxique, auto-complétion, validation et aide à la saisie des fichiers XML par la DTD associée, etc.)Aptana — Mêmes fonctionnalités que WTP.

Autres éditeurs Dreamweaver — Cet éditeur de pages web créé par Macromedia puis racheté par Adobe. Uptime Robot, un webware de monitoring de site très complet. La plus grosse angoisse d’un webmaster est probablement de voir l’un de ses sites « tomber ».

Uptime Robot, un webware de monitoring de site très complet

Afin d’être prévenu d’un éventuelle défaillance, il existe un grand nombre d’outils plus ou moins professionnels. On trouve notamment un certains nombre de webware (BinaryCanary ou Pingdom par exemple). UptimeRobot est un webware de monitoring de sites web tout ce qu’il y a de plus classique, mais qui propose également des fonctionnalités inédites. Le service permet de pinger ses sites toutes les 5 minutes et jusqu’à 50 sites gratuitement; cette fréquence très élevée et le grand nombre de sites permis en font l’un des meilleurs parmi les solutions gratuites. De plus, UptimeRobot permet d’être prévenu par email, SMS et, moins classique, par RSS et bientôt Twitter. Jusqu’ici, c’est déjà très bon mais somme toute très classique. En effet, il est possible de créer des alertes sur la présence (ou l’absence) d’un ou plusieurs mots : Bref, l’interface est simple et propre, pas de fioriture ni de pubs.

Le blogzine de l'intégrateur web : du Design Web au HTML5, CSS3 et jQuery en passant par la création graphique. Dreamweaver gratuit - Dreamweaver tutorials et extensions. Fonts - Cool Fonts. Ressources Javascript pour intégrateurs web front-end. Outils création web gratuits - chef2projet. Outils web divers gratuits - chef2projet. 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”).

A Beginner’s Guide to Website Feedback

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? Useful Free Web UI Elements PSD Packs. De UML à SQL.

Cufón - fonts for the people. Widget de Favoris. Liste des tutoriels Yahoo Pipes. Mockingbird - Untitled. Dynamic Drive CSS Library- Practical CSS codes and examples. Structure de l'info - arborescence. Si votre site web n'est pas bien organisé et que l'internaute ne trouve pas ce qu'il veut, il suppose que l'information n'existe pas.

Structure de l'info - arborescence

Il risque d'abandonner sa recherche et se tourner vers un autre site. Pour éviter cela, les informations doivent être bien rangées de telle sorte que les internautes les trouvent facilement. C'est comme dans la vie réelle, les affaires mal rangées se retrouvent difficilement. Mais si les informations ne sont pas présentes l'utilisateur doit aussi pouvoir s'en rendre compte rapidement. Lorsque des internautes s'expriment de la façon suivante : "Je ne trouve rien sur ce site", "je suis perdu", Où est-ce que je peux trouver cela", c'est qu'aucune structuration sérieuse des contenus n'a été faite. Structurer l'information s'effectue en général en 4 étapes : Lister tous les contenus d'un site web Organiser les contenus par catégories Structurer l'information Réaliser un plan de site appelé aussi arborescence d'un site web 1. 2. 3. 4.

Netvibes. Le dico du web - Un dictionnaire de termes informatiques.