“This post rounds up 10 declarations and tips that every web designer should have available in their CSS arsenal.” By Chris Spooner
Category Archives: HTML y CSS
Responsive Web Design [Infographic]
This is really a remarkable article about this more and more recognized trend. Google actually recommends using this new standard, by serving one HTML for all devices.
Check out this article from inspirationfeed.com
Best CSS Code Snippet Sites / via Awwwards
Tips y trucos de CSS (muy útiles)
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/
Crea formularios web en línea… Gratis!
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/
Tabla de equivalencias entre px, pt, % y em para web
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
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/