Buena colección de tips de CSS que quizá no conocían.

Contiene:

1. Rounded corners without images

2. Style your order list

3. Tableless forms

4. Double blockquote

5. Gradient text effect

6. Vertical centering with line-height

7. Rounded corners with images

8. Multiple class name

9. Center horizontally (Muy útil!)

10. CSS Drop Caps

11. Prevent line breaks in links, oversized content to brake

12. Show firefox scrollbar, remove textarea scrollbar in IE

Ver listado detallado en: http://stylizedweb.com/

pForm es una herramienta en línea que nos permite crear formularios web customizados con gran facilidad.

La versión gratis te limita a crear un formulario cusstomizado con todas las opciones, pero sólo en formato HTML (que en muchos casos es suficiente, ya que se puede utilizar un simple mailer script para que funcione en línea).

Sitio web: http://www.phpform.org/

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/

Interesante artículo de ateneupopular.com acerca de las equivalencias entre valores en pt (puntos), px (pixels), % y em cuando se declaran como propiedades de distancia en web.

Ver artículo en: http://www.ateneupopular.com/  y en: http://www.webadictos.com.mx

Project Gmail Grimace es una iniciativa del Email Standards Project para llamar la atención de la gente de Google (específicamente los encargados de Gmail), para lograr que revisen las graves falencias que este cliente de correo electrónico tiene al desplegar correos con estilos y demás diseño.

Google has been conspicuously absent from our Email Standards Project inbox so far, frustratingly given Gmail’s otherwise excellent status as a webmail client. In fact, we use it ourselves. Given that we had not been able to reach them yet, we decided to have a bit of fun and at the same time make a serious point to the Gmail team.

Participar es relativamente sencillo, se requiere tomarse una foto haciendo una mueca, inscribirse a Flickr para enviar su foto y finalmente agregarla al grupo creado para este fin. Los detalles aquí.

Interesante recopilación de sitios con ejemplos listos para descargar y usar de layouts en CSS. Recomendo: Dynamic Drive’s CSS Library.

Ver listado en: http://vandelaydesign.com/

Interesante artículo, con su página de demostración, que explica qué es y como funciona la propiedad "z-index" en el CSS. Según el artículo, estas son las reglas de oro aplicables a esta propiedad:

• A box is at the same stack level as its parent’s unless it is given a different stack level through the ‘z-index’ property.
• z-index applies only to objects that have the position property set to relative, fixed or absolute.
• Assigning an opacity value less than 1 to a positioned element implicitly creates a stacking context, just like adding a z-index value.

For a positioned box, the z-index property specifies:

1. The stack level of the box in the current stacking context.
2. Whether the box establishes a local stacking context.

If there is no z-index specified, elements are stacked in the following order (from back to front):

1. boxes in the normal flow, according to the sequence in the source code
2. floating boxes
3. positioned boxes, according to the sequence in the source code

Artículo completo: http://tjkdesign.com/
Demo: Understanding z-index

Cada vez es más popular el envío masivo de correo electrónico por parte empresas, particulares y cualquier de nosotros que quisiera llegar a un público específico o a la mayor cantidad de gente en general.

Esta labor podría sonar bastante simple, contando con herramientas estándar como el Outlook o Mail (Mac) o cualquier otro cliente de mail que utilicemos y contando con una base de datos de personas a las que querramos llegar. Copiar y pegar las direcciones en el BCC, copiar y pegar el contenido que queremos incluir en el e-mail, agregar un "subject" vendedor y enviar!

Pero, quién nos garantiza que lo que enviamos se verá igual en las pantallas de todos nuestros recipientes? Habiendo hoy en día una cantidad moderadamente grande de servicios de e-mail gratuito, clientes de mail, etc (refiriéndonos a los más utilizados, como Gmail, Hotmail, Yahoo, etc.).

Pues nada nos garantiza ese desplegado impecable y sin errores en la bandeja de entrada de quien recibe nuestro e-mail. A menos que tomemos una serie de precauciones y recomendaciones al momento de crear el contenido a enviar.

Aquí algunos sitios con información muy útil acerca de cómo lograr los mejores resultados con envíos masivos de e-mail:
(Leer más…)

Sin comentarios.

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

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/

Buenas razones para escribir en XHTML y CSS al momento de armar un sitio web.

1. You can get free links from showcase sites like zengarden, stylegala, cssimport or cssbeauty
2. You don’t have to spend extra thought and time deciding on styling the mark up of your document (upper- or lowercase, quotes or no quotes on attributes)
3. You don’t need to spend extra thought on which tags should be closed and which can (or should) be left open
4. You “help” the search engines to deliver more relevant content using semantic markup
5. You can save in bandwidth costs and visitors will see them faster by making slimmer pages
6. It’s going to be easier for you to switch to XHTML 2.0 which will give you more semantic tools
7. Once you’ve practised enough, coding pages becomes a whole lot simpler and faster than any table/tr/td tagsoup
8. When the coding is faster you can spend more time on thinking about the user experience
9. Thinking about semantics of a document helps you to make design and information architecture decisions
10. You can quickly make a dummy site to test your sites information architecture and append a look and feel later with only minor code changes
    ….

Artículo completo en: http://www.programimi.com/

POSH es el nuevo acrónimo que significa Plain-Old-Semantic-HTML.

"We need a simple short mnemonic term that captures the essence of the concept, and is easily verbed (to posh, poshify, poshed up)."

POSH engloba las mejores prácticas del uso de HTML semántico para desarrollar sitios web.

"Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational."

Según los autores de este concepto, la mejor manera de entender POSH, es aplicándolo en proyectos o ejemplos de sitios que uno esté desarrollando. Para este fin se creó una lista de pasos a seguir: POSH Checklist.

Puedes conocer más de este concepto en: Microformats wiki.
Más información de Validación y Estándares: http://westciv.com/

"CSS3 is the new kid in the stylesheet family. It offers exciting new possibilities to create an impact with your designs, allows you to use more diverse style sheets for a variety of occasions and lots more. We created this site because we want to share our experiences of CSS3 with you, and want nothing more than to simply be the biggest online resource covering CSS3."

Ver el sitio en: http://www.css3.info

Interesante artículo de Jonathan Snook acerca de la nueva herramienta de desarrollo (cross operating system runtime) de Adobe.

"Adobe® AIR™, formerly code-named Apollo, is a cross-operating system runtime that allows developers to use their existing web development skills to build and deploy rich Internet applications to the desktop."

"Adobe AIR is essentially a Flash-based runtime that can load in different types of controls including PDF and HTML documents. HTML documents are powered by Webkit, the same engine that powers Safari."

Artículo en: http://snook.ca
Más información de Adobe: http://labs.adobe.com/technologies/air/

Un enorme listado de archivos CSS para descargar, con los que se puede estilizar tablas al gusto!

Ver listado en: http://icant.co.uk/csstablegallery