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. 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. Compression Gzip via Mod_Gzip Testez la compression de votre site. 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. 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 What are these files? These files are essential for search engines and other web services.

The Sitemap.xml file is a standard protocol for listing all the URLs that are contained within your website. If you’re using WordPress, you’re in luck: The only thing you need to do is to install a plugin called Google XML Sitemaps, and it will do all the work for you. If you’re not using WordPress, you can have a look at XML-Sitemaps.com, a simple tool for generating a Sitemap.xml file just by providing your website’s URL. Set Up Web Analytics Check Your Site’s Speed. 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 !

Méthodologie de création de site web, étape 2 : le story-board Discussion : Quelques réalisations en perles de rocaille La réalisation d’un site web est comparable avec la réalisation d’un film. On élabore un scenario et on le découpe plan par plan. Stumble It! Libellés : création , méthodologie , réalisation , web C'est une série d'article très intéressante que tu nous propose là. Merci Gumy pour ton commentaire ! Pour obtenir votre cadeau, lors de votre commande indiquez "Custoo" dans les commentaires Mesure d'audience ROI statistique webanalytics par Bienvenue sur mon blog. Tutoriel CSS - Table des matières - Tutoriel CSS. Accessibilit? num?rique, CSS et standards du web - Fairytells. 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 ».

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. 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”). 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. Here are a few strategies for getting feedback as well as some tools that have been proven to help web designers simplify the feedback process: Community Driven Feedback Imagine walking into a big room of graphic and web design professionals (much like yourself). 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. Know of any other freebies? Share it with our readers in the comments section.

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. 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. 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.

Il faut donc aider les internautes à trouver ce qu'ils cherchent. Structurer l'information s'effectue en général en 4 étapes : 1. Il faut se placer du côté utilisateur du site. 2. Cette organisation est faite pour simplifier les choses. 3. 4. Netvibes. Le dico du web - Un dictionnaire de termes informatiques.