Geek the Planet


CSS no image

Published on agosto 13th, 2012 | by Angelfire

0

12 herramientas para trabajar con CSS3

CSS3 es la más reciente especificación de CSS (que no es tan reciente, tiene más de 10 años desde que se hizo su lanzamiento oficial).  CSS3 está dividida en varios documentos separados, llamados “módulos”. Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se preservan las anteriores para mantener la compatibilidad. El estado de cada módulo lo pueden encontrar por acá.

Dentro de las características más mencionadas y usadas se encuentran:

  • Transitions
  • Web Fonts
  • Transformations
  • Media queries

Por esa razón es que han sido algunas herramientas que nos facilitan la vida y crean código automáticamente por nosotros, a continuación algunas de ellas:

  1. Transforms: Permite crear transformaciones en 2D y 3D
  2. Ceaser: CSS Easing Animation Tool: Transiciones
  3. CSS3 Button Maker 1.0: Permite crear botones con interesantes efectos 3D
  4. CSS3 Click Chart: Nos muestra con un ejemplo de código como se usaría cada propiedad CSS3
  5. Patternizer: Permite crear patrones
  6. The CSS3 Test: Nos permiten conocer el estado de la implementación de algunas propiedades CSS3 en los navegadores
  7. Animatable: Más de 30 animaciones en CSS3
  8. CSS3 Patterns Gallery: Patrones en CSS3
  9. CSS3 Drop Shadow Generator: Interesantes efectos de sombras con CSS3
  10. CSS3 Generator: Una interesante herramienta que nos genera código automaticamente con solo indicarle algunos parámetros
  11. Font-Face Generator: Indicandole la fuente que deseamos usar no entrega el código completo en CSS que debemos usar para que esta se vea correctamente en el navegador.
  12. CSS3 Style Sheet: Por último y no menos importante el “pastel”/”copialina” sobre CSS3

Tags: , , , , ,


About the Author

Systems Engineering, Computer Systems Specialist, Social Engineering Specialist. Social Media Analyzer. Usability and SEO enthusiasm (Este es mi perfil de Twitter...)



Comments are closed.

Back to Top ↑
  • Comentarios recientes

  • Miniposts

    • iOS 8 disponible para descargar

      Hoy se anunció de manera oficial iOS 8, la fecha de llegada será el próximo 17 de septiembre. En iPhonehacks han recopilado los enlaces de descarga directo para los diferentes dispositivos que soportan la nueva versión del sistema operativo. Así que para quienes no desean esperar, ya pueden acceder a la versión Golden Master ...

    • Festigame Colombia 2014

      El festival de videojuegos, cultura gamer y entretenimiento familiar más grande de América Latina ha llegado a nuestro país. Festigame que es un evento creado en Chile en 2012, se ha convertido en el evento anual donde las marcas más importantes de la industria presentan sus últimos productos en el ...

    • Peter Griffin también tiene cuenta en Instagram

      El protagonista de la serie de humor, Padre de Familia, Peter Griffin ha inaugurado su presencia en la red social de fotografía con divertidas fotografías de su vida, y a pesar de ser un personaje de ficción ya ha superado los 200.000 seguidores en tan sólo dos semanas. Son unas fotos bastante divertidas, las ...

    • Manual y documentación de Node.js para Android

      Node.js se ha venido haciendo bastante popular en los últimos años, cada vez son más los usos que como desarrolladores web le damos a esta tecnología. La siguiente aplicación es el manual y la documentación de Node.js, que contiene los siguientes temas: About these Docs Synopsis Assertion Testing Buffer C/C++ Addons Child Processes Cluster Console Crypto Debugger DNS Domain Events File System Globals HTTP HTTPS Modules Net OS Path Process Punycode Query Strings Readline REPL Stream String Decoder Timers TLS/SSL TTY UDP/Datagram URL Utilities VM ZLIB

    • Star Wars Traceroute

      ¿Qué pasa cuando un ingeniero está muy desocupado? pues pasan cosas como esta: Mac y Linux Van a la consola y escriben: traceroute 216.81.59.173 Windows Buscan el CMD y escriben: tracert 216.81.59.173 El resultado es interesante y sorprendente. Si quieren ver la salida de la ejecución del comando, pueden ver el gist Ver más: Beagle Network

  • Comunicados - Notas de Prensa