background preloader

Email Form - Simple Form to Email PHP Contact Form

Email Form - Simple Form to Email PHP Contact Form
Related:  scripts and tools

Grab the Web, with GrabzIt's Screenshot and Screen Scraper Services Hojas de estilo en documentos HTML Nota: Este documento es parte de una traducción al castellano de la Recomendación del W3C "HTML 4.01 Specification" (más información). Puede consultar la versión original del mismo. Para cualquier comentario o corrección acerca de la traducción póngase en contacto con el traductor en Gracias por su colaboración. Véase el Aviso de copyright de la traducción. 14.1 Introducción a las hojas de estilo Las hojas de estilo representan un avance importante para los diseñadores de páginas web, al darles un mayor rango de posibilidades para mejorar la apariencia de sus páginas. La utilización de extensiones propietarias del HTML Conversión del texto en imágenes Utilización de imágenes para controlar el espacio en blanco La utilización de tablas para la organización de las páginas Escribir programas en lugar de usar HTML Las hojas de estilo resuelven estos problemas al mismo tiempo que reemplazan al limitado rango de mecanismos de presentación del HTML. <! Cascada Nota. . . común.

Website speed test Nobody Likes a Slow Website We built this Website Speed Test to help you analyze the load speed of your websites and learn how to make them faster. It lets you identify what about a web page is fast, slow, too big, what best practices you’re not following, and so on. We have tried to make it useful both to experts and novices alike. In short, we wanted it to be a easy-to-use tool to help webmasters and web developers everywhere optimize the performance of their websites. Feature Overview Examine all parts of a web page – View file sizes, load times, and other details about every single element of a web page (HTML, JavaScript and CSS files, images, etc.). How it works All tests are done with real web browsers, so the results match the end-user experience exactly. The top 10 things you've always wanted to do in CSS | Alternate Gateways Horizontally centre a block element on a page Float block elements next to each other Clear a float Wrap text round an image Make a div expand to fill its content Spruce up your links Have your block element stretch to fit the visible screen Remove page margins, so there is no gap around the edge of the screen Create a horizontal menu Converting a block element to an inline element and vice-versa Horizontally centre an element As you most probably know, the align="center" property has been depreceated for a good long while (since HTML 4). Block Elements By using margin:0 auto , we are creating equal margins on both the and sides of our block element, thus pushing it to the centre of the screen (this is the same as using margin-right:auto; margin-left:auto ). Inline Elements display : block ; margin : 0 auto ; Inline elements will not centre with margin:0 auto alone, as it isn't in their nature. A div horizontally centred on screen will force the element to appear just where it occurs in the code a {

Krumo: Version 2.0 of print_r(); and var_dump(); Border Radius: CSS Rounded Corners Without Images Rounded corner effects to the blocks in HTML structure enhance the beauty of blogs and we have achieved this effect by using corner images in the past, but the CSS3 border-radius property allows web developers to easily utilize rounder corners in their design elements, without the need for corner images or the use of multiple div tags, and is perhaps one of the most talked about aspects of CSS3. I am going to write CSS rounded corner tutorial to understand “border-radius” property of W3C along with the concept of CSS browser extensions. Let’s start with a very basic example, Border Radius Example 1 Let’s write a html code, and style it with “border-radius” to generate a block with rounded corners. Output You have noticed “border-radius” property and browser specific extension of Mozilla Firefox in the style code. CSS Rounded Corners Without Images Border Radius Detail Rounder corners can be created independently using the four individual border i.e Syntax Examples Border Radius Example 2

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

efficient JS minification using PHP | klog Here’s a method to create minified JS files on-the-fly, without incurring the time cost of the minification process. To explain, minification is the act of removing all whitespace from JavaScript so the file can be downloaded and parsed as quickly as possible. A useful part of minification is that during the act of compiling your minified source, you can also pull in other JavaScript files and compiled them all into one single source. This has a major advantage that there is only one file to download. This is very important because even if those small files were small, the lag involved in sending multiple HTTP requests can sometimes be worse than if a single file which was twice the size of all the small files in total was downloaded. Right. First off, here’s a very simple piece of source to show it (in a file called “all.php”). $js=file_get_contents('jquery-1.2.3.min.js'); $js. You can get jsmin-php from here. the other files are JQuery files but only used for illustrative purposes.

promatik/PHP-JS-CSS-Minifier Libraries, Products, and Tools Below is a list of libraries, products, and tools implementing current OpenID specifications and related specs. While several of these implementations have been tested, they are maintained by members of the OpenID community or vendors and are not necessarily known to work. Please review the documentation and test your own implementation thoroughly before releasing to the public. To discuss these implementations, please consider joining the mailing list. Table of Contents OpenID Connect is an interoperable authentication protocol based on the OAuth 2.0 family of specifications. Apache mod_auth_openidc Apache Relying Party module for OpenID ConnectLicense: Apache 2.0Relying Party: YesIdentity Provider: NoTarget Environment: Apache Web Server Thinktecture.IdentityServer.v3 Thinktecture.IdentityServer.v3 for OpenID ConnectLicense: BSD3Relying Party: NoIdentity Provider: YesTarget Environment: OWIN/Katana Java Nimbus OAuth 2.0 SDK with OpenID Connect extensions MITREid Connect Python