[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Desde la aparición de la web 2.0 Internet sin duda sufrió uno de sus cambios mas notables y a través de este proceso se ha transformado para dar acogida a todas las necesidades de sus usuarios, esto ha sido también el catalizador de que los sitios web también ha tenido que evolucionar con dicho cambio. Allá por el 2011 apareció en nuestro lenguaje profesional los llamados sitios web responsive o adaptables a todo tipo de pantallas y dispositivos fuese cual fuese su formato, dicha evolución de los sitios web se consiguió utilizando técnicas CSS avanzadas para su desarrollo o utilizando nuevos frameworks CSS como por ejemplo el protagonista de este post: Bootstrap. Pero ¿que es exactamente Bootstrap? Pues es un framework CSS desarrollado en el año 2011 por Twitter que permite diseñar sitios web mediante librerías CSS que incluyen tipografías, botones, cuadros, menús y otros elementos que pueden ser utilizados en cualquier sitio web. Aunque como ya hemos dicho el desarrollo del framework Bootstrap fue iniciado por Twitter, este fue liberado bajo licencia MIT en el año 2011 y su desarrollo continua en un repositorio de GitHub. Bootstrap es una excelente herramienta para crear interfaces de usuario limpias y totalmente adaptables a todo tipo de dispositivos y pantallas, sea cual sea su formato. Además nos ofrece las herramientas necesarias para crear cualquier tipo de sitio web utilizando los estilos y los elementos de sus multiples librerías. Otro punto muy imprtante a tener en cuenta por el desarrollador web es la compatibilidad con los navegadores y Boostrap es compatible con la mayoría de navegadores web del mercado: – Google Chrome (en todas las plataformas). – Mozilla Firefox (en Mac y en Windows). – Safari (tanto en iOS como en Mac). – Internet Explorer (en Windows y Windows Phone). – Opera (en Windows y Mac). Con la evolución que ha sufrido hasta encontarse ahora como Bootstrap 3 el framework se ha vuelto bastante más compatible con desarrollo web responsive, entre otros puntos lo han mejorado en lo siguiente: – Soporte casi completo para HTML5 y CSS3, permitiendo ser usado de forma muy flexible para desarrollo web. – Se ha añadido un sistema GRID que permite diseñar usando un GRID de 12 columnas donde se debe plasmar el contenido, con esto podemos desarrollar responsive de una manera más fácil e intuitiva. – Boostrap 3 nos permite insertar imágenes responsive, es decir, con solo insertar la imagen con la clase “img-responsive” las imágenes se adaptaran al tamaño. Boostrap 3 establece Media Queries para 4 tamaños de dispositivos diferentes variando dependiendo del tamaño de la pantalla del visitante, estas Media Queries permiten desarrollar para dispositivos móviles y tablets de forma más fácil. Este listado de mejoras hacen que tengamos Boostrap como una excelente opción para desarrollar webs y aplicaciones web totalmente adaptables a cualquier tipo de dispositivo en nuestros futuros proyectos. Todos sabemos del exito que tiene WordPress en internet y existen muchísimos themes para WordPress que tienen una base Bootstrap o están desarrollados directamente con Bootstrap, es más, podemos decir que actualmente el 80% de los themes para WordPress que son responsive están desarrollados con una base Bootstrap. Este frameworks CSS es de los más famosos y uno de los más utilizados, ya que muchos sitios web de los que visitamos en el día a día están creados con esta técnica y por eso hemos querido dedicarle este post.
Website de descarga de recursos de diseño gráfico con algunas opciones gratuitas – inkydeals.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] A los diseñadores gráficos y a los diseñadores web nos gusta de conocer muy bien todo lo que se cuece en internet, pero especialmente lo que se nos puede ofrecer para avanzar en nuestro trabajo y mejorar nuestra técnica de diseño. Para este acometido viene muy bien observar trabajos ajenos y así aumentar nuestra memoria visual. Si al mismo tiempo vamos practicando con nuevas técnicas pues así será mejor nuestro desarrollo profesional. En este post les enlazamos con un excelente website de descarga de recursos para diseño gráfico, dicha web es inkydeals.com y nos ofrece una serie de descargas gratuitas bastante jugosas y muy frescas. No dude si está interesado en este ámbito en echarle un vistazo. Puede acceder a dicha web desde este enlace.
Website de descarga de recursos vectoriales e imágenes – freevector.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Este post se lo dedicamos de nuevo a los websites de descargas de recursos de diseño gráfico. En este caso a la web de freevector.com la cual nos ofrece una gran colección de archivos vecoriales para avanzar en nuestro nivel con dicha técnica de diseño o incluso para añadirlos a nuestros proyectos. No es necesario registrarse para acceder a muchas de las opciones que nos ofrece aunque se disfrturán de más ventajas si lo hacemos. Puede acceder a la web a través de este enlace.
Website de descargas de recursos de diseño web con WordPress – themeisle.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Si es usted bloguero y/o tiene una web desarrollada mediante la implementación de WordPress o simplemente está pensando en desarrollar uno, no dude en acceder antes a la web de themeisle.com Es necesario registrase para poder realizar descargas y disponen de algunos temas gratis, ademas nos ofrecen más herramientas como algunos interesantes plugins. Puede acceder a la web a través de este enlace.
Website de descarga de recursos vectoriales e imágenes – vectorstock.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Varios años en el ámbito de las descargas de recuros de diseño gráfico y mas especialmente en el ámbito de los archivos vectoriales es vectorstock.com Por eso no podiamos pasar sin ofrecerles un lugar en nuestro blog. Si se registra podrá disfrutar de algunas descargas gratuitas y aún así los precios que ofrecen son asequibles. Aunque siempre su puede visitar aunque sea solo en busca de inspiración. Puede acceder a este website a través de este enlace.
Un gran trabajo de animación 3D: la pelicula Autómata
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] En este post del apartado dedicado a las producciones audiovisuales, queremos destacar el largometraje de corte futurista Autómata protagonizado por Antonio Banderas y dirigida por Gabe Ibáñez y coescrita por este con Igor Legarreta y Javier Sánchez Donate. Ciencia ficción en estado puro y con un guión simple pero que remueve conciencias, presentando un futuro incierto debido a la codicia del hombre. Destacamos de este film el trabajo de diseño gráfico y de motion graphics que han hecho y de su perfecta integración en las escenas. Se la recomendamos a todos los aficionados al modelado ya las animaciones con herramientas 3D. Esperamos que sea de su agrado.
Nuevo diseño de flyer para nuestros clientes del Hotel Villes du Maroc
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] En este post les mostramos nuestro nuevo diseño gráfico a modo Mockup. Un flyer para nuestros clientes del Hotel Villes du Maroc ubicado en Chefchaouen, un importante pueblo de gran nivel turístico del norte de Marruecos. Un folleto de una cara, diseñado en un formato pequeño similar a las free-post para ser repartido a los turistas en las inmediaciones de la Medina, donde está situado el hotel.
70 Tutoriales para Adobe Illustrator – designrfix.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] Este post se lo dedicamos al diseño gráfico y en especial al uso de archivos vectoriales. La web de descarga de recursos designrfix.com nos ofrece 70 tutoriales para avanzar en nuestro nivel de uso de Illustrator el software de diseño vectorial de la casa Adobe. Puede descargar la versión de prueba de este software desde la web oficial de Adobe a través de este enlace, solo tiene que registrarse, descargarlo e instalarlo en su equipo. Puede acceder al website para acceder a los tutoriales de diseño desde este enlace.
Website de descarga de imágenes gratuitas – imageafter.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] ¡Muy buenas a todos! Desde nuestro estudio queremos aprovechar este post para mostraros un banco de imágenes de los más visitados en internet. Este es imageafter.com y nos ofrecen la opción para descargar imágenes gratuitas para emplear en nuestros diseños y futuros proyectos. Además cuenta con un foro donde podremos consultar a la comunidad de dicha web en el caso de que no encontremos lo que necesitamos. Podéis acceder a esta web desde este enlace. Si necesitáis más información acerca de nuestros servicios no dudéis en ponerse en contacto con nosotros, os atenderemos con la mayor brevedad que nos sea posible.
Generador de textos lorem ipsum – lipsum.com
[siteorigin_widget class=»SiteOrigin_Widget_Image_Widget»][/siteorigin_widget] ¡Muy buenas a todos! Hoy queremos aprovechar esta entrada de nuestro blog de diseño, a una herramienta de uso muy frecuente entre maquetadores web. Os vamos a presentar una web que nos ofrece un generador de textos Lorem Ipsum para rellenar los bloques de texto de nuestros desarrollos. Pero… ¿qué es eso de Lorem Ipsum? El recurso de Lorem Ipsum para los desarrolladores web es una herramienta invaluable en el mundo del diseño y desarrollo de sitios web. Este es un tipo de texto ficticio utilizado como marcador de posición en la maquetación y diseño de páginas web, aplicaciones y otros proyectos digitales. Esta práctica se ha convertido en un estándar de la industria debido a su utilidad y conveniencia. El Lorem Ipsum se utiliza principalmente cuando se está diseñando una página web o una aplicación y aún no se dispone del contenido real, como texto, imágenes o datos. En lugar de esperar a que el contenido real esté disponible, los desarrolladores web pueden insertar bloques de texto Lorem Ipsum para simular cómo se verá la página una vez que se complete. Las principales ventajas del Lorem Ipsum para los desarrolladores web son: Facilidad de uso: El Lorem Ipsum es fácil de generar y utilizar. Hay numerosas herramientas en línea y editores de texto que permiten generar párrafos o fragmentos de Lorem Ipsum con solo unos pocos clics. Realismo visual: Al utilizar Lorem Ipsum, los diseñadores y desarrolladores pueden obtener una representación visual realista de cómo se verá el diseño final, lo que facilita la toma de decisiones y la corrección de errores de diseño. Evita distracciones: Al utilizar texto ficticio en lugar de contenido real, los desarrolladores pueden concentrarse en la estructura y el diseño de la página sin distraerse por el contenido real, lo que a menudo está sujeto a cambios. Consistencia: El Lorem Ipsum es útil para asegurarse de que se mantenga una coherencia en la maquetación y el diseño de la página, ya que proporciona un contenido ficticio estandarizado. En resumen, el Lorem Ipsum es una herramienta esencial para los desarrolladores web que les permite agilizar el proceso de diseño y maquetación, garantizar la coherencia visual y centrarse en la estética de sus proyectos sin preocuparse por el contenido real. Facilita la comunicación entre diseñadores y clientes, y ayuda a lograr un diseño atractivo y funcional antes de que se complete el contenido final. Y una vez hechas las presentaciones, volvemos al website que os queríamos presentar. Es extremadamente fácil de usar, solo tenemos que indicarle el número de párrafos o de palabras que necesitamos y automáticamente nos generará el bloque de texto que deseamos. Un recurso muy extendido en el ámbito del diseño gráfico y del diseño web. Puede acceder a dicho website desde este enlace.
