Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias. Si continúa navegando, consideramos que acepta su uso. Más información

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

25-tutoriales-CSS-1

Escrito por Toni

¿Te ha gustado? Compártelo:

Estas son las categorías a las que pertenece este artículo:

, CSS, Diseño Grafico


favoritoInsertar un Comentario


Nombre:

Email:

Comentario:

Escribe la siguiente palabra: No lo entiendes? Cambia el texto!

Sigue leyendo...

favoritoComentarios

No hay comentarios en este artículo.




favoritoArtículos relacionados:



Inscríbete al Boletín