53 técnicas esenciales de estilos CSS
Los estilos CSS (Cascading Style Sheets), son muy importantes, y se están utilizando cada vez más y más. Ofrecen muchas ventajas que es necesario tener en cuenta a la hora de los diseños Web, y primero de todo, ofrece una separación estricta entre el diseño de la página, y la información que presentamos en la página. Así, el diseño de las páginas se pueden modificar fácilmente, con sólo la sustitución de las propiedades del archivo CSS.
En los últimos años los desarrolladores web han escrito muchos artículos sobre CSS y desarrollado muchas técnicas útiles, con las cuales te puedes ahorrar mucho tiempo, siempre que seas capaz de encontrar ese tiempo.
En el artículo
53 CSS-Techniques You Couldn’t Live Without, de
SmashingMagazine, nos han preparado una
impresionante lista de técnicas que los desarroladores Web harían muy bien entenerlas en cuenta, cuando las conozcas
no podrás vivir sin ellas. Son esenciales y que de hecho hacen nuestra vida más fácil.
Echemos un vistazo a las 53 técnicas que siempre debes tener a la mano si quieres desarrollar un sitios web:
1. CSS Based Navigation
2. Navigation Matrix Reloaded
3. CSS Tabs
4. CSS Bar Graphs (CSS For Bar Graphs)
5. Collapsing Tables: An Example
6. Adam’s Radio & Checkbox Customisation Method
7. CSS Image Replacement
8. CSS Shadows (CSS Shadows Roundup)
9. CSS Rounded Corners Roundup (Nifty Corners)
10. Drop Cap – Capital Letters with CSS
11. Define Image Opacity with CSS
12. How to Create a Block Hover Effect for a List of Links
13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CS
14. CSS Diagrams
15. CSS Curves
16. Footer Stick
17. CSS Image Map
18. CSS Image Pop-Up
19. CSS Image Preloader
20. CSS Image Replacement for Buttons
21. Link Thumbnail
22. CSS Map Pop
23. PHP-based CSS Style Switcher
24. CSS Unordered List Calender (CSS Styled Calender)
25. CSS-Based Forms: Techniques
26. CSS-Based Tables: Techniques
27. Printing Web-Documents and CSS
28. Improved Links-Display for Print-Layouts with CSS
29. CSS-Submit Buttons
30. CSS Teaser Box
31. CSS Tricks for Custom Bullets
32. Ticked Off Links Reloaded
33. CSS Zooming
34. Creating a Star Rater using CSS
35. The ways to style visited Links
36. PDF, ZIP, DOC Links Labeling
37. Displaying Percentages with CSS
38. Image Floats without the Text Wrap
39. Let visitors decide, whether or not will they open link in a new window
40. Simple accessible external links
41. Zebra Table with JavaScript and CSS
42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS
43. Unobtrusive Sidenotes
44. Image Caption with CSS (Styled Images with Caption)
45. Dynamic Piechart with CSS
46. Format Footnotes with CSS
47. Hierarchical Sitemap with CSS
48. Snook’s Resizable Underlines
49. Switchy McLayout: An Adaptive Layout Technique
50. StyleMap: CSS+HTML Visual Sitemap
51. Custom Reading Width
52. CSS Alert Message
53. CSS Production Notes

Escrito por Toni
Comparte este artículo:
Estas son las categorías a las que pertenece el artículo 53 técnicas esenciales de estilos CSS:
Desarrollo web, CSS, Diseño Grafico