Posts filed under ‘Diseño’
AuthorPOINT Lite: Convierte tus Presentaciones Power Point a Animaciones Flash
Una muy buena aplicación que de seguro a mas de alguno le servirá. AuhorPOINT Lite es un potente programa con el que puedes transformar tus presentación Power Point (.pst) a animaciones Flash, dando un cliché de mas profesionalidad a tus trabajos especial para cuando debas realizar presentaciones.
AuthorPOINT Lite es una aplicación gratuita y de una forma muy fácil e intuitiva para trabajar en el, bastante rapido y lo mejor es que no pierdes calidad alguna, dando la posibilidad de uno elegir con que calidad se realiza la exportacion. Otras cosas que son destacables es que tiene soporte para los efectos, sonidos, animaciones entre otros, permitiendo la posibilidad además de publicar tus animaciones online.
Si aun tienes dudas, puedes ver las presentaciones de demostración que tienen, en las que puedes ver algunos ejemplos claros de que puedes llegar a realizar con esta gran herramienta.
Enlace: authorGEN – Free PowerPoint to Flash converter (vía NoticiasTech)
.
Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo
25 Técnicas CSS para realizar esquinas redondeadas
Cada día se hace mas habitual de uso de esquinas redondeadas o de box sin esquinas cuadradas, para los que usamos mozilla tenemos una simple propiedad CSS con la que podemos lograr ese efecto, pero por desgracia no se puede apreciar en otros navegadores. Actualmente técnicas para lograr esto son muchas, algunas con sólo CSS puro hasta incluso algunas opciones ocupando javascript para más seguridad (en algunos casos).En mis lecturas diarias, me encuentro vía digg con CSS Juice, un sitio en el cual han publicado un artículo dando a conocer 25 técnicas de como lograr este efecto, que como mencione anteriormente, cada vez se ocupa mas, si hasta en los anuncios de Google Adsence se puede hacer.
Sin más que agregar, les describo la lista a los manuales para lograr este efecto.
Técnicas
- ThrashBox – crea cajas con esquinas redondeadas con un efectos de sombra.
- Even More Rounded Corners With CSS– técnica de diálogos con esquinas redondeadas fluidas y soporte para border con transparencia Alpha y degrades.
- DomCorners – una técnica muy simple para conseguir esquinas redondeadas.
- virtuelvis.com Rounded corners in CSS
- Transparent custom corners and borders version 2 – una técnica para crear esquinas redondeadas personalizadas y borde con una transparencia Alpha opcional.
- CSS Teaser Box with rounded corners – por Roger Johansson, el mismo autor de Transparent custom corners and borders version 2.
- News List – fue diseñado para mostrar enlaces de noticias recientes.
- CSS Liquid Round Corners
- Anti-aliased Nifty Corners – basado en Nifty Corners y modificado por Steven Wittens.
- Simple Box by tedd – otra simple técnica para crear esquinas redondeadas.
- CSS and round corners making accessible menu tabs – técnica para crear menú con tab con un estilo de esquinas redondeadas.
- CSS and round corners borders with curves
- Airtight Corners – genera cajas con esquinas redondeadas usando solo una imagen.
- Mountaintop Corners – una manera más fácil para crear esquinas redondeadas decentes.
- Editsite Rounded Corners – creando esquinas redondeadas con javascript.
- Create a rounded block or design with CSS and XHTML – crear bloques redondeados fácilmente.
- Resizable box with freely stylable corners and surface – cajas redimensionables con esquinas redondeadas.
- Smart Round Corners
- Lean and Clean CSS boxes
- Broader Border Corners
- Snazzy Borders
- Rounded corners in CSS by Adam Kalsey
- curvyCorners – un script Javascript para crear esquinas redondeadas on-the-fly solo en elementos DIV.
- Nifty Corners – una solución basada en CSS y Javascript para obtener esquinas redondeadas con imágenes.
- quinncrowley.com – basado sobre una combinación de pixy y Kalsey
Generadores de equinas redondeadas
- http://www.roundedcornr.com/
- http://www.spiffycorners.com/ – manera simple de generar el CSS y HTML que necesitas para usar esquinas redondeadas usando imágenes o javascript.
- http://tools.sitepoint.com/spanky/ – una técnica experimental usando solo CSS para producir ’cajas con esquinas redondeadas y contenido’ semántico.
- http://spiffybox.com/
Tutoriales
- Rounded Corners with CSS and JavaScript por Simon Willison
- Rounded Corners without Images: A Nifty Corners Inspiration
- CSS Design: Creating Custom Corners & Borders por Søren Madsen
- Rounded Corner Boxes the CSS3 Way por Andy Budd
Enlace: 25 Rounded Corners Techniques with CSS
.
Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo
dfGallery: Una excelente Galeria Flash
Una Galería excelente para portafolios o Slideshow de imágenes. dfGallery es una excelente solución para dar a conocer nuestros trabajos, tiene un acabo fluido y una serie de opciones que convierte esta galería en una solución de gran potencial, entre las que podemos mencionar:
- La galería Flash tiene soporte para mostrar imágenes desde Flickr , Picasa , Fotki, Photobucket o Configurar nuestras propias imágenes.
- Habilitar/Deshabilitar «Imprimir Pantalla», especial para portafolios de fotografías en donde no queremos que descarguen nuestras imágenes.
- Fácil modificación y adaptación.
- Tiene soporte modo Full Screen.
- Soporte para leer RSS de otros medios de galería (como fotolog por ejemplo) o tiene la opción de nosotros agregar las imágenes que queremos.
- Layout Liquido, encaja en cualquier tamaño que se especifique.
- Opción de poner un MP3 de fondo.
- Soporte para múltiples idiomas.
- Tiene un notificador de actualizaciones.
- Y es completamente gratuito, en relación a su competencia directa que es de pago.
Cabe decir, que esta galería ha sido probada a full, pero aun esta en etapa Alpha, no por posibles errores sino que es porque están trabajando en agregar más opciones de las que ya tiene. Si lo desean pueden ver una demo en tu propia pagina o proceder a su descarga.
Enlace: Deziner Folio
Aplicaciones libres para el diseño
Si crees que el Photoshop es lo mejor en diseño, que el AutoCAD es el experto en imágenes 2D y 3D, entre otros, pues lamento decirte que existen otras opciones que son igual de buenas y gratis.
En una iniciativa, que me he enterado por parte de Digilicious, para dar a conocer todos los programas para el diseño gráfico que son gratuitos, Alejandra Cereceda, titulada de diseño gráfico en la Universidad de Chile, inicio un sitio web del mismo nombre que este titulo, en el cual tiene de una forma organizada todos los programas libres para esta área.
Como ella misma lo explica:
En esta sección encontrarás un listado con las principales soluciones ofrecidas por el Software libre para el diseño. Cada aplicación posee una pequeña descripción, el tipo de plataforma para la cual esta disponible, una imagen para visualizar y el link para descargarla.
Podrás ver que aunque es posible encontrar una gran cantidad de aplicaciones para el diseño, esta cantidad no se condice con la calidad, la buena noticia es que así como existen software que realizan tareas muy específicas, existen otros que han alcanzado un nivel muy alto si lo comparamos con software propietario del mismo tipo.
Sin duda una gran iniciativa que vale la pena dar a conocer, en el sitio ademas de estar muy bien organizado los programas,obtienes una reseña de estos con su captura de pantalla correspondiente, su descripción y el link de descarga, ademas de información técnica, como por ejemplo en que sistemas oprativos funciona.
Un saludo a Alejandra y felicitaciones por la gran iniciativa.
Enlace: Software Libre para el Diseño (vía Digilicious)
.
Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo
La casa de los Simpsons
En un concurso realizado en Las Vegas, la ganadora fue nada mas ni nada menos que Barbara Howard una señora de 63 años de edad, que se hizo cargo de esta casa. La gracia de esta, es que una replica exacta de la casa de los Simpsons, recreada desde la fachada hasta los rincones más remotos de dicho Hogar.
Sin duda una obra de arte, en la pagina web donde se muestra esta peculiar casa, pueden apreciar fotos de esta, realizar tour virtuales, incluso ver mediante video la visita que realizo Matt Groening.
Enlace: «Simpsons» move to Henderson, Nevada (via Después de Google)
.
Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo
julio 27, 2007 at 1:51 pm Victor San Martin Deja un comentario
Atributos y Elementos XHTML que ya no deberás ocupar
Olvidándose un poco de los problemas que estamos pasando en Chile, les comentare una noticia que es vital para los desarrolles web que trabajan con estándares, ojo no digo todos los desarrolladores web ya que esta claro que no lo siguen en su totalidad.
Mucho se ha hablado de XHTML, que es el sustituto de HTML. Este es mas semántico y completo, así que si nos decidimos a trabajar con un tipo de documento estricto (doctype stric), debemos tener en cuenta que muchos elementos o atributos que ocupamos en HTML ya no se pueden ocupar en modo estricto.
Para su información estos elementos y atributos que no deben seguir ocupando son:
Elementos
Nombre | Descripción | Alternativa |
---|---|---|
applet | Java applet | |
basefont | base font size | font-size: 100%; |
center | shorthand for DIV align=center | text-align: center; |
dir | directory list | |
font | local change to font | font-family: arial; font-size: 0.8em; |
isindex | single line prompt | |
menu | menu list | |
s | strike-through text style | text-decoration: line-through; |
strike | strike-through text | text-decoration: line-through; |
u | underlined text style | text-decoration: underline; |
Atributos
Atributo | En los siguiente elementos | Alternativa CSS (o HTML) |
---|---|---|
align | caption, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p | CSS atributo: text-align |
alink, link, vlink | body | CSS selectores: a, a:link, a:visited, a:hover, a:active, a:visited:hover CSS atributo: color: |
background | body | CSS atributo: background-image: |
bgcolor | table, tr, td, th, body | CSS atributo: background-color: or background: |
border | img, object | CSS atributo: border: |
clear | br | CSS atributo: clear: left | right | both | none |
compact | dl, ol, ul | CSS atributo: line-height, min-height or height: with overflow: set. |
height | td, th | CSS atributo: line-height for cell content; don’t use tables for layout |
hspace | img, object | CSS atributo: padding |
language | script | HTML atributo: type HTML atributo value: MIME type, ex. type=»text/javascript» |
name | img, a, applet, form, frame, iframe, map | HTML atributo: : id |
noshade | hr | |
nowrap | td, th | CSS atributo: white-space: |
size | hr | CSS atributo: width: or margin: |
start | ol | |
target | a | |
text | body | CSS atributo: color |
type | li, ol, ul | CSS atributo: list-style-type |
value | li | |
version | html | HTML Marca: use a DTD |
vspace | img, object | CSS atributo: padding: or margin: |
width | hr, td, th, pre | CSS atributo: width: |
Vía Evotech
.
Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo
julio 25, 2007 at 7:52 pm Victor San Martin Deja un comentario
80 tutoriales photoshop de efectos de texto
Photoshop en su ultima versión (CS3), trae consigo muchas mejoras, nuevos renderizados, mas filtros, efectos etc., conjunto a esto, en la visión de un diseño web, se trata mucho el concepto de una buena imagen o un buen texto, ademas están muy de moda los textos son degrades o reflejos, típicos de las web’s 2.0. Ayer en Photoshop RoadMap, publicaron una lista de un total de 80 tutoriales muy buenos para realizar distintos efectos de texto, entre los que cabe destacar, efectos líquidos, grass, textos gelatinosos, algunos efectos de plástico, algunos 3D, entre otros.
Generador de Templates WordPress
WordPress Theme Generator, es otra herramientas mas que existe en la red a la hora de generar un template para tu blog. Hace no mucho comentaba sobre templater, pues esta es otra alternativa, un poco mas limitada, para generar de manera online y gratuita tu theme para tu wordpress.
A penas ingreses observaras un panel a la izquierda y un preview a la derecha, con esto, cada cambios que vayas haciendo se visualizaran al instante en esta ventanilla. Tienes como opciones de modificar el titulo, cambiarlo por una imagen, elegir la cantidad de columnas, colores de los enlaces, texto, etc., imagen de fondo, entre otros.
Sin duda una gran alternativa si deseas tu ser tu propio diseñador sin tener mayores conocimientos.
Enlace: WordPress Theme Generator
Fresheezy: Themes gratuitos para WordPress y otros CMS
Comentaba acerca de Brusheezy, pues esta es el mismo estilo, pero a diferencia de que es un directorio de Plantillas para WordPress y otros CMS.
Cuenta actualmente con plantillas para WordPress, BB Press, Expression Engine, PHPBd, Blogger, entre otros. Una extensa lista de uno diseños muy buenos, y que van siendo actualizados diariamente y dando la posibilidad de tu agregar mas y lograr que vaya creciendo este gran repositorios de themes.
Al igual que su hermano brushezy, este cuenta con un buscador, el cual te deja filtrar los resultados por Columnas, Color del Theme, tipo de Licencia, y obviamente manteniendo el control de como quieres que se ordenen los resultados.
Sin duda, otros sitio mas para tener en nuestros favoritos.
Enlace: Fresheezy (vía Informática Práctica)
julio 20, 2007 at 11:21 pm Victor San Martin Deja un comentario
Brusheezy: Brushes gratis para Photoshop
Brusheezu, es una web con una extensa lista de Brushes para Photoshop, los cuales puedes descargar de manera gratuita. Un sitio bastante bien hecho y con una estructura muy web 2.0, en la cual encontrar brushes para tu trabajo, se te hará bastante fácil.
Cuenta con un directorio en el cual podrás ver un preview del brushe, ademas de tener un buscador que ademas te permite filtrar los resultados por Categoría y por Versión del Photoshop, ademas de tu tener el control del orden con el que se muestra.
Una lista bastante buena y una web indispensable para tener en tus favoritos.
Enlace: Brusheezy