|

170 cheat sheets para desarrolladores web

ByLuis

Ya hace tiempo hablamos de un directorio donde podíamos encontrar 30 cheat sheets, en este caso se trata de 170, que nos ayudarán en nuestro desarrollo web.
Aunque no todas son de desarrollo web, si la mayoría. Organizada por categorías, podemos encontrar ‘chuletas’ sobre: ActionScript, Ajax, Apache, ASCII, ASP, C#, CSS, CVS, Firefox, Google, HTML, Java, Javascript, LaTeX, microformatos, MySQL, Oracle, Perl, Photoshop/Gimp, PHP, Python, expresiones regulares, Ruby, Linux, blogs, Windows y XMLs.
Yo ya le he dado a imprimir unas cuantas que me van a venir muy bien.
Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby
Vía / Digg

Similar Posts

Desarrollar aplicaciones web iPhone desde Eclipse

ByLuis

Los interesados en desarrollar aplicaciones web para iPhone pueden disponer de un plugin para Eclipse que les será de gran utilidad, todo esto a la espera de que Apple saque su SDK este mes.
iphoneeclipse.png
Mediante un plugin de Aptana y iUi un framework de Javascript y unos estilos CSS que emulan el iPhone, podemos desarrollar aplicaciones, incluso tener simulaciones preliminares en un visor que gira como en iPhone.
Dispondremos un visor para Safari, otro para Firefox y otro para iPhone. Pero hay que tener en cuenta que Apple distingue entre aplicaciones web compatibles con Safari en iPhone, optimizadas para Safari en iPhone y aplicaciones web para iPhone.
El tutorial realizado por la gente de IBM nos lleva paso a paso a desarrollar un ejemplo que luego podremos ver en nuestro iPhone / Ipod Touch.
Develop iPhone Web applications with Eclipse
Vía / AjaxLine

|

Laboratorio: evitar el scroll en los textarea con jQuery

ByLuis

Una cosa que he visto en una web que estoy usando y que me ha gustado bastante es que el alto de los textarea se adapta al contenido para evitar que aparezca el scroll vertical.

En plan rapidito he hecho un script jQuery que realizaría esta función:

$(document).ready(function () {
$('textarea').keypress(function() {
var ta = $(this);
var fontSize = ta.css('font-size').replace('px', '')*1.3; // Le añado un ratio para que sea más eficiente
var taWidth = ta.width();
var taHeight = ta.height();
var content = ta.attr('value').split('\n');
var lines = content.length;
for (var i=0; i<content.length; i++) {
if (content[i].length * fontSize > taWidth) lines += parseInt(content[i].length * fontSize / taWidth);
}
var ratioHeight = taHeight / fontSize;
if (lines * fontSize > taHeight) ta.height((lines * fontSize)+150); // Le sumo 150 para darle un margen y que no se agrande constantemente
});
});

12 opciones que debería tener tu hosting

ByLuis

A la hora de seleccionar un hosting, a parte del precio, de los comentarios de otros usuarios, y de las típicas características que ofrecen, nos deberíamos preocupar de 12 cuestiones:

  • ¿Puedo crear cualquier número de subdominios?
  • Cuando creo un subdominio, ¿puedo acceder al directorio al que apunta?
  • ¿Puedo alojar varios dominios?
  • ¿Puedo añadir trabajos cron?
  • ¿Puedo generar enlaces simbólicos?
  • ¿Puedo usar ficheros .htaccess?
  • Si el mod_expires está activo, ¿puedo habilitarlo o configurarlo mediante el .htaccess?
  • ¿Puedo disponer de un php.ini para cada directorio?
  • ¿Puedo usar php_value o php_flag en .httacces?
  • ¿Está el mod_gzip o el mod_deflate instalados?
  • Si el mod_headers está activo, ¿puedo usarlo en un fichero .htaccess?
  • ¿Hay límite de ancho de banda?

12 questions to ask your host-to-be

Vía / PHPDeveloper.org

O3D: 3D en la web por Google

ByLuis

No conocía esta tecnología de Google que permite crear 3D en la web. O3D pretende ser el estándar para desarrollo 3D en la web. Los ejemplos que ofrecen son verdaderamente asombrosos, y para usarlo tan sólo es necesario instalar un plugin.
Para los que nos dedicamos al desarrollo web no creo que esto nos vaya a ser de utilidad, aunque nunca se sabe. Si estás interesado, un bueno punto de comienzo es el tutorial que os paso.

An Introduction to Google’s O3D

Design By Grid: recursos de diseño con grid

ByLuis

griddesign1.pngDesign By Grid es un recurso para promocionar diseños realizados con grids (rejillas).
El diseño mediante grid, es algo muy utilizado en los medios tradicionales, que poco a poco se va haciendo más popular entre los diseñadores web. Consiste en dividir la pantalla en una rejilla y usarla para situar los contenidos en ella (bueno, esto sería una forma resumida de explicarlo).
griddesign.png
Los recursos que nos ofrece esta web van desde un showcase al estilo CSS Mania con diseños web basados en grid, artículos, tutoriales, herramientas y recursos.
Design By Grid
Vía / dzone

10 ficheros que debería tener cualquier web

ByLuis

Cuando se realiza una web suelen ser necesarios una serie de ficheros que en algunas ocasiones no existen:

  • 404.html: para mostrar un mensaje de error que indique que la página visitada no existe, algo que ocurrirá más veces de las que pensamos.
  • about.html: una buena página about ofrece información de forma rápida sobre lo que el sitio hace, indicando por qué ha sido creada, qué deben tener en cuenta los usuarios, algunos enlaces de navegación. Eso sí, ante todo debe ser concisa y no muy extensa, porque entonces la gente no obtiene la información deseada.
  • contact.html: información sobre quién está detrás de la página y un medio para comunicarse con ellos, ya sea por internet u otros medios.
  • copyright.html: protege tus contenidos, ya sea con copyright o Creative Commons, pero que quede claro a quién le pertenece el contenido y que se puede hacer sobre él.
  • index.html: aunque tu página principal no sea esa, es conveniente que este fichero apunte a tu página principal. Si se es generoso también habría que hacerlo con el fichero index.htm e index.cgi.
  • index.rss: para aquellos que quieren leer la información que se ofrece de forma rápida mediante feeds.
  • privacy.html: si vas a obtener información de los usuarios, es necesario indicar qué se va a hacer con esta información y cómo se va a tratar.
  • robots.txt: para que los contenidos que deseas de tu web sean indexados automáticamente por los buscadores.
  • security.html: el uso no es siempre el mismo, pero si existen temas que conciernan a la seguridad es conveniente usarlo, por ejemplo si se usan datos sensibles de los usuarios o si existen procedimientos de seguidad.
  • sitemap: un lugar donde el usuario puede tener un vistazo de la estructura general de la web y así poder moverse con facilidad.

Web development tips: Ten (or a few more) files every Web site needs