Adobe User Group Bolivia

Como hacer un póster tipográfico con Photoshop y Typekit

noreply@blogger.com (José Torrico) — Sat, 30 Aug 2014 20:26:00 +0000

En esta oportunidad vamos a mostrarte de la mano de Paul Trani, uno de los evangelistas mas importantes de Adobe como hacer un póster tipográfico usando Photoshop y Typekit

Independencia de Bolivia

noreply@blogger.com (José Torrico) — Wed, 06 Aug 2014 14:00:00 +0000

Han pasado 189 años. 189 largos años desde que hicimos esto.

Sabemos que has estado preparándote para ser mejor, sabemos que persigues tus sueños y que no importa lo lejos que te lleve la vida una parte de ti siempre permanecerá aquí.

Sabemos cuándo has estado peleando por esto toda tu vida, has luchado por hacer las cosas bien, has estado trabajado día y noche; aprendiste a convertir el dolor en una increíble fuerza de voluntad… Es así como un super héroe aprende a volar.

Queremos felicitarte, porque no importa cuánto tiempo pase, sabemos que no tendrás miedo de cometer errores o de tropezar y caerte. Porque la mayor parte del tiempo las mejores recompensas vienen de hacer las cosas que más temes.

Por eso para nosotros ya eres un SUPER HÉROE.

Eres ese alguien que hace de este país un lugar maravilloso, gracias por ser y estar…

Ahora queremos conocer tu historia publica un comentario con tu datos o escríbenos a adobebolivia@gmail.com, te haremos una entrevista y saldrás en un vídeo.

Los artistas detrás de la nueva presentación del Adobe Creative Cloud 2014

noreply@blogger.com (José Torrico) — Wed, 30 Jul 2014 03:43:00 +0000

Dado que los usuarios actualizaron su Adobe Creative Cloud con las aplicaciones del lanzamiento 2014 van a ser recibidos con algo más que nuevas características ... las pantallas de inicio para sus aplicaciones favoritas también son nuevos y cuentan con obras de arte de inspiración de algunos diseñadores de talento. Para cualquier persona que no ha actualizado aún (o incluso para aquellos que tienen) Aquí hay una vista previa de algunas de las nuevas pantallas, junto con la de todos los detalles de los artistas que los crearon:

Adobe Photoshop CC 2014

Un diseñador autodidacta, Kylli Sparre fue atraído a Adobe Photoshop, debido a las infinitas opciones que le dio. Según Sparre, quien describe su estilo como de ensueño, simbólico, ya veces surrealista, lo ilimitado de la creación de imágenes ayudó a abrir su creatividad. La imagen apareció en la pantalla de bienvenida de Adobe Photoshop CC es uno de los proyectos personales de Sparre. Sabía que quería combinar la foto de la mujer con el tiro de la ubicación, pero ninguna de las cosas que ella intentó funcionó hasta que notó una conexión interesante entre las dos imágenes. Después de ajustar el ángulo de ella fue capaz de hacer hincapié en la conexión con resultados extraordinarios.

Adobe After Effects CC 2014

Con un estilo que se extiende a el arte y el diseño, Pablo Iglesias disfruta explorando todo tipo de disciplinas visuales, más recientemente, se centran en el arte más directo y de vídeo que combina una amplia gama de disciplinas creativas. Para la pantalla de bienvenida Adobe After Effects CC, primero creó algunos elementos gráficos en Photoshop, una especie de ilustración digital de la recreación de un prisma transparente con colores iridiscentes. Después, él generó algunos bucles de vídeo con la imagen en Adobe Premiere Pro CC, utilizando diferentes movimientos y efectos de espejo. Luego jugó los bucles en un programa que utiliza para el rendimiento de vídeo en vivo, efectos tales como zoom, retrasos RGB y deformaciones 3D aplicada, y capturó todo con Syphon. El último paso fue hacer la edición final y la composición en Adobe Premiere Pro. La pantalla de bienvenida Después de Efectos CC es uno de los marcos que él capturó en el vídeo final.

Leer mas..

Presentando Adobe Creative SDK

noreply@blogger.com (José Torrico) — Fri, 27 Jun 2014 03:01:00 +0000

El Creative SDK es un completo conjunto de componentes para iOS, consiguiendo crear una nueva era de creatividad conectada y un flujo de trabajo sin fisuras entre las aplicaciones móviles y Adobe Tools y servicios de Creative Cloud, llegando a millones de nuevos usuarios.

Diseña donde quieras

La creatividad ocurre en todos lados, no solamente en el computador. Ingresa tu nombre de usuario para acceder a archivos y contenido creativo. Navega, importa y guarda directamente en la nube de Creative Cloud, desde tu aplicación.

Compatibilidad con PSD

Obtén capas y grupos directamente desde Photoshop directo a tu aplicación. Guarda tu trabajo en la nube de Creative Cloud como PSD, manteniendo una completa capacidad de edición.

Servicios Creativos

Dale a tus usuarios el más avanzado sistema de edición fotográfico en su dispositivo móvil. Corrige perspectivas e imágenes borrosas usando el procesamiento de nuestra nube, mientras Photoshop provee capacidad de edición no destructiva.

Creative Cloud Market

Crea en comunidad con una librería curada de más de 20,000 diseños de elementos. Iconos, vectores y herramientas de IU que harán que tus usuarios comiencen y corran rápidamente tu aplicación.

Conexión con Hardware

La nueva era digital esta aquí. La siguiente generación de Pixel Perfect podrá redefinir precisión en dispositivos móviles. A través de la conexión de Creative Cloud accede a colores, archivos y IU personalizadas mediante un simple bolígrafo.

Publica

Comparte proyectos directamente en Behance, la más grande comunidad de creativos del mundo. Publica tu “trabajo en proceso” y obtén notificaciones y feedback de tu aplicación.

Si quieres saber más visita Adobe Creative SDK

El mosaico de Adobe CC: Una Celebración de la Comunidad Creativa

noreply@blogger.com (José Torrico) — Wed, 25 Jun 2014 04:13:00 +0000

Esta semana, en el #CCNext lanzamiento, dimos a conocer la pieza terminada; Se destacó tanto en Behance y en una serie de páginas de Facebook de Adobe.

Estamos muy contentos con el resultado y esperamos que guste tanto como a nosotros. Nos encanta colaborar con artistas de distintas disciplinas de todo el mundo y ver lo que pueden hacer cuando se les da un desafío.

Hemos hecho una serie de interpretaciones de nuestra marca en el pasado varios años, comenzando con el proyecto "Adobe &", y varios Adobe Remix, el mosaico CC es otro hito de la clase de trabajo que queremos hacer con nuestra comunidad creativa a medida que seguimos adelante.

Es importante para nosotros que la comunidad siente que tiene co-propiedad de la marca Adobe. Trabajar en proyectos de colaboración como éste es la manera perfecta de mostrar la promesa de la Creative Cloud que nos permite celebrar la creatividad individual y las infinitas posibilidades de las disciplinas creativas.

¿Quieres participar en uno de nuestros proyectos de futuro? Conéctate con nosotros en Behance y envíanos una nota.

Creative Cloud Wallpaper

noreply@blogger.com (José Torrico) — Wed, 25 Jun 2014 03:52:00 +0000

Ha habido mucho entusiasmo por la nueva versión de Creative Cloud, la respuesta de los clientes ha sido simplemente impresionante.

Desde su introducción el 18 de junio, hemos recibido muchas peticiones de los últimos logotipos de Creative Cloud. Así que nuestro equipo de Adobe estudio se puso a trabajar e hizo algunas versiones que se pueden descargar y utilizar como fondo de pantalla, un avatar, o en los perfiles de las redes sociales.

¡Disfrútalas!

Tamaño: 1280 x 768

Tamaño: 1600 x1200

Tamaño 2560 x 1600

Y alcanzó su punto máximo más tamaños:

Creative Cloud 2014 ya está aquí

noreply@blogger.com (José Torrico) — Wed, 25 Jun 2014 03:21:00 +0000

El 18 de junio en un evento Adobe, como nos tiene acostumbrado, nos mostraron la nueva versión de Adobe Creative Cloud 2014 cargada de muchas mejoras en rendimiento y de nuevas herramientas.

Hemos estado trabajando duro en los dos últimos años para hacer frente a cuatro áreas clave de Creative Cloud, nos pidieron centrarnos en: Aumento del rendimiento, la eficiencia del flujo de trabajo, el apoyo a un nuevo hardware y los estándares, y por supuesto las características innovadoras, lo que llamamos la Adobe "magia" (#AdobeMagic).

La última versión disponible en la actualidad está repleta de nuevas características, verdaderamente inventivas que harán que sea más fácil hacer su trabajo desde cualquier lugar, l ayudarán a hacerlo más rápido, y le permiten traer todas esas grandes ideas creativas en su imaginación, a la vida.

Los principales cambios a través de nuestras aplicaciones de escritorio

Photoshop CC tiene ahora Galería Desenfoque de efectos de movimiento para crear una sensación de movimiento, y el recientemente introducido Perspectiva Warp para ajustar de manera fluida la perspectiva de una parte específica de una imagen sin afectar a la zona de los alrededores.

Leer mas..

Importar colores de una web con Photoshop CS6

noreply@blogger.com (José Torrico) — Thu, 28 Mar 2013 00:10:00 +0000

En esta oportunidad les traemos un tutorial que muchos deben estar esperando, de la mano de uno de los evangelistas de Adobe, Paul Trani.

En este tutorial nos va a enseñar como obtener los colores de una web a nuestro Photoshop cs6 exportado los css del site.

Sin mas les dejo el tutorial.

7 CSS Snippets extraidos de HTML5 Boilerplate

noreply@blogger.com (Josue) — Sat, 27 Oct 2012 21:39:00 +0000

Este post es una traducción libre del post Style Scavenger: 7 CSS Snippets to Borrow from HTML5 Boilerplate de The David Walsh Blog.

Comenzar una aplicación web desde cero puede ser una tarea aburrida y lenta. El HTML5 Boilerplate de Paul Irish es un punto de partida excepcional para crear sitios web de cualquier tipo. Proporciona un conjunto increíblemente útil de archivos HTML, CSS, JavaScript e imágenes para iniciar de un modo rápido una aplicación web con HTML5. Aún así, HTML5 Boilerplate puede ser un poco más de lo que necesitas si ya tienes una plantilla propia; pero eso no significa que HTML5 Boilerplate no pueda serte útil. En este post se ofrecen 7 fragmentos CSS de HTML5 Boilerplate que puedes incorporar en tu propia aplicación.
html
Muchos desarrolladores se olvidan de la etiqueta HTML cuando tratan de dar estilo a su aplicación, pero dar estilo a la etiqueta HTML puede ser una de las cosas más importantes.

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

Este fragmento de código CSS se asegura de que la barra de desplazamiento siempre aparezca (por lo que no hay ningún "salto" cuando cambia el tamaño de página) e impide que los navegadores móviles ajusten el tamaño de la fuente de la página.
::selection

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

Cambiar el color de resaltado o selección es otro pequeño toque para hacer tu web única.
img -ms-interpolation-mode: bicubic;
Internet Explorer 7 hace un trabajo horrible en el escalado de imágenes. El siguiente fragmento de código CSS lo soluciona:

img { -ms-interpolation-mode: bicubic; }

.visuallyhidden
La estrategia de ocultar el texto mientras que se permite a los lectores de pantalla leerlo no es nueva y es increíblemente importante para la accesibilidad del sitio. La cuestión es que he visto 100 métodos diferentes para hacerlo, y es difícil saber de qué manera es mejor uno que otro. La recomendación de HTML5 Boilerplate es:

/* Ocultar sólo visualmente, pero tenerlo disponible para los lectores de pantalla: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Amplia la clase .visuallyhidden para permitir que el elemento sea "enfocable" cuando se navega por teclado: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
This little-known trick has been working wonders for years.

El código proviene de Jonathan Snook. Si estás interesado en conocer más acerca de este método puedes leer el post de Jonathan Snook.
svg:not(:root)
Estaba entusiasmado con el soporte a SVG en Internet Explorer 9. Pero, por supuesto tenía que llegar con un bug, y ese bug es un error de desbordamiento:

svg:not(:root) { overflow: hidden; }

Y olvidate del error. Asegúrate de incorporar este código si trabajas con gráficos vectoriales.
@media print img max-width
Incluso si no deseas utilizar ninguna de las reglas de la pantalla, la hoja de estilos de impresión de HTML5 Boilerplate vale por sí misma. Siempre pensamos en el texto cuando se trata de imprimir, pero ¿qué pasa con las imágenes?

@media print {
  img { max-width: 100% !important; }
}

El fragmento de código anterior se asegura de que las imágenes no sobrepasen los límites de la página.
@media print widows
Las líneas viudas y huérfanas no quedan bien en la impresión. En tipografía, las líneas viudas y huérfanas son líneas que, por quedar en una página distinta que el resto del párrafo al que pertenecen, aparecen aisladas de su contexto. Este código CSS previene las líneas viudas y huérfanas en las etiquetas de párrafo y encabezados h2 y h3.

@media print {
  p, h2, h3 { orphans: 3; widows: 3; }
}

Personaliza este fragmento de código a tu gusto.
Como puedes ver, HTML5 Boilerplate es una colección de trucos CSS que puedes incorporar a cualquier proyecto nuevo o existente. Incluso si no deseas utilizar todos los archivos incluidos en la plantilla, todavía hay muchos fragmentos CSS que puedes aplicar.

Fuente: WebIntenta

HTML5 por defecto en Dreamweaver CS6

noreply@blogger.com (José Torrico) — Thu, 16 Aug 2012 08:18:00 +0000

Mucha gente me ha preguntado porque al abrir un nuevo documento html tienen que editarlo para convertirlo en un <!doctype html> de html5 la razón es que Dreamweaver no tiene ese formato predefinido sino que tienes que asignarlo y es muy fácil y simple.

Al abrir DWCS6 tenemos esta imagen.

Ahora apretamos en la columna donde dice Crear Nuevo al final donde dice "más" y nos aparecerá lo siguiente.
Leer mas..

Adobe Muse y Edge Renovados

noreply@blogger.com (Josue) — Sat, 31 Mar 2012 04:14:00 +0000

Para los amantes de la web, no les sera raro escuchar de estas dos herramientas relativamente nuevas que tienen Adobe, recientemente estos pequeños juguetes han sido actualizados, no me extrañaría que se volvieran herramientas estándar para diseñadores, animadores y desarrolladores.

Adobe Muse actualmente esta en su versión Beta 7, estuve jugando con esta herramienta y es muy completa para ser un beta, si eres diseñador y quieres evitarte el tedioso trabajo de maquetar tu diseño manualmente esta herramienta es para ti, genera automáticamente el css, html y javascript necesario para hacer una pagina web.

Es una herramienta What you see is What you Get, obviamente tiene sus limitaciones, inicialmente se puede hacer paginas estáticas en html, y con estáticas me refiero a que los datos no son Administrables o Gestionables, pero esta no es una barrera que no se pueda remediar, si estas dispuesto a gastarte unos cuantos dolares puedes hacer tu sitio Gestionable, usando Adobe Business Catalyst .

Adobe Muse me recuerda de cierta forma a Flash Catalyst, que pena que Adobe ya no seguirá mejorando esa herramienta.

Adobe Edge actualmente esta en su versión Preview 5.1, esta herramienta desde mi punto de vista es muy poderosa para hacer animaciones en CSS3/jQuery, los flasheros que todavía no conozcan esta herramienta no saben lo que se pierden, no puede competir con flash al mismo nivel pero es un comienzo, y es LA ALTERNATIVA para dispositivos IOS que no soportan flash.

La ultima versión no la he probado, probé la preview 4, pero ahora la ultima versión tiene muchas mas opciones, ya se puede agregar javascript que vendría a reemplazar actionscript del flash.

Cosas como Stop, Play, GotoAndPlay ya son posibles y muchas cosas mas, Embebir fuentes, Movie clips, Efectos de Easing... etc

Los invito a que prueben las nuevas versiones están de lujo, aprovechen que por el momento son gratis.

6 errores en el desarrollo web

noreply@blogger.com (Josue) — Wed, 15 Feb 2012 02:25:00 +0000

Aquí va un listado de 6 malas prácticas que, sin ser especialmente graves, perjudican al desarrollador Web en su tiempo de desarrollo, en la limpieza del código que desarrolla, en su mantenibilidad a futuro, en el trabajo colaborativo con otros desarrolladores o en errores exóticos que después uno no sabe de dónde salieron.

Hacer Maquetas sin Pensar en la Factibilidad Técnica

Esto suele pasar cuando uno recién empieza en el desarrollo Web y viene con un gran ímpetu por hacer los sitios más ricos y estéticamente producidos que se pueda. En este afán, es muy común comenzar a jugar con efectos, superponer degradados y transparencias complejas y “volarse” creando, sin tener claro los problemas que dichos recursos nos pueden traer a la hora de traducir la maqueta gráfica en HTML.

Fireworks (o Photoshop, o Freehand, o lo que sea) aguantan mucho en materia de creatividad, pero el límite tiene que ponerlo el diseñador, basado en su experiencia y en sus habilidades. Si superponer tres gradientes con transparencia nos significará una semana más de trabajo e investigación intentando llevarlo a cabo en la página real, y realmente para el cliente no es vital y tampoco añade tanto valor al sitio, ¿para qué complicarse?

El criterio que sugiero es: al momento de diseñar o maquetear, piensa siempre: ¿cómo haré realidad esto en HTML?

No Conocer el Soporte Sobre el Cual se Trabaja

Este punto está muy ligado al anterior. Los diseñadores que se apoyan en un desarrollador frontend y por tanto, creen que pueden desentenderse de las limitaciones propias de la Web, no tienen excusa.

Es el equivalente a diseñar un libro, sin pensar en el soporte (papel) sobre el que se trabaja, y planificar páginas rellenas de agua o enchapadas en oro, dejándole a otro la tarea de concretar dichas ideas en el impreso en papel. Suena descriteriado, ¿no? Pues es lo mismo en la Web.

Un diseñador, aunque no le toque escribir código directamente, tiene la responsabilidad de saber qué se puede, qué no se puede hacer, y dentro de lo que se puede, qué es fácil y qué toma mucho trabajo a la hora de desarrollar Web. Limitaciones como formatos de imagen, uso de efectos, plugins, problemas de compatibilidad CSS, uso de fuentes y otros deben ser siempre tenidos en mente a la hora de diseñar.

Fuente Completa: http://www.sergionouvel.cl/2009/10-errores-desarrollo-web-parte1/

Escudo Nacional en CSS3

noreply@blogger.com (Josue) — Fri, 27 Jan 2012 16:16:00 +0000

Tras escuchar a @cvander de mejorando.la que dijo en su conferencia de css "Hagan símbolos nacionales en css" me anime a hacerlo, pero después de ver lo complejo que era el escudo nacional pensé que iba a ser imposible o me iba a tomar mucho tiempo, sin embargo después de ver todas las opciones que ofrecía css3 como transformaciones (rotación en todos los ejes, traslación, escalado), degradados múltiples, los clásicos bordes redondeados, pseudoelementos ..etc.
Empecé a probar y vi que tomaba forma, así que lo termine. Claro no es exactamente igual pero creo que es muy aceptable tomando en cuenta las limitaciones de css.

Solo utilice dos imágenes en svg, la sección del cóndor de los andes y la sección de la alpaca, todo lo demás es css3 y html, para el css utilice Less CSS este es la fuente del css y el html.

Cabe destacar que las imágenes en svg no las hice yo (soy un pésimo diseñador), las extraje de este gráfico
con Adobe Illustrator (esta es la parte que mas me costo, no se nada de Illustrator).

El resultado por el momento solo funciona en Google Chrome, los invito a que dejen su opinión, creen que se puede mejorar?

Less CSS en Windows

noreply@blogger.com (Josue) — Mon, 12 Dec 2011 00:41:00 +0000

Less CSS es un pre-procesador de CSS que originalmente fue hecho en Ruby y no corría en windows, la única forma de hacerlo correr era con cygwin u otro emulador de unix para windows. Pero ahora ya existe la versión en Javascript, y se puede usar tan facilmente como incluir el ".js" en el sitio web y empezar a codear con less.

Existen herramientas que facilitan mucho mas el trabajo con Less para Windows y Multiplataforma.

La primera Winless escrita en .NET y obviamente para Windows, es a mi parecer la herramienta mas completa de estas tres, soporta múltiples proyectos al mismo tiempo, indica los errores y lineas de codigo, reconoce y compila automáticamente si hay una carpeta llamada "less" y genera el css compilado correspondiente en otra capeta "css", ademas se pueden configurar las opciones para comprimir la salida entre muchas otras cosas.

La segunda LessParser, muy parecida a la primera, escrita en Adobe AIR así que corre en cualquier plataforma, a diferencia de la primera compila los archivos less en la misma carpeta.

La tercera ~~y ultima~~ SimpleLess tambien escrita en AIR, tiene un interfaz simple y bonita funciona con drag and drop y compila en la misma carpeta.

Esta ultima llamada Crunch it ,posee una interfaz muy llamativa, y un editor de archivos .css y .less con coloreado de codigo. Esta hecha en AIR, muestra los posibles errores de compilación y también se pueden navegar en directorios enteros mediante su interfaz.

Estas son las ~~tres~~ cuatro opciones que conozco hasta el momento, si alguno tuviera una sugerencia de otra es bienvenido. Aclaro que no mencione a stylus por que hasta el momento no logre hacerlo funcionar en windows.

Actualizado: Martes 27 de Diciembre 2011

Simposio TIC 2011, Conferencias Gratuitas

noreply@blogger.com (Josue) — Wed, 30 Nov 2011 23:45:00 +0000

X Simposio TI USB - Aug Bolivia

El Grupo de Usuarios esta apoyando al evento denominado "X Simposio TIC 2011" que es organizado la Universidad Salesiana de Bolivia, el evento sera en fecha 7 de diciembre de 18:30pm a 22:30pm hora Boliviana (GMT-4), es totalmente gratuito , se llevara a cabo en la instalaciones de la Universidad y también podrán asistir en forma virtual via streaming por la plataforma Adobe Connect.

En cuanto a los temas y expositores, tenemos invitados del exterior personajes muy conocidos en la red por la labor que realizan en pro de la educación online, y también he tenido el honor de ser invitado como expositor.

Cesar Cancino Zapata - [ Php + Marketing Digital + Redes Sociales]

Jose Miguel Torrico - [AJAX]

Josue Mancilla [ Adobe Edge + HTML5 y CSS3]

Keyser Engelberth - [SEO - SEM]

Si tienes twitter el hastag oficial para seguir el evento es #Simposio2011USB .

La url para acceder a la sala virtual el dia del evento es http://bit.ly/usb-augbo , ingresan como "invitados."

Esperamos contar con su participación..

Grabaciones del evento WikiBolivia

noreply@blogger.com (José Torrico) — Wed, 30 Nov 2011 16:47:00 +0000

Como sabrán hemos realizado una jornada de capacitación para el concurso de Wikipedia con el apoyo de ser boliviano es y Alhen.

El taller fue dictado mediante nuestra plataforma Adobe Connect, del AUG.

Compartimos una serie de inquietudes, que no llevaros desde una explicación de que es la Wikipedia hasta como crear una articulo con imágenes y saber si esta publicado en la plataforma, vandalismos y todo lo relacionado con el mundo de la Wikipedia.

Fue una experiencia nueva que nos permitió conocer de cerca las nomenclaturas y formas de publicar.

Fueron 2 días en los cuales varias personas pudieron acceder y compartir con nosotros la experiencia, les dejamos las grabaciones del evento, esperamos que las disfruten.

Leer mas..

IE 7 no interpreta text-indent en botones submit

noreply@blogger.com (Josue) — Sat, 26 Nov 2011 17:06:00 +0000

Si no tienes opcion a font-face y estas trabajando con botones con fondos personalizados en los botones los mas correcto es esconder el texto con la propiedad text-indent y colocar un overflow:hidden, esto es correcto pero cuando lo ves en ie7 no toma la regla css.

La solución es la siguiente:

1) el html

<html>
<head>
<link href=”style.css” rel=”stylesheet” type=”text/css”/>
</head>
<body>
<input type=”submit” value=”Submit” class=”button”>
</body>
</html>

2) los estilos

input.button{
width:114px;
height:37px;
border: none;
background: transparent url(images/submit_btn.gif) no-repeat center;
overflow: hidden;
text-indent: -999px;

font-size: 0;
display:block;
line-height: 0;
}

3) Como funciona?

font-size:0 reduce el tamaño de la fuente a 0, pero incluso despues de hacer esto queda una linea pequeña en el centro del boton.
display:block el text-indent negativo solo funciona en ie si se agrega esta regla.
line-height: 0 Y este es para ie6, aunque pueden desecharlo

AUG Bolivia, Ser Boliviano Es y Wikimedia Bolivia unen esfuerzos

noreply@blogger.com (José Torrico) — Fri, 25 Nov 2011 04:05:00 +0000

El Aug Bolivia une esfuerzos en la campaña de Ser Boliviano Es, que persigue el ampliar el contenido en Wikipedia relacionado con Bolivia ya que “la mayor parte de los artículos creados relacionados con Bolivia han sido escritos por argentinos, chilenos, peruanos y españoles”, por lo que este concurso busca incorporar en la web nuevos y mejores contenidos relacionados con Bolivia y hacer que los bolivianos y bolivianas asuman un rol de productores de los mismos para que podamos conocernos mejor entre nosotros mismos, entre otras metas.

SerBolivianoEs, que forma parte de la campaña Convivir Sembrar Paz, impulsada por la ONU, y el grupo promotor de Wikimedia Bolivia, han lanzado el concurso “Arandu, compartiendo sabiduría”, que convoca a todas las personas a escribir artículos sobre Bolivia y publicarlos en la Wikipedia, una de las enciclopedia más populares en internet.

Leer mas..

Maquetador web o Desarrollador FrontEnd ?

noreply@blogger.com (Josue) — Sun, 13 Nov 2011 20:49:00 +0000

Esta comparación es muy buscada, y en este articulo tratare de aclarar las funciones que debe hacer cada rol, según mi experiencia y perspectiva.

Describiendo el proceso de desarrollo de una web, lo primero que tenemos es el diseño que nos paso el diseñador, este diseño puede estar hecho en diferentes programas, el mas común es Adobe Photoshop, también pueden estar hecho en Adobe Fireworks e Illustrator, yo me inclino mas por Fireworks pero no son muchos los diseñadores que lo manejan.

Leer mas..

Adobe Fireworks CSS3 Mobile Pack

noreply@blogger.com (Josue) — Wed, 26 Oct 2011 03:49:00 +0000

Recientemente salio un nueva extensión para fireworks que incluye mejoras que tienen que ver con CSS3 y skining con jquery mobile.

La nueva herramienta jquery mobile skinning te ayuda a modificar la apariencia que tiene por defecto jQuery Mobile, generando así tus propios temas con CSS y sprites. Adobe Fireworks CSS3 Mobile Pack
En el siguiente video, el Sr.Takashi Morifusa Product Manager de Adobe Fireworks hace una demostración de esta nueva extensión. http://adobe.ly/pVAv1d

Este articulo es muy interesante, a leerlo aprenderás a trababar con el "pack css3 mobile" para crear y mantener sitios móviles usando el framework jquery mobile. Creating jQuery Mobile website themes in Fireworks using the CSS3 Mobile Pack.

CSS3 Animaciones, mas facil imposible!

noreply@blogger.com (Josue) — Wed, 26 Oct 2011 03:04:00 +0000

Con la llegada de css3 van apareciendo nuevas formas agregar interactividad a la web, una de esas formas es a traves de esta librería llamada Animate.css, la cual tiene varios tipos de animaciones similares a los que se logra con jquery o cualquier otra librería javascript, con la única diferencia de que todo es CSS.

Te animo a que lo pruebes en tus próximos proyectos web.

Adobe anuncia Flash 11 y AIR 3 para Octubre

noreply@blogger.com (Josue) — Fri, 23 Sep 2011 02:51:00 +0000

Adobe va con todo y anuncia la llegada de Flash 11 y Air 3, para inicio de Octubre.
Flash podrá correr gráficas 3D con aceleración de hardware, desde el player.
Se promete un “rendering” más rápido, también en visuales 2D.

Visto en : BlogVencindad

CSS Inspector en Dreamweaver, opción a Firebug (Video)

noreply@blogger.com (Josue) — Thu, 15 Sep 2011 02:29:00 +0000

Herramientas para css3 y html5 en Adobe Labs

noreply@blogger.com (Josue) — Tue, 16 Aug 2011 01:24:00 +0000

Adobe sigue entrando fuerte a lo que es css3 y html5, y recientemente ha lanzado varias herramientas para facilitarnos mas el trabajo. Entre estas herramientas están:

Muse

Una musa de inspiración para los creadores de páginas web..

"Crea sitios web tan fácil como cuando creas diseños para imprimir".. Puedes crear y publicar páginas en HTML haciendo uso de los últimos estándares sin escribir código. Muse, ahora en beta, te sirve de complemente para crear páginas web con un estilo profesional.

Edge

Diseño de movimiento e interacción de HTML5 Adobe ® Edge, es una herramienta de diseño de interacción que permite a los diseñadores llevar el contenido animado a las páginas web, utilizando estándares como HTML5, JavaScript y CSS 3.

Wallaby

"Wallaby" es el nombre en clave de una tecnología experimental que convierte una obra de arte y animaciónes hechas en Adobe ® Flash ® Professional (FLA) a archivos HTML y css3.
Wallaby no es un producto final y se encuentra todavía en la fase de prueba y validación.

Mas información: http://labs.adobe.com

Lanzamiento theexpressiveweb.com beta

noreply@blogger.com (José Torrico) — Mon, 01 Aug 2011 19:48:00 +0000

Adobe lanza la beta del nuevo sitio llamado theexpressiveweb.com . Este es un proyecto que han elaborado con la ayuda de BigSpaceShip con el objetivo de crear tanto un recurso como escaparate que pone de relieve algunas de las características de web hoy en día.

Además de destacar y facilitar información sobre doce nuevas características de HTML5 CSS3, el mismo sitio hace un uso extensivo de las nuevas características tales como CSS3 transiciones , transformaciones con CSS3 , almacenamiento web y mucho más para ofrecer un recurso atractivo visual para aprender más acerca de HTML5 y CSS3.

El sitio destaca el HTML5 y CSS3 siguientes características:Leer mas..