Buscar

El gato sin escritorio

Autididacta | Diseño | Arte | Tecnología

Categoría

Diseño

Yet another post to install adobe on linux

El instalar Adobe Creative Suite 6 en linux no ah dejado de ser un ligero problema para los usuarios que lo desean usar bajo esta plataforma, principalmente por que la mayoría de los usuarios que lo harían no son usuarios tan avanzados de linux como para comprender los errores que puedan cometer durante su instalación.
Seguramente me faltarán detalles por cubrir, sí es así entonces háganme saber para poder complementar este post
Esta entrada está pensada en dos partes, una para computadoras de bajo rendimiento, y la otra para las de mayor rendimiento

Introducción

  • Primero que nada, identifica el rendimiento de tu equipo.

Antes de efectuar cualquier intento de instalación debes conocer las limitantes de tu equipo:
Procesador
Debes tomar este factor como el más influyente en el rendimiento de tu sistema con Linux.
Sí tienes un procesador Pentium 4 o menor, entonces te recomiendo instalar Lubuntu o Xubuntu, ya que estos no consumirán recursos del sistema en ponerle efectos bonitos a tu escritorio, y ten en cuenta que es muy probable que vaya muy lento, por lo tanto te recomiendo usar una versión anterior de Adobe, como la cs3.

Ram
Quizá el mayor mito informático es que la RAM le da velocidad a tu computadora, en realidad solo permite tener muchas cosas abiertas. Sí tienes menos de 1.5GB de RAM, entonces es recomendable además de usar una de las distribuciones de Linux ya mencionadas, hacer de una usb, una ram.

Tarjeta de Video
Este último aspecto es el más variable, ya que la antigüedad de tu tarjeta de video tendrá un impacto muy poderoso en el rendimiento de estas aplicaciones. Ya que no he tenido experiencia con Nvidia, no podré dar recomendaciones al respecto; en cuanto a ATI, puedo decir que es muy fácil tener un buen rendimiento de aplicaciones como Photoshop sin quebrarse la cabeza.

Instalar Linux
Sí consideras que no tienes tiempo de jugar, configurar, y aprender a fondo como funciona el sistema y quieres que quede instalado por completo en menos de una hora (dependiendo de tu velocidad de internet), entonces te recomiendo Lubuntu o Xubuntu para computadoras sin gran potencia, sí tienes más tiempo entonces Crunchbag, Puppy Linux o Manjaro con Openbox, LXDE o XFCE. Sí tienes una computadora poderosa entonces te recomiendo

Aumentar la RAM (únicamente computadoras con poca RAM)
En linux tenemo algo llamado SWAP, que funciona como una segunda RAM en caso de que esta se acabe.
Lo que aremos es crear un SWAP en una memoria usb, ésta tiene que ser de mínimo, un Gigabyte, tendrá que estar vacía y dedicada exclusivamente a ser el SWAP de nuestra computadora.
Una ves que tengamos nuestra usb vacía, instalamos y ejecutamos gparted.

Primero Seleccionamos nuestra USB:Captura de pantalla de 2013-07-26 14:46:17

Después creamos una tabla de partición nueva:Captura de pantalla de 2013-07-26 14:45:06

Nos pedirá por confirmación
Captura de pantalla de 2013-07-26 14:53:13

Después con botón derecho sobre el espacio gris, creamos una nueva partición:
Captura de pantalla de 2013-07-26 14:53:39

Únicamente tendríamos que cambiar el tipo de partición a Linux-Swap:
Captura de pantalla de 2013-07-26 14:54:20

Le damos aplicar cambios y ya tenemos nuestra usb formateada para ser RAM. Lo que sigue es activar ese SWAP, primero nos fijamos en la ruta que nos señala gparted, abrimos una terminal y escribimos “sudo swapon /dev/DISPOSITIVO/”
Captura de pantalla de 2013-07-26 15:07:27

Y ya terminamos con la RAM extra

Empezamos con wine
En este caso existe una muy formidable documentación de como instalar wine.
Una ves instalado wine, instalamos winetricks, para ubuntu’s:
puedes hacerlo desde la tienda de software, o desde la terminal.
Captura de pantalla de 2013-07-26 15:22:52

Ahora en la terminal, escribimos lo siguiente
“WINEARCH=win32 winecfg”
después de unos momentos, nos saldrá esta ventana, seleccionamos windows xp
Captura de pantalla de 2013-07-26 15:35:40

Le damos aceptar, y una vez más en la terminal pegamos esto:

“winetricks atmlib corefonts msxml3 msxml6 gdiplus vcrun2010 pngfilt riched30 xact xinput d3dx9 mdac28”

A partir de aquí tenemos dos opciones, la primera sería instalar directamente la suite por aplicaciones separadas, primero illustrator con su propio instalador, phostoshop y así; pero no es lo mejor por que puede dejar errores. Lo mejor es instalarlo en una virtualbox con windows xp. El proceso de instalación dentro de la virtualbox igual a que si estuviesen en windows.

En caso de que no sea original, no lo craqueen, ni abran el programa

Una vez instalado, desde la virtualbox nos vamos a la carpeta de wine y copiamos las carpetas “Common Files” y “Adobe”winxp

Al final, cerramos la VirtualBox, vamos a la carpeta de wine:
Captura de pantalla de 2013-07-26 16:12:03

Y con botón derecho seleccionamos “abrir con wine”
Captura de pantalla de 2013-07-26 16:10:59Captura de pantalla de 2013-07-26 16:16:49

Hasta ahora solo eh probado Illustrator y photoshop. Pero sé que son las dos aplicaciones más utilizadas

Anuncios

Introducción al diseño responsivo

Con esta entrada empiezo dos cosas en este blog, la primera es obviamente dar continuidad, y la segunda es compartir mi experiencia en diseño web.

responsive_web_design

Como introducción me gustaría dar a conocer los mandamientos que seguiré:

  • Diseño responsivo, adaptativo y flexible
  • Únicamente usar Javascript, CSS3, y HTML5
  • Tener en cuenta el rendimiento de la página en computadores de baja potencia o móviles de gama baja
  • Diseños Limpios u lo más minimalista posible
  • Enfocado a WordPress pero portable a otras plataformas
  • Apoyo y uso de software y frameworks libres

Ahora que tienen en cuenta la forma en la que trabajo y que es lo que compartiré empiezo con la diversión.

Cuando hacemos un diseño responsivo y tenemos un menú principal en el “Header”, que dirigirá a los visitantes a las secciones más importantes del sitio web, y si estos acceden desde un dispositivo móvil, tendrían que desplazarse bastante para poder acceder a aquellos links que se encuentren a la derecha de nuestro sitio, o en su defecto este se deforma dando una terrible imagen al visitante.

Para evitar eso tenemos dos soluciones. La primera es recurrir a algún servicio automatizado que nos cree un layout que sea visible únicamente en los dispositivos móviles; estas usan el sistema de identificación de User Agent, el cual, no siempre funciona, ya que no suelen listar más que los tres dispositivos más populares con sus navegadores por defecto; y si nuestro visitante usa otro (por ejemplo Ubrowser), este no lo reconocerá y la página será mostrada como si fuese visto en un computador; otro problema de estos sistemas automatizados es que no suelen funcionar para tablets, y si esta es pequeña, o la estamos sosteniendo horizontalmente tampoco se activa el layout para móviles.

La otra opción y es la que a continuación escribo, es desarrollar un sistema dinámico que se adapte a la resolución de cada pantalla.

Para esto, como primicia y ante toda otra tentación, tenemos que pensar el esqueleto y nuestras herramientas a esto. Esto quiere decir que limitaremos el uso de iframes, objetos insertados con ancho fijo y menús flash.

Mi recomendación es empezar usando el principio del sistema de red o mejor conocido por su nombre en ingles, “Grid System”. De este profundizaré y daré ejemplos en otra ocasión.

Una ves que tengamos en nuestra hoja de estilos este sistema empezamos por crear las definiciones de estilo para nuestro div exterior e interior:

.outer_wrap {
    margin: 0 auto;
    width: 960px;
    background: #222;
}
.inner_wrap {
}

Y lo agregamos a nuestra hoja “header”, o al inicio del html de esta manera:

<!DOCTYPE html>
<html>
<div class="header">
<h1>Header</h1>
</div>
<body>
<div class="outer_wrap">
<div class="inner_wrap">
<div class="content">
...

No nos tenemos que olvidar de enlazar nuestra hoja de estilos al archivo que estemos manejando:

<link rel="stylesheet" type="text/css" media="all" href="style.css" />

En nuestra hoja de estilos y por consiguiente nuestro html final tiene que usar porcentaje de ancho para el div “content”, que será el que “contendrá” todo el texto, imágenes, etc; de nuestro sitio web. Todos los otros divs que vayamos a crear dentro del “content” deberán usar porcentajes.

Ahora creamos otro archivo, “mediaqueries.css” y en este le damos las especificaciones de las resoluciones que vayamos a manejar:

@media screen and (min-width: 1551px) and (max-width: 1950px) {
.outer_wrap {
    margin: 0 auto;
    width: 1500px;
}
}
@media screen and (min-width: 1225px) and (max-width: 1550px) {
.outer_wrap {
    margin: 0 auto;
    width: 1200px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1224px) {
.outer_wrap {
    margin: 0 auto;
    width: 960px;
}
@media screen and (min-width: 569px) and (max-width: 1024px) {
body {
    padding: 0px;
}
.outer_wrap {
    margin: 0 auto;
    width: 100%;
}
.content {
    padding: 10px;
    margin: 0px auto;
}
}
@media only screen and (min-width : 240px) and (max-width : 568px) {
body {
    padding: 0px;
}
.outer_wrap {
    margin: 0 auto;
    width: 100%;
}
.content {
    padding: 20px;
    margin: 0px auto;
}

Es muy importante cerrar estos div en el “Footer”

<body>
<div class="outer_wrap">
<div class="inner_wrap">
<div class="content">

 

Y con esto termino la primera parte de como desarrollar un sitio web adaptable a todos los dispositivos, tengan en cuenta que esto solo muestra los conceptos más básicos a tener en cuenta y si simplemente copian y pegan no tendrán un sitio funcional, ya que estos ejemplos están hechos para que cada quien los adapte a su propia forma de trabajo

Y sin más que decir me despido y suscríbanse para recibir la siguiente parte de esta guía. Hasta pronto

Crea un blog o un sitio web gratuitos con WordPress.com.

Subir ↑

A %d blogueros les gusta esto: