Noticias de tecnologias
Busca tu beca

GANA DINERO CON TU WEB O BLOG

Exponsor ... gana dinero mensual fijo con tu web
Diseño web - Hosting - Dominios - www.internetserviciosweb.com

miércoles, 24 de marzo de 2010

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.

Core FTP lite : Cliente FTP gratuito

El protocolo FTP permite el intercambio de archivos a través de internet y su popularidad se debe a la gran efectividad que posee, junto con la seguridad que brinda constantemente a los usuarios que lo conocen.

Si desean programas utiles para su PC pueden revisar Superantispyware : Análisis, detección y eliminación de software malintencionado gratis y este otro CloneZilla : Clonar tu disco duro o partición gratis y facil

Core FTP Lite es una aplicación que te permite administrar tus archivos web mediante FTP de manera sencilla pero sin perder la posibilidad de hacerlo de manera completa.

Tiene un interfaz de fácil manejo y muy intuitiva, cuya configuración de ventanas (local, remoto, log de mensajes entre cliente y server) podemos diseñar a nuestro gusto. Además, tiene soporte para la función drag-and-drop y posibilidad de conectarse a dos servidores simultáneamente.

Corel FTP incluye también un gestor de sitios FTP para que puedas tener agregados los que más sueles frecuentar. Además, dentro de la ventana del servidor remoto podrás previsualizar los archivos, editar su nombre, continuar descargas interrumpidas.

Feederr : Crear banners para mostrar tus contenidos por RSS

Los banners son probablemente uno de los medios de difusión más populares dentro de la red, y una importante fuente para atraer nuevos visitantes a tu sitio web.

Una herramienta par apromocionar tu web Blidget Pro : Convertir tu blog en un widget de manera facil o crear banners par apromocionar tu web BannerSnack : Crear banners flash Online, Facil y Gratis

Feederr es una sencillísima aplicación que nos permite crear una imagen con el contenido de la última noticia publicada en cualquier sitio web que tenga dirección RSS. Ingresamos la URL de nuestro sitio y nos devuelve un código con una imagen que muestra el título de la última entrada que hayamos publicado.

Feederr creará tu banner dinámico automáticamente, y te permitirá escoger de forma manual la configuración de colores que quieras mostrar, dotándote de los códigos correspondientes para que puedas insertarlo en otras webs, publicarlo en un blog, usarlo como firma en foros de debate, o cualquier otra idea que se te venga a la mente.

Al tratarse de un banner dinámico, la imagen cambiará automáticamente cada vez que actualicemos el Feed RSS.

lunes, 1 de febrero de 2010

Rsizr : Optimización inteligente de imágenes

Cuando reducimos una fotografía solemos perder muchos detalles en todos los aspectos. O si intentamos agrandar una foto pierde calidad, se pixela, se vuelve borrosa, se deforma, etc.

Si desea suna herramient apar aoptimizar imagenes visita Online Image Optimizer : Herramienta online para optimizar imágenes o coloca rimagenes de alta calidad Closr.it : Zoom para imagenes de alta calidad

Rsizr
no es un un dimesionador de imágenes en linea común, con las opciones para disminuir el tamaño de una imagen en escala (rescale) o cortar la imagen hasta tener la sección de interés (crop), pero tiene una opción más que la hace especial y es que ha incorporado la nueva técnica para dimensionar las imágenes de forma “inteligente” llamada: retarget.

Rsizr es una herramienta online diseñada en flash capaz de detectar y eliminar aquellas partes de una imagen que aportan poca información. Lo consigue a través de un mapa de ‘energía’, que no es otra cosa sino un cálculo de las zonas que contienen mayor detalle visual.

Esta nueva técnica anula los píxeles menos importantes de la imagen y conserva los más destacados a fin de que la imagen original no se vea distorsionada. Parece que el software inteligente comienza a llegar a niveles de usuario, lo que supondrá novedades tanto el la web como en la aparición de infinidad de programas con funciones muy interesantes.

Rsizr es una nueva herramienta online para el tratamiento de la imagen, que soporta los formatos jpg, png y gif, y desarrollada en flash, enfocada en los redimensionados y recortes de áreas de la misma.


jueves, 28 de enero de 2010

SeaDragon : Incluir imágenes con Zoom en tu web

Muchas vece snecesitamos incluir una imagen grande y de excelente calidad en nuestra web, pero no podemos incluirla por su tamaño y si la redicimos, tambien reduce su calidad.

Un fecto interesante de zoom lo pueden ver aqui FancyZoom: Efecto zoom para tus galerías de fotos o si deseas optimizar tus imagenes Online Image Optimizer : Herramienta online para optimizar imágenes

SeaDragon es el proyecto de Microsoft Live Labs que nos hace posible incluir todas las imágenes que deseemos en un blog o página Web, sin importar el tamaño que esta tenga. Ya que gracias a sus características nos permite embeber las imágenes en alta resolución, y hacer zoom sobre ellas para verlas al Detalle.

Tendremos que indicar la dirección web de cualquier imagen, SeaDragon nos ofrecerá la animación interactiva con la fotografía y el código para que la incluyamos en nuestra página.

SeaDragon no aloja la imagen sino que la carga desde la URL original permitiendo desde aumentar o disminuir la visualización de dicho archivo, hasta verlo a pantalla completa.

Para desarrolladores, hay disponible un API que inluye bastante documentación y con la cual podemos personalizar los resultados y modificar el reproductor.


PDFAmigo : Crear formularios interactivos en PDF

Si necesitas crear un formulario para que tus usuarios (clientes) lo llenen con sus datos y luego lo impriman, la mejor opción es hacerlo con un archivo PDF ya que es el formato ideal para imprimir sin perder el diseño

Si desea mas herramientas para trabajar en PDF visite PDF to Excel : Convertir de PDF a Excel online o una alternativa para trabajar con PDF Perfect PDF Reader : Alternativa a Adobe Reader

PDFAmigo es una aplicación web para la edición de formularios muy sencilla de utilizar para crear formularios en formato PDF que pueden ser llenados por el usuario. Con un editor muy sencillo de usar tendréis que ir incluyendo los campos y textos que deseáis que los usuarios rellenen, obteniendo el archivo al final del proceso.

Para empezar a crear un documento sólo hace falta dar clic en el botón Start now. Después de eso seremos llevados a una especie de editor en donde tenemos herramientas disponibles como por ejemplo, cajas de texto, labels (etiquetas), listas desplegables, casillas de verificación y más controles. Para mayor precisión podemos ver una cuadrícula que nos ayuda a guiarnos.

La versión gratuita incluye una marca de agua en todas las páginas generadas, teniendo que pagar un dólar por página “limpia”.


404 Toons : Paginas de error divertidas y originales

En cualquier sitio web e simportante tener una pagina páginas de error para no salgan d enuestra web los visitantes. Pero la mayoría de estas páginas son muy aburridas y estaticas.

Mas efectos divertidos para tu web puedes encontrar en Be Funky : Efectos artísticos para imágenes o crear montajes Image Inc : Crea montajes de imagenes

404 toons nos acerca una variedad de páginas de errores con diferentes personajes, con lo cuál al seleccionarlos podremos ver su propia animacion en flash. Tenemos policias, mafiosos, surfers, superheores y más.

Si alguna de ellas te ha gustado, podrás bajar la página en formato compreso para añadir a tu sitio. Las voces que son reproducidas son distintas dependiendo del personaje, pero todos intentan decirte que la página que has solicitado no existe.

Yahoo, Google, Bing, direccionan a los usuarios hacia su propia web cuando estos cometen un error que se produce fuera de la página web que el usuario está tratando de localizar, por tanto tener una página de error personalizada 404 es esencial.


Yudu: Transformar un PDF a Flash

Siempre es recomendable buscar la manera de mostrar tu portafolio, trabajo, currículo o cualquier otro documento de forma elegante y profesional en Internet.

Una aplicacion interesante para crear una revista es Spotbit : Crear una revista virtual de un PDF o un convertidor PDF to Excel : Convertir de PDF a Excel online

Yudu es un servicio gratuito que permite que permite convertir cualquier fichero PDF a animación Flash, y lo hace online. Con el podrás crear elegantes portfolios con tu trabajo.

No es necesario estar registrado y basta con subir un archivo desde nuestra computadora para tener una versión en linea del documento con un estilizado lector flash diseñado para una lectura cómoda.

El servicio de Yudu es ideal para subir revistas, folletos, catálogos, galerías, curriculums y en general cualquier documento que queremos compartir o hacer publico. No hay limite de documentos a enviar y tampoco un limite para que permanezca en linea.

En las mismas la visualización es muy rápida y ágil, y tienes un buscador para dirigirte al texto que estés buscando. Y flechas para avanzar y retroceder de página de manera sencilla. Yudu Freedom, además, optimiza todos los ficheros al convertirlos, cumpliendo con varias características SEO, por lo que tus trabajos serán fácilmente encontrados por buscadores web.


Profprofs : Crear facil una encuesta para tu web

Muchas veces ponemos encuestas en nuestro blog, sitio web, foros, etc para saber la opinion de sus vistantes. Pero debemos cocnocer herramientas que nos permitan realizarlas de la manera más comoda y sencilla posible.

Otra herramient ainteresante para saber la opinion de tus visitantes es 99Chats : Crea una sala de chat para tu web

Profprofs es una web de recursos educativos que permite crear tests, encuestas y flashcards (las típicas tarjetas de notas que utilizábamos hace años para estudiar) desde una filosofia 2.0: compartir e integrar en sitios los recursos creados y comentarlos en discusiones.

Una vez registrados, todo será tan sencillo como pensar en la pregunta que deseas hacer y colocar las opciones de las respuestas. Una vez creada la encuesta podemos elegir entre las opciones que nos permiten compartirla en nuestra web, blog o red social gracias al código embed generado de forma automática.

Además Profprofs nos ofrece un servicio de análisis estadísticos de los datos extraidos de la encuesta… número de votos, ciudad, estado, dirección IP, gráfica de resultados….

Si quieres progresar en una determinada área temática, es positivo el utilizar juegos de rompecabezas, de menor o mayor complejidad. En el sitio se combinan el aprendizaje y el entretenimiento.


jueves, 7 de enero de 2010

SlickMap CSS : Crear un SiteMap con estilo

Un sitemap es muy importante para una web para que nuestros visitantes puedan conocer mejor la distribucion de nuestra pagina web.

Una herramienta para los que saben poco CSS es Easy CSS Styler: Crear estilos CSS online o crear un menu en css Scripts para menus desplegables para tu web

SlickMap CSS es una sencilla hoja de estilo que permite mostrar sitemaps directamente desde una lista de navegación HTML estándar y facilmente personalizados. Se adapta a la mayoría de sitios web, con capacidad de hasta 3 niveles de páginas de navegación y otros links de utilidad.

En la web se puede bajar los archivos necesarios para entender y replicar el proceso, permitiendo ofrecer una original y elegante navegación entre el contenido de cualquier web.

Algunas de sus propiedades y beneficios
  • Sin necesidad de usar programas especializados
  • Fácil de revisar con el cliente durante el desarrollo
  • Links cliqueables con URL visible
  • El diseño resulta en código HTML listo para usar

Según se indica desde la web del autor la visualización es correcta desde Safari, Firefox, Opera y Chrome.


Related Posts with Thumbnails