Etiqueta: CSS

Inicio
Martes, 21 de junio de 2011 Creado por

CSS Lint: Revisa tu código CSS

CSS Lint es precisamente eso: Un servicio que analiza código CSS en busca de errores.

Desde que hizo su aparición, la evolución de CSS (Cascading Style Sheets u Hojas de Estilo en Cascada) ha permitido separar contenido y diseño de una web además de crear deslumbrantes efectos apenas limitados por nuestra creatividad.

Gracias a CSS Lint podremos corregir los errores que cometamos al escribir código CSS y aprender a solucionarlos, con lo que nuestro código será de más calidad. Utilizar el servicio es tan sencillo como pegar el código CSS que deseamos analizar en la ventana de texto preparada al efecto y pulsar el botón que reza LINT.

CSS Lint no modificará nuestro código. Simplemente lo analizará en busca de fallos y problemas para acto seguido proponernos mejoras, correcciones, soluciones e incluso consejos con los que depurar nuestro preciado código. Esto tiene una función enormemente pedagójica, ya que hace que nos interesemos en los problemas concretos y con el paso del tiempo (y la experiencia adquirida a base de errores) dejemos de cometer esos fallos.

Web: CSS Lint

Comenta esta noticia
Jueves, 28 de abril de 2011 Creado por

CSS3.me: Generador de código CSS3

CSS3.me es un servicio generador de CSS3.

El CSS (Cascading Style Sheet) u hojas de estilo en cascada es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML(y por extensión en XHTML) cuyo objetivo final es separar la estructura del documento de su presentación.

En un principio esta era una tarea bastante ardua para el programador que la abordaba, ya que las modificaciones eran hechas a mano. Esto ha sido así hasta que comenzaron a surgir las primeras aplicaciones que ayudaban a generar CSS de un modo más automatizado simplificando de esta forma la tarea del desarrollador o diseñador web.

CSS3.me es una de esas maravillosas aplicaciones que permite seleccionar efectos, bordes, tamaños, colores, etc… además de permitir ir previsualizando cómo se van aplicando sobre el documento los cambios que vamos realizando. Cuando estemos satisfechos con el resultado bastará con pulsar un botón para obtener el código e incrustarlo en nuestro sitio. Así de sencillo.

Web: CSS3.me

Comenta esta noticia
Jueves, 27 de enero de 2011 Creado por

CSS Killswitch: Si no pagas no hay web

CSS Killswitch es un complemento para diseñadores web que desactiva un site si el cliente no paga.

Me explico. Si trabajas como diseñador web, puede darse el caso de terminar una web y que el cliente que te la encargó no pague (recomiendo cobrar antes al menos una parte jeje). Para eso está CSS Killswitch, que a través de un archivo externo crea un estilo (desactivado por defecto) que enlaza a la web del cliente y si este no paga, se activa, dejando la web del moroso más negra que el betún…

De esta forma evitamos a los clientes espabilados que cambian las claves de acceso FTP y al panel de administración. Aunque, si se conoce un poquito de programación web se puede saltar este método. Pero al menos le habremos causado algunas molestias!!

Web: CSS Killswitch

Comenta esta noticia
Viernes, 18 de septiembre de 2009 Creado por

PsPad: Editor para programadores

PSPad

PsPad es un editor gratuito para todos aquellos dedicados al mundo de la programación que permite usar varios entornos gráficos con su correspondiente resaltado sintáctico dependiendo del lenguaje usado (C++, HTML, PHP, Pascal, JScript, MySQL,…).

Incluye un completo editor de CSS y un previsualizador de webs usando IE y Mozilla. En definitiva, un completo y versátil editor que englobará y centrará tu actividad de programación en un solo entorno.

Descarga: PsPad

Comenta esta noticia
Miércoles, 13 de mayo de 2009 Creado por

CodeLobster: entorno de desarrollo gratuito PHP/HTML/CSS/JavaScript

logo

CodeLobster es un entorno de desarrollo completamente gratuito que ofrece soporte para PHP/HTML/CSS/JavaScript. Algunas de sus principales características son:

 

  • Autocompletado PHP (incluyendo PHP5)
  • Vista previa interna via localhost
  • Esquemas de colores
  • Nuevo cuadro de diálogo de preferencias
  • Nuevo control propiedades
  • Característica de duplicado
  • Plug-in para Drupal

 

Web: CodeLobster

Comenta esta noticia
Lunes, 6 de abril de 2009 Creado por

[Vídeo] Creando formas con CSS

En NETTUTS he encontrado este vídeo, en el cual te explican como crear formas 100% con CSS desde cero, en este caso son “bocadillos” de comic, que pueden utilizarse para imágenes en tu sitio web. Por ejemplo, pones la imagen de un amigo y le pones el “bocadillo” creado con CSS al lado diciendo lo que tú quieras, otro caso en el que se podría utilizar es el de las mascotas de los sitios web, si tienes una… ¿A qué esperas para probarlo?

Via: NETTUTS

Comenta esta noticia
Lunes, 6 de abril de 2009 Creado por

Completa caja de herramientas de CSS

Completa caja de herramientas de CSS

¿Necesitas herramientas para tus desarrollos de hojas de estilo CSS? Aquí tienes una caja de herramientas virtual con más de 100 de ellas que te harán el trabajo de las hojas de estilo más fácil. Además de mejorarla, estoy seguro de ello, pues tienes también gran cantidad de truquitos que te descubrirán cosas que posiblemente no conozcas. Anímate ;)

Enlace: 100+ Massive CSS Toolbox

1 Comentario, leélo
Miércoles, 25 de marzo de 2009 Creado por

La forma más fácil de utilizar las fuentes de texto que quieras

Muchas veces, mediante CSS no podemos utilizar las fuentes de texto que nosotros queramos y tenemos que conformarnos con otras o no llamarlas mediante el lenguaje CSS. En el vídeo te explican como hacerlo para poder utilizar la fuente de texto que nosotros queramos.
Vía: NETTUTS

Comenta esta noticia
Lunes, 23 de marzo de 2009 Creado por

Técnicas de CSS para minimizar el trabajo del diseñador

Técnicas de CSS para minimizar el trabajo del diseñador

En el artículo de WebAir’s Blog tienes 16 técnicas o trucos o consejos, como lo quieras llamar, que ayudarán a simplificar el trabajo o la vida del diseñador frente a ciertos problemas o a la hora de romperse la cabeza. Cuando me he leído el artículo he visto que hay un enlace a otro artículo donde tienes ocho trucos de CSS que sólo utilizan una línea de código, así que ya te puedes hacer una idea de lo que te espera en este gran artículo. ¡No me des las gracias!

Enlace: 16+ Easy CSS Techniques that Simplify the Webdesigner’s Life

Comenta esta noticia
Lunes, 23 de marzo de 2009 Creado por

8 soluciones de JavaScript frente a problemas de CSS

8 soluciones de JavaScript frente a problemas de CSS

Hay veces que las hojas de estilo, como casi todo, dan problemas  de diseño o de visualización con ciertos navegadores y en este artículo te muestran 8 soluciones mediante JavaScript para problemas de CSS comunes. Por poner unos cuantos ejemplos que se citan en el artículo original están: fondos transparentes, la inclusion de clases para diferentes navegadores, bordes redondeados, alineaciones verticales, hacer que el navegador Internet Explorer 6  se cierre al visitar la página, etcétera. Son soluciones muy útiles y fáciles de implementar.

Enlace: 8 Javascript solutions to common CSS problems

Comenta esta noticia