Posts etiquetados ‘CSS’

Esta recopilación hecha por el sitio Designer’s Terminal reúne 10 editores CSS que te permitirá crear diseños de una forma más eficaz.

Estos editores cuentan con un entorno de desarrollo integrado que le permitirán al diseñador escribir y editar CSS y código de fuente HTML dentro de una interfaz compacta.

La mayoría de los editores son gratis, y a continuación podrás ir a cada uno de los sitios para conocer sus características y escoger el que más se ajuste a tus necesidades

1. Notepad++

2. jEdit

3. Eledicss

4. JustStyle CSS Editor

5. TopStyle 4

6. Simple CSS

7. Astyle

8. CSSED

9. tsWebEditor

10. EngInSite

Enlace: 10 Handy CSS Editors for Designers

Mobilastic es un sitio dirigido a programadores y diseñadores web, interesados en crear sitios web para móviles.

Para utilizar esta herramienta, que permite crear sitios web para todos los dispositivos móviles y tener un completo control sobre el código, necesitas tener conocimiento en HTML, CSS, PHP, entre otros.

Por el momento Mobilastic está en beta cerrada, pero ingresando al sitio podrás solicitar una invitación, y desde ya puedes acceder a sus videotutoriales.

Enlace: Mobilastic (Vía wwwhat’s new)

Primary es un sencillo Framework CSS (Open Source), diseñado con el fin de facilitar la creación de sitios web a desarrolladores y diseñadores.

Con primary CSS tendrás la posibilidad de bajar el código de los 22 diseños existentes, para modificarlos y adaptarlos a tu necesidad.

Para ir al sitio oficial, puedes dar click aquí.

Vía: Wwwhat’s New

En este vídeo veremos el trabajo con imágenes y textos gráficos, como hacer que el contenido se muestre de la forma adecuada a los usuarios, y que al mismo tiempo el contenido sea rastreado por los buscadores.

Veremos diferentes técnicas para lograrlo, como el uso de Flash, JavaScript y PHP, y veremos un ejemplo con el uso de Flash y sIFR, que sin duda es una solución muy adecuada.

Todo se ve en poco más de 13 minutos y en el siguiente vídeo empezaremos con HTML amigable a los buscadores.

Descargar ejemplo

Navegando la Web me encuentro este interesante y útil servicio, que permite que creemos DIVs con esquinas redondeadas fácilmente, incluso permite dar color de fondo, borde y generar gradientes muy fácil y rápidamente.

Su funcionamiento es muy sencillo tan solo proporcionamos el radio de la esquina en pixeles, color de fondo, color de la caja, si es necesario color y tamaño del borde, color para el gradiente, y listo solo pulsamos en el botón para crear RoundedCornr y listo en la siguiente página obtenemos el código HTML y el CSS, así como las imágenes necesarias para lograr el diseño y que se adapte a cualquier navegador.

Enlace: RondedCornr

Chris Brainard desarrolló una herramienta que permite por medio de el uso de jQuery y jCrop, generar el código CSS para un Sprite de una imágen que subamos.

Aquí vemos su funcionamiento, gracias al uso de jCrop podemos seleccionar una porción de la imágen que subimos y la herramienta de Brainard nos proporciona el CSS necesario para su implementación.

Enlace: Sprite creator

Enlace: CSS Sprite creator (Vía Ajaxian)