Excelente recopilación de recursos para desarrolladores web.

Incluye recursos como:

• códigos
• herramientas en línea
• testing
• documentación y referencia
• windows,
• convertidores,
• gráficos
• analizadores de sitios

Ver listado completo en: http://blog-well.com/

Sin comentarios.

Visto en: http://css-tricks.com/

(Leer más…)

Empezemos por definir qué es un "snippet",

"A small amount of something. In the computer field, it often refers to a small piece of program code." (Una pequeña cantidad de algo. En el mundo computacional, se refiere normalmente a un pequeño pedazo de código.) PCMagazine

Este listado es una compilación de una gran cantidad de pedazos útiles de código para usar directamente en un sitio.

Ver listado en: http://www.paulspoerry.com/

Buena guía para desarrollar un sitio web.

"Creating a good successful web site can be tough, this guide aims to help you plan, build and market your site with a selection of expert advice and tips."

Ver la guía en: http://www.wipeout44.com/

Buen listado de puntos a seguir al momento de realizar un proyecto web. Compilado por .net Magazine.

1. Planning
2. Do it by hand
3. Stylesheets: importing vs linking
4. Smarter gradient backgrounds
5. Commenting
6. Use simple PHP to build sites
7. Set fonts using ems
8. IE Box Model Hack
9. Space saver
10. Test, test and test again
11. Format fundamentals
12. The ‘title’ and ‘alt’ attributes
13. The correct format for pseudo classes
14. Use semantic mark-up
15. Favicons
16. Change capitalisation using CSS
17. Wrapping text around images
18. Universal character sets
19. Print styles
20. Learn from others

Ver listado detallado aquí.
Visto en: http://www.lifeclever.com/

Clic para agrandar.

Vía http://mingle2.com/

JavaScript is a very powerful language. When combined with nice design and dock functionality you get desktop-like feeling.

Ver artículo completo en: http://blog.itookia.com/ (Gracias Guillermo por el dato!)

Interesante sitio creado por Julio Casal, con recursos varios para el programador en .NET. Qué bueno que se den estas iniciativas en nuestro medio.

Visítalo aquí: http://msguayaquil.com/

Antes habíamos comentado acerca de sitios que enlistan recursos útiles para diseño y desarrollo web en Internet.

Hoy es el turno de este interesante sitio: http://www.afflictio.com/

Excelente listado (con imagen de prevista) con pequeñas scripts / soluciones en AJAX para todo tipo de uso.

Ver el listado en: http://www.smashingmagazine.com/

Gran listado de recursos para diseño y desarrollo web compilados por Marc Andreessen. Recordemos el primer listado de recursos, con gran material de apoyo disponible.

Meta-reference sites — organized lists of references and cheatsheets:

http://www.gotapi.com/
A wonderful online API reference covering many programming languages.

http://www.digilife.be/quickreferences/quickrefs.htm
An organized list of quick references and cheatsheets.

http://techcheatsheets.com/
A great site with links to cheatsheets on lots of programming languages.

Key providers of cheatsheets:

http://www.visibone.com/
Visibone, the company that makes the best commercial cheatsheets for HTML, CSS, colors, etc. Site includes free resources and downloadable versions of several great cheatsheets.

http://www.ilovejackdaniels.com/cheat-sheets/
Original cheatsheets for HTML, CSS, PHP, and other technologies.

HTML cheatsheets:

http://html-tags.info/
Free version of Visibone’s HTML cheatsheet.

http://www.ucc.ie/doc/World-Wide_Web/htmlcard.html
HTML cheatsheet from Andrew Ford.

http://www.utoronto.ca/ian/books/extras/html-7nov2000.pdf
HTML cheatsheet from Ian Graham.

http://www.ilovejackdaniels.com/
HTML cheatsheet from ILoveJackDaniels.

http://gosquared.com/liquidicity/archives/51
HTML cheatsheet from Liquidcity.

CSS cheatsheets:

http://www.deepx.com/resources/quickref/CSS-1.0.pdf
CSS cheatsheet from DeepX.

http://www.utoronto.ca/
CSS cheatsheet from Ian Graham.

http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/
CSS cheatsheet from ILoveJackDaniels. (And really, who doesn’t?)

http://www.gosquared.com/liquidicity/archives/33
CSS cheatsheet from Liquidcity.

http://www.spectrum-research.com/V2/projects_css_reference.asp
CSS cheatsheet from Spectrum Research.

http://www.veign.com/downloads/guides/qrg0007.pdf
CSS cheatsheet from Veign.

http://home.tampabay.rr.com/bmerkey/cheatsheet.htm
CSS cheatsheet from Brett Merkey.

(Leer más…)

Esta no es mi área, pero me pareció interesante compartir esta información.

1) "Design first, then code"

2) "Code all the corner cases immediately, cause otherwise you’ll never go back and fix things"

3) "Be tolerant with input and strict with output"

4) "Use the singleton pattern for variables that you KNOW you should have only one instance of"

5) "Use accessors or properties rather than public fields"

6) "Write lots of comments"

7) "Make sure your team shares a common coding standard"

8) "Design classes parallel to their physical counterparts"

9) "Use unsigned integers for values that can only be positive"

10) "Use error codes instead of exceptions"

Ver listado detallado en: http://www.chrylers.com/

Aquí una colección de código muy útiles para el desarrollo de sitios. En su mayoría, por no decir que todos, gratis y listos para descargar!

Un buen ejemplo listo para usar, de un formulario con todos los campos que se puedan necesitar. Hecho con CSS y semánticamente correcto.

Web: http://nidahas.com/sandbox/form_template.html

Buena colección de scripts de calendarios basados en Javascript y CSS!
Este sitio ofrece también varios ejemplos de código abierto para descargar.

Web: http://dhtmlsite.com/

Galería de imágenes con Javascript: Esta galería crea una presentación con efecto de cross fade entre imágenes/fotos de un mismo tamaño.

Web: Descargar código | Demo

Crossfader de contenido: Este código permite hacer un crossfade entre contenidos de información (sets) usando javascript, CSS y Script.aculo.us.

Web: http://mikeomatic.net/ | Demo

Creador de Preloaders de Ajax: Muy útil herramienta para crear vistosos preloaders de Ajax. Ingresando parámetros basicos, genera un archivo GIF para descargar.

Web: http://www.ajaxload.info/

Tooltip para formularios: El título lo describe todo. Este código crea un "tooltip" cuando se ubica el mouse sobre un campo específico del formulario.

Web: Info y descarga | Demo

Con este script puedes crear un Agregador de RSS similar al iGoogle (o Google Home), que es tu página de partida en la cual puedes incluir los RSS de tus sitios preferidos. Tiene la capacidad de hacer "drag and drop" de las cajas creadas utilizando AJAX.

Web: Info y descarga | Demo | Más scripts de drag and drop

Crea Encuestas con AJAX (Ajax Poller): Crea e incluye fácilmente encuestas en tu sitio. requiere base de datos.

Web: Info y descarga | Demo

Layout o matic: Creador automático de layouts de sitios. Ingresa las variables necesarias en un pequeño formulario para poder descargar y previsualizar el layout generado.

Web: http://www.inknoise.com/

ESWAT: Project Framework: Es un kit que contiene a manera de plantilla, la estructura de un sitio típico, así como los directorios de diseño y desarrollo en un estructura lógica y muy útil. También contiene scripts predefinidos.

Web: http://eswat.ca/

Ajax Uploader: Script para subir archivos a un servidor, utilizando Perl, PHP y AJAX. Se puede customizar el "look" del script.

Web: Información | Descarga

Steve Souders of Yahoo’s "Exceptional Performance Team" gave an insanely great presentation at Web 2.0 about optimizing website performance by focusing on front end issues.

This is a big presentation, with a lot of data in it (a whole book’s worth apparently), but half way through he boils it down into 14 rules for faster front end performance:

1. Make fewer HTTP requests
2. Use a CDN
3. Add an Expires header
4. Gzip components
5. Put CSS at the top
6. Move JS to the bottom
7. Avoid CSS expressions
8. Make JS and CSS external
9. Reduce DNS lookups
10. Minify JS
11. Avoid redirects
12. Remove duplicate scripts
13. Turn off ETags
14. Make AJAX cacheable and small

Via: http://www.skrenta.com/