CSSTXT : Crear estilos de texto en CSS

Utilizar hojas de estilos (CSS) nos puede ayudar mucho en nuestro trabajo en cuanto a diseño y ahorro de tiempo. Pero par amuchos result amuy complicado aplicarlos.

Si desea trabajar en CSS tus textos visita Css type set : Crear código CSS de un texto y para crear CSS en linea CSS Menu Builder : Herramienta online para crear menus de manera muy sencilla y rapida

CSSTXT es una sencilla herramienta online para para crear visualmente estilos de texto en CSS de forma automática. Esta forma de manipular estilos CSS es tan sencilla que cualquier persona puede lograr los efectos que quiera en cuestión de algunos minutos.

Básicamente CSSTXT nos permite dar formato a nuestros párrafos o textos de la forma mas sencilla posible, tan solo deberemos ir configurando o seleccionando en las opciones la fuente a utilizar, color, espacios, etc. Para que automáticamente CSSTXT nos genere la estructura, y específicamente el código CSS para lograr la personalización deseada.

Entre las opciones disponibles están las diferentes decoraciones de texto (negrita, cursiva, subrayados, etc), el espaciado, la altura, el tamaño (en pixels, ems o porcentaje), y ancho del borde de línea. También la familia de fuentes, la alineación del texto, el estilo del borde, y los colores de la letra, el fondo y el borde, todo ello mediante un selector de colores. Tambien tiene opciones avanzadas de CSS.

CSSTXT nos ofrecerá de forma automática un código HTML en dos formatos distintos que podremos copiar y pegar en nuestro site.

Texture Lovers : Descargar texturas gratis

Todos los que nos dedicamos al diseño web y/o grafico debemos tener siempre a la mano de una web de texturas, las texturas pueden ser útiles para crear fondos de pantalla o algún elemento grafico de una Web o de algún impreso.

Si desea patterns o texturas vista Ava7Patterns: Coleccion de mas de 700 patterns o fondos para tu web o si deseas crear las tuyas Repper: Crear patterns online

Texture Lovers es una web en la cual podres descargar texturas de lo mas variadas y de forma sencilla. Texturas que pueden utilizarse tanto para proyectos comerciales como personales, sin permisos ni requisitos. Hay de varios tipos, no en grandes cantidades, pero si de buena calidad.

La web está dividida en 4 partes: texturas sueltas, pack de texturas, sitios de inspiración y tutoriales. Pulsando en los diferentes tipos de texturas (metal, madera, papel, pintura…) o packs (líquidos, luces, piedras y rocas, vegetación…) accederemos a una galería de thumbnails donde poder acceder a la ficha de la textura o pulsando un pequeño icono de una flecha acceder a la web donde se encuentra la textura para descargar (la mayoría están en Flickr).

Si somos creadores de texturas podremos mandarlas para que las agreguen a la galería, y si estamos buscando podremos hacerlo por categorías, entre las que figuran: cemento, metal, pintura y madera, o bien por alguna de las 10 etiquetas mas utilizadas.

Fonts500 : Descargar fuentes gratis

A mucha gente le gusta tener buenas letras o fuentes para sus distintos proyectos de diseño web o diseño grafico para causar impacto en sus diseños.

Para buscar fuentes visiten FFonts : Buscador con miles de fuentes y para crear tus propias fuentes Yourfonts.com : Crea tus propias fuentes (letras) gratis

Fonts500 es una web que se especializa en reunir cientos de fuentes, 500 en total de ahí su peculiar nombre. Las selección de las tipografías fueron echas siguiendo el numero de descargas que ha tenido cada fuente en numerosos sitios web. Por lo tanto estas 500 fuentes son las más descargadas de Internet.

En cada una de las fuentes tenemos la posibilidad de probarla con el texto que queramos y descargarlas en un archivo .zip como freeware, shareware, demo o de dominio público.

Tendremos la opción de buscar el estilo de fuente de nuestra preferencia de dos maneras. La primera en según el orden del ranking, el cual agrupa las distintas fuentes en grupos de 100. La segunda opción es ubicar el estilo de fuente por el nombre que posee, quizás busquemos la fuente que se utiliza en las promociones de Coca Kola, solo basta buscarla por su nombre, y en instantes la obtendremos.

Cabe destacar que podemos hacer uso del servicio de descarga instantánea de todas las fuentes, evitándonos el proceso de descargarlas una por una. Este servicio tiene un costo simbólico de 2.77 dólares; aunque si no lo deseamos, de todas maneras, todas las fuentes estarán a nuestra disposición.

Están en formato TrueType y pensadas para Widows, pero también funcionan en Mac OS X sin problemas.

SwatchSpot : Generador aleatorio de paletas de colores

Cuando realizamos diseños web o trabajos de diseño grafico, debemos hacer una buena combinación de colores y no sabemos que paleta de colores quedarían bien y no resultar un desastre en combinación.

Si quieren genera runa paleta de colores visten Color Palette Generator : Paleta de Colores generada de una imagen y si desean busca rimagenes en base a colores Multicolr Search Lab: buscar fotos según el color

SwatchSpot te da la inspiración en cuanto a colores se refiere. Mediante unos candados puedes ‘detener’ los colores que te gustan e ir cambiando todos los demás. Después puedes descargar la imagen de los 6 colores y su valor hexadecimal en formato PNG.

Cada vez que seleccionemos Reload, se genera una paleta que contiene 6 colores distintos que forman una combinación. Además, te proporcionan los códigos de cada color para poder ir agregándolos al lenguaje que uses en el sitio web a diseñar: HTML o CSS. Una vez generadas, tenemos el botón “Save Palette” que nos lleva a la imagen exacta de la paleta y así darnos la posibilidad de descargarla y guardarla para futuras referencias.

Ya hay más de 2000 paletas creadas, con un equipo de diseñadores trabajando para ofrecer más y más opciones a sus usuarios.

Easy YouTube Video Downloader : Grabar videos de youtube desde Firefox

Aunque existe una gran variedad de programas para bajar videos de youtube, en pcos s epueden elegir la calidad y el formato en que deseamos bajarlo.

Par abaja rvideos de yotube puedes utilizar Youtube Downloader HD : Descargas vídeos de alta calidad de Youtube o si deseas crear tu propio youtube PHPMotion: tu propio Youtube

Easy YouTube Video Downloader es un complemento para firefox que agrega botones para descargar los vídeos en calidad de alta definición. Realizará la descarga como un fichero más, usando el gestor de descargas de Firefox.

Cuando abras una página de YouTube y te dispongas a ver un vídeo cualquiera, en la parte derecha de la pantalla Easy YouTube Video Downloader mostrará, además de la información del autor, la posibilidad de bajar a tu disco duro el vídeo en formato FLV, 3GP o MP4.

Lo excelente de Easy Video Downloader es que no solo funciona para YouTube sino que permite la descarga de videos en mas de 500 sitios de Internet, como Google Video y Break.com.

Prado: Framework para PHP5

Los Frameworks ayudan en el desarrollo de software, proporcionan una estructura definida la cual ayuda a crear aplicaciones con mayor rapidez. Ayuda a la hora de realizar el mantenimiento del sitio gracias a la organización durante el desarrollo de la aplicación.

Si desean trabajar con frameworks visiten Simple PHP Framework : Crear pequeños desarrollos de webs y comercio electrónico o si desean aprender PHp Tutoriales sobre Flash, Actionscript, Photoshop, Fireworks, Illustrator, Dreamweaver, PHP, XML y CSS

Prado es una capa de programación (framework) que se basada componentes y programación dirigida por eventos, para desarrollos de aplicaciones Web en PHP 5. Las siglas PRADO significan en español Desarrollo Rapido de Aplicaciones con Programación Orientada a Objetos en PHP (PHP Rapid Application Development Object-oriented).

Este Framework combina especificaciones en un archivo XML, plantillas HTML y una clase PHP. Prado, cuenta con soporte para AJAX, validación, autentificación, plantillas, múltiples bases de datos.

Entre las características que nos ofrece encontramos la separación entre la presentación y la lógica, su arquitectura modular configurable, componentes web, internalización y localización, manejo de errores, logs, caché, ACL, prevención de XSS y mucho más.

En su sitio hay abundante documentación (en inglés), videos tutotriales, foros, como así también, demos.

My FontBook : Gestor web de fuentes online

Los diseñadores muchas veces tenemos muchas fuentes instaladas en nuestra computadora y muchas veces no es facil tene runa vista previa de esas fuentes.

Para conseguir mas fuentes visiten FFonts : Buscador con miles de fuentes o esta otro post para trabajar con fuentes 7 Herramientas on-line para usar con fuentes

myFontbook es un gestor gratuito online de tipografías de gran utilidad para diseñadores. Su interfaz es muy sencilla de manejar. Podemos visualizar todas las tipografías alojadas en nuestra computadora, agregarles etiquetas, marcar las favoritas y visualizar otros datos: kerninng, baseline, etc.

No necesitamos hacer nada, ya que apenas entramos en el sitio y presionamos el botón Launch Viewer, esta aplicación se encarga de renderizar lasfuentes en la pantalla y ordenadas en forma alfabética.

Otra utilidad de gran ayuda son las pruebas de impresión. Al seleccionar determinada tipografía haciendo clic sobre el icono de impresora obtendremos textos con esa tipografía a diferentes tamaños como muestro en la imagen de abajo.

Para usar algunas de las opciones necesitaremos registrarnos, lo que no supone ningún problema pues es gratis y solo nos pide 3 datos. Esta aplicación web gratuita pueden ser utilizada desde cualquier sistema operativo y desde cualquier navegador web.

También tiene un visor llamado Glyphs, mediante el cuál podemos ver signos especiales y símbolos.

Open Web Tools Directory : Directorio de herramientas web

Los que nos dedicamos al desarrollo web, sabemos que las herramientas disponibles hoy en día son muchas y que son pocos lugares que las recopilen a todas para hacer más fácil su búsqueda.

Para encontrar mas herramientas para diseñadores web visitar Extensiones Firefox para desarrolladores web y para crear aplicaciones web WaveMaker Visual Ajax Studio : Crear aplicaciones web con AJAX sin escribir código

Open Web Tools Directory es un directorio donde podemos encontrar bastantes herramientas libres (open source) divididas por categorías(diseño, código, pruebas, despliegue y documentos) y con las que con las que depurar código, analizar, filtrar elementos.

Al acceder a cada una, los logos se reordenan y aparecen en varias filas, facilitando su visualización. También disponemos de un buscador para acceder directamente al contenido que nos interesa. Facilitando así, tanto a los desarrolladores novatos como expertos, encontrar las herramientas que más se adecúen a sus necesidades.

Entre las herramientas y aplicaciones que podemos encontrar, destacan frameworks como jQuery, Prototype o Dojo, el famoso debugger de firefox FireBug, y muchísimas otras herramientas.

Tiene una apariencia moderna de un entorno espacial, igualmente para los que prefieran una interfaz simple y tradicional, se puede cambiar a la versión de HTML plano.

Photo505 : Crear fotomontajes divertidos online

Si te gusta modificar tus fotos agregándoles divertidos y muchas veces disparatados efectos digitales a tus fotos. Ahora puedes encontrar en internet muchos efectos para fotos en linea totalmente gratuitos. Los cuales podrás realizar sin tener que descargar nada, y en unos cuantos clics.

Para generar efectos en tus imagenes visita Be Funky : Efectos artísticos para imágenes y este otro par aoptimizar imagenes Online Image Optimizer : Herramienta online para optimizar imágenes

Photo505 es un sitio donde podras realizar muchos montajes para fotos y imagenes de manera gratis ademas de una forma muy sencilla con solo seleccionar y cargar la foto que desees aplicar el efecto.

Los pasos a seguir son pocos, efectivamente solo debemos escoger el fotomontaje que mas nos guste, en la segunda interfaz desde el botón Browser, escogemos la foto desde nuestro disco duro, luego seleccionamos la parte que deseamos aplicar el fotomontaje, click en Next, y en pocos segundos la aplicación generar el efecto en nuestra fotografia.

Este servicio nos ofrece un código para que incluyamos la imagen donde queramos (foros, blogs, webs) además de poder descargarla a nuestra computadora.

Ecoder : Avanzado editor HTML online

Pese a que existen muchos programas que permiten editar HTML e inclusive esto puede hacerse desde un bloc de notas o editor de texto plano, ahora también tenemos la opción de editar código HTML en línea.

Si deseas trabajar en CSS te recomiendo Easy CSS Styler: Crear estilos CSS online o si deseas trabajar en PHP Simple PHP Framework : Crear pequeños desarrollos de webs y comercio electrónico.

Ecoder es una herramienta totalmente gratuita y liviana que carga al instante, además es, dentro de lo básico, muy avanzado, ya que tiene características como reconcoer la sintaxis y control completo por atajos de teclado.

Ofrece la posibilidad de marcar con colores las funciones propias de cada lenguaje de programación y de editar entre varios usuarios un mismo documento a la vez.

Adicionalmente puedes descargar el código fuente de ecoder e instalarlo en tu servidor con lo cual podrías editar directamente tus archivos en tu servidor y no tener necesidad de utilizar un gestor de FTP para subir y descargar los archivos.

También te permite crear carpetas, subir o descargar archivos, editar varios archivos simultáneamente, hasta un máximo de 10 archivos, así como editar archivos ejemplo, si necesitas basarte en algún código.

Ecoder funciona en cualquier navegador compatible con estándares y javascript, obviamente eso excluye a Internet Explorer 6.