¡Basta de códigos enrevesados, largos y pesados! ¿A quién lo le gustaría poder obtener impresionantes técnicas CSS con solo reemplazar un archivo por otro? ¿Crees que es imposible, demasiado fácil para ser verdad? ¡Te equivocas! Te mostramos una lista de 53 técnicas con CSS que serán muy útiles para tí. (Quién sabe, puede que las vayas a utilizar a diario).

Te mostramos la lista de técnicas CSS en el salto de la página.

1. CSS Based Navigation

css-techniques0000

2. Navigation Matrix Reloaded

css-techniques0001

3. CSS Tabs

css-techniques0002

5. Collapsing Tables: An Example

css-techniques0004

6. Adam’s Radio & Checkbox Customisation Method

css-techniques0005

7. CSS Image Replacement

css-techniques0006

8. CSS Shadows (CSS Shadows Roundup)

css-techniques0007

11. Define Image Opacity with CSS

13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS

15. CSS Curves


16. Footer Stick allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.


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

53. CSS Production Notes

Vía | 53 técnicas CSS que no podrías vivir sin ellas