log4javascript - a JavaScript logging framework Web Page Analyzer - free website optimization tool website speed Free Website Performance Tool and Web Page Speed Analysis Try our free web site speed test to improve website performance. Enter a URL below to calculate page size, composition, and download time. The script calculates the size of individual elements and sums up each type of web page component. Help Speed Up the Web Tired of waiting for slow web sites? <a href=" Page Analyzer</a> - Free web page analysis tool calculates page size, composition, and download time. Consider optimizing your site - with our Website Optimization Secrets book, contacting us about our optimization services, or our Speed Tweak tutorials. Related Website Optimization Services Try our targeted services to optimize your web site's ROI. Version History See the version history for all revisions.
9 Most Common IE Bugs and How to Fix Them - Nettuts+ Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. Interested? 1. Centering an element is probably something every web developer has to do while creating a layout. Consider the Following Code: The output you'd expect: But what IE actually gives you: This is mainly due to IE6 in quirks mode and below not recognizing the auto value we set to the margin property. The Fix The easiest and most reliable way to center content for IE6 and below is to apply text-align: center to the parent element and then apply text-align: left to the element to be centered to make sure the text within it is aligned properly. 2. Almost every web developer uses lists to create his navigation. And the IE screen shot: Fix #1 3.
Gaceta Digital» Blog Archive » Tecnología inversa del algoritmo Buscadores Published on October 29th, 2006 | by cromo Uno de los secretos mejor guardados de Internet es, sin duda, el algoritmo que utiliza Google para posicionar las páginas en su buscador. En SEOmoz han recabado todos los parámetros que se sospecha que se tienen en cuenta y han calculado, a ojo, el algoritmo que puede estar utilizando el buscador. Posicionamiento en Google = (Puntuación de Palabras Clave * 0.3) + (Importancia del Dominio * 0.25) + (Puntuación de Links Entrantes * 0.25) + (Datos de Usuarios * 0.1) + (Puntuación de Calidad del Contenido * 0.1) + (Puntuaciones Manuales de los empleados de Google) – (Penalizaciones Automáticas y Manuales) Factores de uso de Palabras Clave Palabras Clave en el título de la páginaPalabras Clave en las cabeceras (etiquetas META)Palabras Clave en el texto del documentoPalabras Clave en los links internosPalabras Clave en el dominio o la URL Importancia del Dominio Enlaces Entrantes Datos de Usuario Puntuación de Calidad del Contenido
Simple 2 column CSS layout This is a tutorial on how to use CSS to create a simple two column layout. If you want to create a three column layout, read on as this tutorial explains a basic concept that can be used to create as many columns as you need. When you’re done, take a look at How to create a 3-column layout with CSS. The layout consists of a header, a horizontal navigation bar, a main content column, a sidebar, and a footer. To see the full CSS used for each step, view source on the example documents. 1. First of all, we create the basic HTML structure: After that, we put some content in the different sections: <div id="wrap"> <div id="header"><h1>Document Heading</h1></div> <div id="nav"> <ul> <li><a href="#">Option 1</a></li> <li><a href="#">Option 2</a></li> ... Now we have a completely unstyled HTML document which is structured in a way that lets us use CSS to control its layout. View step 1. 2. View step 2. 3. After that it’s time to give the content area a width and center it horizontally. View step 3.
jQuery: New Wave Javascript Dominique's Weblog About gathering web 2.0 personal data into one safer place Everyday web 2.0 application holds our personal data into proprietary servers. While hosting providers could offer dedicated machines, I imagined once that, in a perfect future, I may rent a server for hosting my own personal data and let authorize web 2.0 applications to operate on such data. While reading recently a French paper on semantic web (Le web sémantique ou l'importance des données liées), I have found an interesting idea [from David Larlet] about such dedicated data servers. " Personal data represent currently the value that an application get while offering its service, often a "free" one. In most cases, you can't get back this value without being a geek, then it would be lost in case of policy change, bankruptcy, database crash, etc. While such box gathers more and more services over time, within medium-term, such box will have its own IP(v6?) This may going to change web application landscape. Here are few ideas.
Safari Web Content Guide: Configuring Web Applications A web application is designed to look and behave in a way similar to a native application—for example, it is scaled to fit the entire screen on iOS. You can tailor your web application for Safari on iOS even further, by making it appear like a native application when the user adds it to the Home screen. You do this by using settings for iOS that are ignored by other platforms. For example, you can specify an icon for your web application used to represent it when added to the Home screen on iOS, as described in “Specifying a Webpage Icon for Web Clip.” Read “Viewport Settings for Web Applications” for how to set the viewport for web applications on iOS. Specifying a Webpage Icon for Web Clip You may want users to be able to add your web application or webpage link to the Home screen. If there is no icon that matches the recommended size for the device, the smallest icon larger than the recommended size is used. apple-touch-icon-76x76.pngapple-touch-icon.png Specifying a Startup Image
Blog de Dr. Max Glaser » Blog Archive » Como inscribir correctam Introducción Uno de los errores más comunes que cometen las empresas que desean tener una presencia en Internet, es que piensan que con la compra de un dominio y la publicación de una web, el trabajo ya ha concluido. Por este motivo, es muy común observar que páginas web de empresas importantes casi no reciben visitas debido a que no están bien posicionadas en los índices de los buscadores. Hoy en día, tener solamente una web en Internet ya no es suficiente. Se debe trabajar mucho para conseguir visitantes y mantener el proyecto actualizado. Uno de los pasos más importantes después del diseño y la publicación de proyectos web, es la fase de inscripción en los buscadores y su respectivo posicionamiento. Como ya es conocido, la mayoría de los visitantes de una página web se origina desde Google. Otro criterio es el grado de confianza que Google da a cada web. Por estos motivos, la inscripción de un nuevo proyecto web debe ser bien planificado y realizado con mucho cuidado. Google+
Barrierefrei zum Mitnehmen: Einfach für Alle Ein Argument gegen barrierefreie Layouts war bisher immer das langweilige Aussehen und mangelnde Unterstützung der Accessibility–Features durch die verschiedenen Browser . Wie so oft zeigt sich das Web auch hier wieder von seiner besten Seite: mittlerweile haben viele Webdesigner stabile Layouts entwickelt, die teilweise sogar bis zu den 4er- und 5er- Browsern abwärtskompatibel sind. Layouts , die ein modernes Aussehen der Seiten auf den gängigsten Browsern garantieren und für kommerzielle Anbieter auch werblich einsetzbare Lösungen bieten. Und das Beste daran ist: die Entwickler stellen diese sogar kostenlos zur Verfügung, so daß Sie diese Bausteine für Ihren Webauftritt nutzen können. Sie finden hier eine ganze Reihe von Vorlagen, die Sie für Ihre Arbeit einsetzen können. Trennung von Inhalt und Verpackung: Sie sind konsequent ohne Tabellen aufgebaut und nutzen so die Standards HTML und CSS komplett aus, um eine anspruchsvolle und doch flexible Darstellung zu ermöglichen. CSS Enterprise
prototype.js 1.4版开发者手册(强烈推荐) - 谭振林 last update: March 30th 2006 中文版：THIN 最后更新：2006-3-31 看到一个很好的东西在国内没有被很多人使用起来，实在是不爽，所以花了很大功夫把这个手册翻译成中文，由于这篇文章很长，所以，翻译的工作量很大而且有些地方英文版也没有说清楚，虽得查看源代码，好在不是坚持做完了，大家鼓励下啊！^o^ prototype.js是一个非常优雅的javascript基础类库，对javascript做了大量的扩展，而且很好的支持Ajax，国外有多个基于此类库实现的效果库，也做得很棒。 有朋友说prototye已经有人翻译过了，呵呵，是对的，说明你以前关注过它，不过原来翻译的是1.3版的文档，1.4版有很多重要的扩展，而且pre_1.5版现在也出来，不地改动不大。 prototype.js是什么? 万一你没有使用过大名鼎鼎的prototype.js，那么让我来告诉你，prototype.js是由Sam Stephenson写的一个javascript类库。 如果你最近尝试使用它，你大概了解到文档并不是作者的一个强项。 同时，在本文中，我也将提供一个关于这个类库提供的objects,classes,functions,extensions这对东东的非官方参考 在阅读这个文档时，熟悉Ruby的开发者将会注意到Ruby的一些内建类和本类库扩展实现之间非常相似。 相关文章 Advanced JavaScript guide. 一些实用的函数 这个类库带有很多预定义的对象和实用函数，这些东东的目的显然是把你从一些重复的打字中解放出来 。 使用$()方法 $() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写，就像这个DOM方法一样，这个方法返回参数传入的id的那个元素。 比起DOM中的方法，这个更胜一筹。 另外一个好处是，这个函数能传入用string表示的对象ID，也可以传入对象本身，这样，在建立其它能传两种类型的参数的函数时非常有用。 使用$F()函数 $F()函数是另一个大收欢迎的“快捷键”，它能用于返回任何表单输入控件的值，比如text box,drop-down list。 使用$A()函数 $A()函数能把它接收到的单个的参数转换成一个Array对象。 使用 $H() 函数 使用$R()函数 使用Try.these()函数 <?
"Why is your desktop app not a web app?" While it may seem that everyone and everything is running on the web and mobile phone, what's the place for desktop applications? Is there one? How big is it? My hypothesis has been that the place of the desktop is simply becoming more clearly defined, rather than becoming less important. I then asked a number of technical leads of large desktop projects why they weren't creating web applications instead of desktop applications. Their answers can be read below. Jean-Claude Dauphin, UNESCO, creating J-ISIS, a bibliographic storage/retrieval system: It's mainly related to UNESCO's initiative to help reinforce the capacities of developing countries. Tonny Kohar, Kiyut, creating graphic applications, such as vector drawing programs and photo filters: Some applications require heavy interactive UI which, at the current stage, web applications are not cut out for. Dale Thoma, Saab Systems Grintek, creating applications for the South African National Defence Force: Rich functionality.
Picment.com » Articles » CSS » Fun with forms – customized input By Søren Madsen Ever wanted to match the look of your HTML forms with the rest of your website? This article demonstrates how to apply customized backgrounds to HTML forms, while preserving stucturally clean markup and accesibility. A few considerations before we begin Before you throw yourself at this, there are some important considerations you have be aware of. Usability Users trust their credit card and personal information with forms on the internet, and that trust is sacred. Differences in user agents The techniques we're about to demonstrate are not generic . Most popular browsers have however provided us with options to do so, but not all of them. So what are we left with? Logical restrictions With this technique, we basically hide the given form element, and replace it with graphic backgrounds. Some form basics – the and elements The fieldset element functions as a structural container for different sections within a form element. Personal information input fields here ... Yes No “Sure!