michaelmuller.net | Diseño, iconos, web y actualidad desde Ecuador | Archive

Tips y trucos de CSS (muy útiles)

Posted by Michael Müller in HTML y CSS on 19. Mar, 2008 | 2 Comments

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 [...]

Crea formularios web en línea… Gratis!

Posted by Michael Müller in HTML y CSS, Herramientas on 07. Mar, 2008 | 4 Comments

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: [...]

Tabla de equivalencias entre px, pt, % y em para web

Posted by Michael Müller in HTML y CSS on 25. Feb, 2008 | 1 Comment

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.

Pts
Px
Em
%

6pt
8px
0.5em
50%

7pt
9px
0.55em
55%

7.5pt
10px
0.625em
62.5%

8pt
11px
0.7em
70%

9pt
12px
0.75em
75%

10pt
13px
0.8em
80%

10.5pt
14px
0.875em
87.5%

11pt
15px
0.95em
95%

12pt
16px
1em
100%

13pt
17px
1.05em
105%

13.5pt
18px
1.125em
112.5%

14pt
19px
1.2em
120%

14.5pt
20px
1.25em
125%

15pt
21px
1.3em
130%

16pt
22px
1.4em
140%

17pt
23px
1.45em
145%

18pt
24px
1.5em
150%

20pt
26px
1.6em
160%

22pt
29px
1.8em
180%

24pt
32px
2em
200%

26pt
35px
2.2em
220%

27pt
36px
2.25em
225%

28pt
37px
2.3em
230%

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

22 sitios útiles para crear layouts en CSS

Posted by Michael Müller in Diseño Web, HTML y CSS on 29. Dic, 2007 | 0 Comments

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/

Entendiendo el funcionamiento de “z-index” en CSS

Posted by Michael Müller in HTML y CSS on 18. Dic, 2007 | 0 Comments

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 [...]

Notas acerca de HTML y su correcta visualización en e-mails

Posted by Michael Müller in HTML y CSS on 17. Dic, 2007 | 3 Comments

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 [...]

125 “snippets” útiles para desarrollo web

Posted by Michael Müller in HTML y CSS, Programación on 25. Sep, 2007 | 2 Comments

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 [...]

Interesante técnica para armar layouts con precisión

Posted by Michael Müller in HTML y CSS, Herramientas, Tips Avanzados on 21. Sep, 2007 | 0 Comments

La
técnica consiste básicamente en utilizar una imagen de fondo temporal con el diseño (layout) del sitio, al momento de armar el HTML/CSS del mismo.
Esta imagen se
convertirá en una guía visual para posicionar y dimensionar con precisión los elementos de nuestro sitio.
Ver artículo y ejemplos en:

Técnica 1: http://www.subtraction.com
Técnica 2: http://www.smileycat.com/

55 buenas razones para usar estándares de HTML y CSS

Posted by Michael Müller in HTML y CSS on 19. Sep, 2007 | 1 Comment

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

You can get free links from showcase sites like zengarden, stylegala, cssimport or cssbeauty
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 [...]