background preloader

Web Design & archi

Facebook Twitter

Wireframe Tool & Prototyping Software. Rich interactive wireframes to define web and mobile applications. 10,000s Cool FREE Seamless Patterns for Blogger and Twitter Backgrounds, Blog and Website Wallpapers. Website wireframe. A wireframe document for a person profile view A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.[1] Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually being informed by a business objective and a creative idea.

The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together.[2] The wireframe usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content.[3] In other words, it focuses on what a screen does, not what it looks like.[4] Wireframes can be pencil drawings or sketches on a whiteboard, or they can be produced by means of a broad array of free or commercial software applications. Wireframes focus on: Uses of wireframes[edit] Low-fidelity High-fidelity. Learn to Code from Scratch | A Web Development Roadmap for Beginners. When can I use... Support tables for HTML5, CSS3, etc.

The Information Architecture Institute. XML From the Inside Out -- XML development, XML resources, XML specifications. XML Editor.

CMS CSS PHP... (mostly open)

101 Best Websites - CSS Showcase, Flash and Javascript portfolio. Web Design. Open Source Web Design - Download free web design templates. CSS Piffle - Designing beautiful interfaces without writing any code. Code Snippets - Snipplr Social Snippet Repository. Scenari-platform]

30 Essential Web Developer Cheat Sheets. The list of skills a given web developer must possess is growing everyday. With the massive growth of web technologies, comes the demand for developers with a wide skill set. A useful tool in any developers tool box can be the well known 'cheat sheet'. Today, we will have a look at 30 essential web developer cheat sheets, ranging from MySQL to Photoshop. PHP + MySQL Cheat Sheets The PHP scripting language has become one of the most popular server side languages around.

Add to that, the power and integration of the open source MySQL database system, and you have a very powerful set of tools in your hand. That said, we will start off with some wonderful PHP and MySQL cheat sheets. 1. The AddedBytes cheat sheet above covers multiple php topics such as functions list and regular expressions. 2. If you would rather not download a php cheat sheet, BlueShoes has provided an online php cheat sheet available for you to access at anytime. 3. 4. 5. 6. 7. Javascript and AJAX libraries 8. 9. 10. 11. 15. BuiltWith Technology Lookup. Best Open Source Resources for Web Developers | WebAppers.

Go together. - Wagn. Unheap - A tidy repository of jQuery plugins. A suite of Javascript libraries and tools designed for working with HTML5. Recent Updates Follow @CreateJS November 2014 Added Unit Tests to EaselJSUpdates in preparation for new releases (coming soon). New class model, with big performance increases October 2014 Added 'Extras' to EaselJSTons of updates and pull requests in all libs July 2014 Major Updates to EaselJS Graphics The Story Why we built CreateJS About CreateJS CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. Featured Projects Community Show & Tell. Ion Drift A port of the Flash game Ion Drift, b10b was able to build a CreateJS version in less than a day that hit target framerates on even the lowest devices, and outperformed ports to other libraries.

By b10b b10b. Jcotton. Sigma js. Twitter Bootstrap.

Anatomy ergonomie

HTML5. FlashCanvas.net. CleanCode.jpg (Image JPEG, 1652x1275 pixels) - Redimensionnée (61%) Apprenez à créer votre site web avec HTML5 et CSS3. Free tutorials on HTML, CSS and PHP - Build your own website - HTML.net. HTML. HTML or HyperText Markup Language is the standard markup language used to create web pages. HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). HTML tags most commonly come in pairs like <h1>and </h1>, although some tags represent empty elements and so are unpaired, for example <img>. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags).

The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page. Web browsers can also refer to Cascading Style Sheets (CSS) to define the look and layout of text and other material. History[edit] The historic logo made by the W3C Development[edit] Further development under the auspices of the IETF was stalled by competing interests.

HTML versions timeline[edit] November 24, 1995 January 1997.

Web design ressources

Website Templates | Web Templates - DreamTemplate. Guide détaillé de l’audit technique d’un site web - Optimisation technique - Analyse technique | Alekseo. Ça fait longtemps que je n’ai pas écrit dans le blog, d’un côté pour des raisons personnelles, car je souhaitais consacrer plus de temps à ma femme et à mes amis, d’un autre à cause du travail qui en cette période a été particulièrement intense. Et ça fait encore plus longtemps que j’avais projeté de rédiger un grand article complet (ou presque) sur un sujet lié au référencement de sites. Aujourd’hui il est enfin terminé et j’ai le plaisir de vous présenter mon Guide détaillé de l’audit technique d’un site web. Je vous remercie d’avance pour vos commentaires et remarques, en espérant que cet article vous sera utile. Aide-mémoire de l’audit technique d’un site 1. 1.1. 2. 2.1. 3. 3.1. 4. 4.1. 5. 6. 7. 7.1. 8. 8.1. 9.1. 10. 11.1. 11. 11.1. 12. 12.1.

Audit technique det aillé 1. 1.1. Afin de ne pas avoir d’ennuis à cause de l’oubli de payer le nom de domaine, il vaut mieux aller voir la date de son expiration sur Whois d’avance. Les données présentées par Whois du nom de domaine Twitter.com: NB. Repères et outils pour concevoir et scénariser un site web. Repères et outils pour concevoir et scénariser un site web Auteurs : collectif Chapitre 2 par Gilles Lemire UQAM, Montréal. 2003 L'être humain est engagé à tout moment dans une entreprise de symbolisation de ses expériences du monde. Ce travail [qui] mobilise sans cesse des mots, des images et des gestes… Le mot qui est associé à une idée permet de témoigner qu'une personne sait de quelle réalité il est question. L'esprit, l'idée, ne va-t-il pas de la sorte, sans contrainte, du très précis au très indéfini. C'est ainsi que le concept prenant forme s'accommode de la représentation du monde auquel il est rattaché au plan de la signification.

L'idée ou le concept Si quelqu'un veut étoffer le déjà-là, ce qui est connu au départ ou encore ce qui émerge de l'activité de création par laquelle est amorcé le processus de production, d'autres activités comprises dans l'étape initiale de conception du projet s'imposent. L'idée Figure 2.1 - Les idées porteuses de différences Le concept Requête. Interactive Experiments on the open. Le design des sites Web.