maquetación


Usuarios por dispositivo mes a mes año pasado

Qué es realmente la Accesibilidad Web, el responsive design, el mobile-first.. una puesta al día con Bootstrap

Ha llegado la hora de ponerme al día con esta herramienta de desarrollo web para proyectos mobile-first. Hablo de Bootstrap, que como reza en su web, doy fe de que es muy popular desde hace años: Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Si tienes una plantilla contruída sobre Bootstrap ya tienes una página preparada para todo tipo de dispositivos. Esta herramienta creada por Twitter es todo un referente desde hace años. Puede que tu web esté mejor o peor hecha, pero si tienes Bootstrap, ya tienes un buen punto de partida. Y una de las herramientas de mayor renombre. Así que si no lo has tenido en cuenta, ya es hora de cambiar el chip, y empezar a pensar de otra forma. ¿Qué es la Accesibilidad Web? Si vamos al origen de la creación de la Web. […]


Logo de Wordpress

WordPress: desarrollar tu propio tema personalizado

¡Hola de nuevo! Estoy trabajando últimamente mucho con WordPress, así que he pensado que sería bueno ponerse al día indagando un poco más en cómo está hecho WordPress y cómo funcionan los llamados themes. Los themes son diseños que se pueden instalar en tu WordPress y lo hacen más atractivo a la vista, mejorando cosas de UI/UX que llaman los expertos. Es decir, mejoran el diseño, la interfaz de usuario, la usabilidad, la accesibilidad.. Estas materias en el desarrollo de software son principales para todos los que trabajamos con software con interfaz de usuario. Por esto que en la mayoría de estudios relacionados hemos tenido asignaturas destinadas única y exclusivamente a esta materia (Diseño web, Programación en Internet, Interfaces, Gráficos por computador..), algunas más hueso y otras más de sentido común.


El Picaporte Alicante

Quiero presentar aquí uno de mis últimos trabajos. Se trata de una web totalmente artesanal, con una parte frontal visible, y dos paneles de administración. Se trata de la presencia online de la conocida empresa El Picaporte Alicante, que trabaja con productos de muy alta calidad y exquisitos diseños. La web: https://elpicaportealicante.es/Facebook: https://facebook.com/ElPicaporteALCTwitter: https://twitter.com/elpicaporteALCInstagram: https://instagram.com/elpicaportealicante/ Cómo esta hecho Por motivos varios, y principalmente, para conseguir la mayor flexibilidad y la mejor de todas las calidades se decidió por un sistema hecho a medida para la empresa. Por esto se desarrolló un sistema desde cero usando de las mejores herramientas para desarrollo de aplicaciones web que existen: Symfony, Bootstrap, jQuery, Linux, MariaDB y desplegado sobre la mayor granja de servidores que existe a fecha de hoy, Amazon Web Services. Características Tenemos en la zona principal, después de la página splash de inicio, directamente el catálogo de productos. Dicho catálogo es navegable […]


Actualización de la web

Estoy doblemente contento, una razón es porque es sábado, la otra porque acabo de terminar y actualizar la página madre: https://jnjsite.com Se han aplicado las últimas técnicas en accesibilidad, usabilidad y diseño web. Validando los códigos fuentes y buscando un equilibrio entre el cumplimiento de las normas. La página ahora es totalmente compatible con dispositivos de pantalla pequeña, es decir, se adapta el menú, los tamaños de imagen, párrafos, etcétera.. incluso los formularios de los prototipos de gestión se adaptan a dispositivos pequeños como smartphones. Es lo que se llama responsive design, el diseño se acomoda al tamaño de pantalla. También desde el punto de vista de la accesibilidad se aplicado otras normas como establecer textos alternativos a las imágenes o el uso de teclas de acceso.  Desde el punto de vista de la usabilidad se han establecido caminos de uso de no más de 3 clicks. Salvo en los […]


Delegar tareas: dividir el trabajo

Administración de servidor de un Windows 2008 Server ¿Sabías que una web no es un paquete compacto e indivisible? Se puede trabajar por secciones o capas, de manera que personas especializadas en cada campo den lo mejor de sí para crear un todo. Una posible división:   #Diseño: que crea un diseñador gráfico.   #Maquetación: éste diseño está maquetado en una plantilla, el maquetador con conocimientos en diseño gráfico y programación lo hace.   #Redacción: el redactor de los contenidos de la web crea el contenido de la web, redacta y encaja las imágenes de contenido.   #Administración del #CMS: que gestiona los usuarios, actualizaciones y otras tareas relacionadas trabajando sobre el CMS.   #Programación: trabajo de modificación o creación del CMS, también se pueden incluir tareas de programación en administración del servidor.   Administración del #servidor: tareas relacionadas con nombres de dominio, archivos, copias de seguridad, instalación de gestores […]


La base de datos más grande de iconos vectoriales gratis

Se trata de un proyecto libre, hecho por y para diseñadores y desarrolladores, cualquier colaboración seguro que será bien recibida.  Su fundador, Alejandro Sánchez Blanes, se preocupaba diciendo: “Por qué no construir una nueva herramienta para encontrar y elegir los iconos sin límites, una herramienta que puede funcionar bien en cualquier proyecto, con el tiempo.” Flaticon es un almacén de iconos vectoriales que viene de la mano de Freepik, ya muy conocido. Pero en éste caso, se orientan a los iconos, todo tipo de iconos simples y sencillos, los ladrillos para tus trabajos. Los tenemos ordenados por categorías, autores, packs.. también tenemos un buscador. Podemos ir añadiendo a una cesta todos los iconos que queramos y descargarlos de una vez en un archivo comprimido que se generará automáticamente. Podremos elegir los formatos de Webfont, PNG, SVG o descargar en todos los formatos de una vez. Por otro lado tenemos disponible […]