Responsive

Habrás escuchado la palabra “responsive” cuando hablas del tema de diseño web y te preguntarás que significa o a que se refieren? El mismo significa que el diseño de tu website debe de verse bien en todo dispositivo tanto movil, tableta y pantalla de escritorio. Pues bien; digamos que diseñas para web como yo; hoy te recomiendo una página web la cual se encarga solo de decirte o mostrarte cómo se vé tu diseño web en los dispositivos o distintos tamaños de pantallas.

La dirección es: ami.responsivedesign.is

En esta página web simplemente colocas tu URL y en las imágenes superiores de pantalla desktop, celular, tableta y laptop aparece cómo se ve el diseño de tu página web. Te recuerdo que solo sirve con un web page ya publicado en la web. Ya debes de tener un “hosting” y “domain name” para luego probar la dirección aqui.

Lo que me gustó de está página es su interactividad con el usuario. En la interface que ves puedes mover los dispositivos o pantallas y acomodarlos a gusto, inclusive subir o bajar tu página web para ver como se vé el diseño en otras secciones de tu página web.

Ahora imagina esto; diseñas la página web de un cliente y quieres mostrar en tu portfolio como se ven los diseños. Reacomodas a gusto los dispositivos y haces un “screenshot” y esa imágen la usas en tu portfilio digital! Cool! Nada ahí te dejo esa en lo que les mondo la otra! Que tengan un bonito día y recuerden visitar ami.responsivedesign.is para probar tus diseños web y comparte este escrito con tus amistades.

Bonito día!

Dició!

¡Estoy perdido!

¡No estoy perdido; es que estoy estudiando!

Code

Creo que mi último post fue hace como unas dos semanas atrás y quería decirles que sigo vivo, simplemente me estoy tomando el tiempo para repasar y estudiar a un viejo programa amigo que usaba como para el 2007; Adobe Dreamweaver!

Screen Shot 2018-05-01 at 6.59.24 PM

Adobe Dreamweaver CC

Una vez terminé de compartir con todos ustedes lo aprendido con Adobe XD; rápidamente tomé el libro de este clásico pero robusto software del diseño web. Cuando Adobe nos dió la mala noticia que le dará muerte a Adobe Muse; como que me sentí “‘ernú” y pensaba; Wao! “hay que moverse rápido; para mantenerme en la pelea”. Sé que es fácil usar los servicios de Wix.com o Squarespace.com y hasta WordPress.com para crear tu página web, pero nunca nada será mejor que diseñar tu mismo tu propio sitio en la red cibernética.

Screen Shot 2018-05-01 at 7.09.15 PM

Este es el libro que estoy leyendo; ya voy por el capítulo 4 de 15; y hasta ahora es sumamente interesante de la manera en que se diseña codificando HTML5 y creando estilos con el CSS (Cascading Style Sheets). No es tan fácil como lo era Adobe Muse; pero se que lo voy a dominar con el tiempo.

Por ende; si ven que no escribo tan corrido como en el pasado mes es por que estoy ocupado llenando mi cerebro de información actualizada.

¡Hasta luego!

Con sus días contado Adobe MUSE

Que cosa más increíble! Cuando pensabas que ya tenías el sartén cogido por el mango, te dicen que ahora debes de buscar otra alternativa para cocinar! Jejejejejeje…. Me parezco al Chapulín Colorado en sus refranes!

Durante el weekend pasado del 26 de marzo Adobe anunció que ya no va a estar dandole “support” al programa de diseño de páginas web, “code-less”, Adobe Muse. En marzo 26 lanzaron el último “update” para el programa. Adobe estará brindando ayuda a toda pregunta sobre el programa hasta mayo 20 del 2019; y la muerte definitiva al programa está programada para marzo 26 del 2020. Osea tenemos dos años para buscar otras alternativas y/o aprender a usar al 100% el original en este campo de la web, Adobe Dreamweaver CC. Qué pasó ahí? No se sabe!

Si deseas leer los avisos tanto de Adobe como de Business Catalyst, puedes tocar individualmente las siguientes imágenes.

Screen Shot 2018-03-28 at 2.00.46 PMScreen Shot 2018-03-28 at 2.00.57 PM

Seamos realistas!, hoy día con el boom de las redes sociales y los sites como WIX.com, o Squarespace.com, y hasta WordPress.com; con el cual me estas leyendo; en donde usando plantillas puedes montar tu propio sitio en la web, ya no hay taller para nosotros los que nos gusta crear páginas web desde cero! No es lo mismo, pero es la realidad que buscan hoy día los que necesitan un sitio en la web. Yo pudiera estar escribiéndoles esta nota desde un web site creado por mi en Adobe Muse o Dreamweaver; pero me es más fácil abrir Safari, entrar a WordPress, escribir unas notas, colocar unas fotos, colocar Hashtags, colocar links y programar la publicación para tal día; que preocuparme por el reflow o el responsive de mi website, si WordPress se encarga de que mi página se vea bien en cualquier dispositivo. Siempre que diseño una página usando Muse, tengo que asegurarme de que se vea bien en los distintos tamaños de pantallas de los celulares, desktop y tabletas; y creanme es un dolor ese proceso.

Adobe, lo que tuvo que haber echo desde un principio, cuando compró a Dreamweaver, fue darle más cariño y re-escribir su programación para que fuese igual de “user friendly” como lo era Adobe Muse. Que no se puede evitar escribir códigos?, claro que no se puede! Yo usaba Dreamweaver para diseñar páginas web desde el 2004, pero aveces lo encontraba tan trabajoso que cuando llegó Muse, me enamoré de lo fácil que era diseñar y olvidarse del código. Eso es lo que debe hacer Adobe; enamorarnos con un nuevo Dreamweaver. En cierta forma, yo como que lo predecía, por que, el próximo libro que tengo en mi poder es exactamente ese: Adobe Dreamweaver CC, hay que saber de todo un poco para poder ser competente hoy día! Así que pendientes también a esos próximos post relacionados a Dreamweaver.

DW

Por el momento disfrutemos de Adobe Muse CC hasta marzo del 2020 y comencemos a empaparnos de Adobe Dreamweaver CC desde hoy.

¡’Dición!