background preloader

Http - The definitive guide to forms based website authentication

Http - The definitive guide to forms based website authentication
Related:  site Web

Tutorial sur les requêtes serveur en JavaScript Une question revient souvent sur les forums dédiés au JavaScript : Peut-on réaliser une requête sur le serveur sans (re)charger une page et sans utiliser d'astuces telles qu'une frame invisible ou une fenêtre popup ? Jusqu'à peu, je pensais que la réponse était aussi claire que négative. Et puis j'ai découvert XMLHTTPRequest et la réponse est devenue : « Oui ! » Mais les documentations sur ce sujet ne se bousculent pas sur le net, notamment en français. D'où cette petite introduction aux objets XMLHTTPRequest (que nous appellerons ainsi même si le nom diffère d'un navigateur à l'autre). Avant d'entrer dans le vif du sujet, je tiens à remercier tous les habitués du forum de ToutJavaScript.com et notamment Aurélien pour son explication limpide sur les fonctions à retardement (j'espère les avoir bien utilisées) et poof65 pour sa collaboration lors de la création d'une classe d'abstraction des objets XMLHTTPRequest. 1. > Voir le code JavaScript Comment ça marche ? [haut de la page] 2. 3. 4.

Review Of Cross-Browser Testing Tools - Smashing Magazine Advertisement Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now! At some point in the future, the way that all major browsers render Web code will likely be standardized, which will make testing across multiple browsers no longer necessary as long as the website is coded according to Web standards. The old-school way to test code was to load your website on as many computers as you could find, using as many different combinations of browsers and operating systems as possible. Free Cross-Browser Testing Link Good news: very powerful free testing tools are available for Web designers today. Adobe BrowserLab Link Browsershots Link Browsershots231 is probably the most comprehensive free testing tool available. SuperPreview (Free and Commercial) Link Lunascape 6 Link IETester Link Spoon Link

How Browsers Work: Behind the Scenes of Modern Web Browsers Web browsers are the most widely used software. In this primer, I will explain how they work behind the scenes. We will see what happens when you type google.com in the address bar until you see the Google page on the browser screen. The browsers we will talk about There are five major browsers used on desktop today: Chrome, Internet Explorer, Firefox, Safari and Opera. The browser's main functionality The main function of a browser is to present the web resource you choose, by requesting it from the server and displaying it in the browser window. The way the browser interprets and displays HTML files is specified in the HTML and CSS specifications. Browser user interfaces have a lot in common with each other. Address bar for inserting a URIBack and forward buttonsBookmarking optionsRefresh and stop buttons for refreshing or stopping the loading of current documentsHome button that takes you to your home page The browser's high level structure The browser's main components are (1.1): Syntax:

Solutions: Add InvalidHandler after jQuery validator initialization If you have a problem where you need to add the option 'invalidHandler' to your jqueryValidate (jQuery Validation Plugin) after it has been initialized, this is how it can be done:$(document).ready(function(){ $("#contactForm").bind('invalid-form.validate', function(event, validator) { alert('validation failed!'); } );}); Note: invalidHandler will be called when validation of form fails on submit (e.g. values for a field is missing or such). This might work for other options of the jqueryValidate plugin, but I'm not sure which property to use. I found the property to bind to in the jquery.validate.js file, you might want to look there.

Web 2.0, allez plus loin avec AJAX et XMLHttpRequest Qu'est ce qu'AJAX ? Vous trouverez certainement plusieurs définitions différentes à cet acronyme. En voici une : Asynchronous JavaScript And XML. AJAX n'est donc pas une technologie mais plutôt un concept qui permet donc de faire des appels asynchrones au serveur depuis le client. Lors de ces appels, le serveur retournera du XML qui sera "récupéré" par javascript et traité. Vous saisissez une adresse dans votre navigateur. Donc, quand vous cliquez sur un lien, vous recommencez ce processus en entier avec une nouvelle page. Ajouter des éléments a la page Modifier le contenu d'un "bout de la page" Insérer des données dans une base. Les applications sont donc très nombreuses : Champs qui s'auto-complètent (comme google suggest). Mais comment faire pour l'utiliser ? AJAX se base sur l'utilisation d'un composant embarqué dans presque tous les navigateurs récents. Création de l'objet XmlHttpRequest Sélectionnez Comme vous pouvez le constater, Internet Explorer se démarque des autres. IV-A. <?

Balsamiq rentzsch.tumblr.com: HOWTO Use UTF-8 Throughout Your Web Stack wordnik/swagger-core - GitHub Request Headers in the HTTP protocol These header lines are sent by the client in a HTTP protocol transaction. All lines are RFC822 format headers. The list of headers is terminated by an empty line. From: In Internet mail format, this gives the name of the requesting user. This field may be used for logging purposes and an insecure form of access protection. The Internet mail address in this field does not have to correspond to the internet host which issued the request. The mail address should, if possible, be a valid mail address, whether or not it is in fact an internet mail address or the internet mail representation of an address on some other mail system. Accept: This field contains a semicolon-separated list of representation schemes ( Content-Type metainformation values) which will be accepted in the response to this request. The set given may of course vary from request to request from the same user. See the appendix on the negotiation algorithm as a function and penalty model. Example Wildcards Type parameters dpi pxmax

CSS Sprites: Image Slicing’s Kiss of Death Back when video games were still fun (we’re talking about the 8-bit glory days here), graphics were a much simpler matter by necessity. Bitmapped 2-dimensional character data and background scenery was individually drawn, much like today’s resurgent pixel art. Hundreds and later thousands of small graphics called sprites were the building blocks for all things visual in a game. Article Continues Below As game complexity increased, techniques developed to manage the multitude of sprites while keeping game play flowing. And what does this have to do with the web? Everything old is new again, and though the rise of 3D games has made sprite maps obsolete, the concurrent rise of mobile devices with 2D gaming capabilities have brought them back into vogue. Specifically, we’re going to replace old-school image slicing and dicing (and the necessary JavaScript) with a CSS solution. How do CSS Sprites work? Let’s start with the master image itself. On to the HTML. Applying the CSS#applyingcss

About microformats - Webmaster Tools Help Marcado de datos con microformatos Los microformatos son sencillas convenciones (conocidas como entidades) que se usan en las páginas web para describir un tipo concreto de información (por ejemplo, una opinión, un evento, un producto, una empresa o una persona). Cada entidad tiene sus propias propiedades. En general, los microformatos hacen uso del atributo class en las etiquetas HTML (que suelen ser <span> o <div>) para asignar nombres breves y descriptivos a las entidades y a sus propiedades. <div><img src="www.example.com/robertosanchez.jpg" /><strong>Roberto Sánchez</strong> Editor principal de Ediciones ACME Calle Mayor 4 Alcalá de Henares, Madrid 28801 </div> A continuación se muestra el mismo HTML marcado con el microformato hCard (persona). A continuación se indica cómo funciona este ejemplo. Microformatos anidados Es habitual que un microformato (por ejemplo, una opinión) contenga otro (por ejemplo, la información de contacto del autor de la opinión). Contenido no visible

taggable Note: Latest release and documentation are available from extension GitHub page. This extension allows active record model to manage tags. Resources ¶ Discuss Documentation ¶ Taggable Behavior Allows active record model to manage tags. Installation and configuration ¶ Create a table where you want to store tags and cross-table to store tag-model connections. In your ActiveRecord model define behaviors() method: For using AR model for tags (for example, to bind custom behavior), use EARTaggableBehavior. To do it add following to your config: return array( 'import'=>array( 'application.models.*', 'application.components.*', 'ext.yiiext.behaviors.model.taggable.*', ), ); In your AR model implement behaviors() method: function behaviors() { return array( 'tags_with_model' => array( 'class' => 'ext.yiiext.behaviors.model.taggable.EARTaggableBehavior', 'tagTable' => 'Tag', 'tagModel' => 'Tag', ) ); } Methods ¶ setTags($tags) ¶ Replace model tags with new tags set. addTags($tags) or addTag($tags) ¶ getTags() ¶

Related: