48 resultados por: diseno
Cómo centrar un Div con CSS - 10 formas diferentes
Para los desarrolladores web, a veces centrar un div parece uno de los trabajos más difíciles del mundo. Pues ya no. En este artículo, aprenderás 10 formas diferentes de centrar un div. Exploraremos cómo centrar divs utilizando la propiedad CSS position, CSS Flexbox y CSS Grid. Después de leer todo este artículo,…
Category : Css 21-07-2022 by Janeth Kent
Como hacer tu propio cursor personalizado para tu web
Cuando empecé a ojear webs distintas y originales para aprender de ellas, de las primeras cosas que me llamaron la atención fue que algunas de ellas tenían sus propios cursores, así que investigué para poder incorporarlo en mi web. Hoy os traigo una versión simple de un cursor personalizado para que…
Category : Diseño web 08-06-2022 by Nadal Vicens
8 beneficios de tener una página web para tu negocio
En este momento, Internet es un fenómeno que arrasa a nivel mundial. Ha podido interconectar millones de usuarios en todo el planeta. Las personas han vuelto a Internet una parte indispensable de sus vidas. Si quieren averiguar dónde comer, buscan en su teléfono móvil recomendaciones de restaurantes. Si quieren comprar…
Category : Web marketing 03-06-2022 by Nadal Vicens
Herramientas alternativas de diseño web open source
Hay muchas herramientas de creación de prototipos, de diseño de interfaz de usuario o aplicaciones de gráficos vectoriales. Pero la mayoría son de pago o de código cerrado. Así que por aquí os enseñaré varias opciones open source para que probéis y podáis utilizar la que más os guste. Penpot Penpot es…
Category : Diseño web 03-06-2022 by Nadal Vicens
Explorando la API CSS Paint: Redondeo de formas parte 2
Vamos con la segunda parte de nuestro artícul sobre como manejar la API Paint para redondar bordes complejos Control de los radios En todos los ejemplos que hemos visto, siempre consideramos un radio aplicado a todas las esquinas de cada forma. Sería interesante que pudiéramos controlar el valor del radio de cada…
Category : Css 25-10-2021 by Silvia Mazzetta
7 principios de UX para potenciar las SERPs
La experiencia del usuario es uno de los pilares más importantes del diseño web. No hay duda de que hay que fijarse en la UX en cada página que se diseña para la web, ya sea un portafolio, una página de perfil o un sitio web completo. Por desgracia, lo que…
Category : Diseño ui/ux 14-10-2021 by Silvia Mazzetta
Imágenes de fondo responsivas con relación de aspecto fijo o fluido
¿Cuál es la forma más fácil de escalar las imágenes de fondo en los diseños responsivos? Utilizamos una antigua técnica y la mejoramos para cambiar con fluidez la ratio de aspecto de las imágenes de fondo. Los diseños responsivos permiten escalar dinámicamente el ancho de un sitio web para que se…
Category : Css 06-05-2021 by Janeth Kent
Comenzando con Bootstrap-Vue paso a paso
Hoy te mostraremos cómo usar BootstrapVue, describiremos el proceso de instalación y mostraremos la funcionalidad básica. El proyecto está basado en el framework CSS más popular del mundo - Bootstrap, para la construcción de páginas de aterrizaje responsive mobile-first y lo combina con Vue.js. Bootstrap-Vue aún no es compatible con Vue 3.…
Category : Javascript 05-04-2021 by Tibor Kopca
Windows 10 tendrá nuevos iconos del Explorador de Archivos como parte de una revisión visual
Microsoft está dando al Explorador de Archivos de Windows 10 una revisión visual con nuevos iconos. El gigante del software ha comenzado a desplegar una compilación de prueba de Windows 10 que incluye cambios en los iconos del sistema que encontrarás en el Explorador de Archivos, incluyendo la Papelera de…
Category : Tecnologías 25-03-2021 by Janeth Kent
El diseño gráfico y su impacto en el desarrollo web
En el artículo de hoy explicaremos el concepto de diseño gráfico, sus fundamentos y lo que aporta al desarrollo web. El diseño gráfico se aplica a todo lo visual, lo creas o no, puede ayudar a vender un producto o una idea, se aplica la identidad de la empresa como…
Category : Diseño web 05-04-2021 by Tibor Kopca
Los mejores selectores de fechas para Bootstrap y tu aplicación
Los selectores de fecha son widgets que permiten a los usuarios elegir una sola fecha o rango de fechas y horas. Es un elemento habitual para todo usuario de Internet, ya que lo vemos casi en todas partes (sobre todo en los formularios de registro, cuando hay que rellenar la…
Category : Javascript 17-01-2021 by Luigi Nori
Cómo usar el efecto Parallax.Js en tu sitio web
Hoy vamos a escribir sobre el efecto de parallax, similar al desplazamiento de parallax, y cómo implementarlo para mejorar su página de aterrizaje. En webdev, dicen que primero el móvil - bueno, este motor reaccionará al movimiento de un dispositivo inteligente, desplazando las capas dependiendo de su profundidad dentro de…
Category : Javascript 27-12-2020 by Tibor Kopca
Modo oscuro persistente con CSS y JS
Recientemente escribimos acerca de cómo hacer un modo de color o tema alternativo intercambiable, una característica muy útil y popular para los sitios web. El artículo de hoy tratará sobre cómo almacenar la configuración de un usuario en su sitio web, específicamente, cómo guardar la configuración del modo oscuro y…
Category : Css 25-12-2020 by Tibor Kopca
El concepto de Modelo-Vista-Controlador (MVC) explicado
En la ingeniería de software, usamos patrones de diseño como soluciones reutilizables para un problema común, un patrón es como una plantilla de cómo resolver un problema. El Modelo-Vista-Controlador (MVC) es un patrón de diseño de software que divide el programa o la aplicación web relacionada en tres elementos o componentes…
Category : Programación 04-11-2020 by Tibor Kopca
Cómo superponer múltiples imágenes usando CSS?
CSS significa Hoja de Estilo en Cascada. Es un lenguaje de hojas de estilo que define la presentación del documento en un lenguaje de marcado como HTML. La hoja de estilo en cascada permite diferenciar el contenido y otras presentaciones visuales como los colores, el diseño, las fuentes y los temas.…
Category : Css 08-10-2020 by Janeth Kent
Cómo usar el Masking en CSS
Cuando recortas un elemento usando la propiedad de clip-path, el área recortada se vuelve invisible. Si en cambio quieres hacer opaca una parte de la imagen o aplicarle algún otro efecto, entonces necesitas usar un enmascaramiento. Este post explica cómo usar la propiedad mask-image en CSS, lo que te permite…
Category : Css 28-09-2020 by Silvia Mazzetta
Cómo escribir nuestra propia Política de Privacidad
En este artículo hablaremos de las declaraciones de la Política de Privacidad, de cómo puedes escribir una y ponerla en práctica en tu página. ¿Por qué apareció? Hoy en día, cuando navegamos en cualquier página nueva, o cuando visitamos el sitio web por primera vez, la mayoría de las veces tenemos que…
Category : Desarollo 25-10-2020 by Tibor Kopca
De dioses y robots: batallas épicas entre mitos y tecnologías
Viajar en el tiempo hasta la antigüedad podría ayudarnos a visualizar el futuro de la humanidad. Según el mito griego, después de la creación de los humanos y de los animales, los dioses encargaron a Prometeo y a su hermano menor Epimeteo la asignación de las habilidades a los humanos. Los…
Category : Noticias 26-08-2020 by Silvia Mazzetta
Debian lanza una convocatoria para el diseño de su nuevo desktop en la versión 11 BullsEye
Jonathan Carter del grupo de desarolladores de Debian acaba de lanzar una convocatoria para artistas digitales sobre la creación del nuevo tema oficial para Debian 11 Bullseye, a continuación su email a la community: Queridos Debianites Esta es la convocatoria oficial de propuestas de artwork para elciclo de creación de Debian 11…
Category : Noticias 12-08-2020 by Janeth Kent
Como integrar lazy-loading nativo de imágenes en tus proyectos web
¡El soporte nativo de lazy-loading en imágenes está ahora soportado en la web! Mira esta demostración de la función A partir de la versión 76 de Chrome, puedes usar el atributo para hacer lazy-loading en imágenes sin necesidad de escribir un código personalizado para el lazy-loading o usar una librería…
Category : Programación 04-08-2020 by Luigi Nori
El mejor software y aplicaciones gratuitos de streaming en directo para todas las plataformas
Estamos en una lenta transición hacia un mundo hecho de transmisiones en streaming. Ya sea que quieras transmitir en vivo o capturar contenido de la web, las opciones son ilimitadas. Con el mejor software de transmisión, puedes transmitir como los profesionales, aunque encontrar el programa adecuado es más fácil de…
Category : Multimedia 14-05-2020 by Luigi Nori
Cómo enviar mensajes SMS con Google Sheets y tu teléfono Android
Envía mensajes de texto personalizados a tus contactos con la ayuda de Google Sheets y tu teléfono Android. Los mensajes SMS van directamente desde la SIM de tu teléfono, no se requiere ningún servicio SMS de terceros. Hay servicios que te permiten enviar mensajes de texto programados a cualquier número de…
Category : Javascript 08-04-2020 by Janeth Kent
Principios Gestalt: Secretos de la piratería del cerebro humano por diseño
Cuando has vistola foto de arriba, ¿qué te ha venido a la mente? ¿Caras de mujeres o un candelabro? Sí, tal vez pueda adivinar tu respuesta. Porque el estudio dice que el 80% de las personas lo ven como caras de mujeres. Y esa es la forma definitiva en que…
Category : Diseño web 13-12-2019 by Janeth Kent
Como construir una API RESTful - Guía paso a paso
En este artículo, voy a hablar sobre cómo diseñar mejor sus APIs RESTful para evitar errores comunes Como desarrolladores de software, la mayoría de nosotros usamos o construimos APIs de REST en el día a día. Las API son el medio de comunicación por defecto entre los sistemas. Amazon es el…
Category : Programación 06-09-2019 by Luigi Nori
4 cosas que no sabías sobre Grid CSS
Durante mucho tiempo, el CSS no contenía un gran número de sorpresas. Desarrollándose a un ritmo tranquilo, el lenguaje se conformaba con estilizar sus fuentes y hacer flotar sus divs, mientras que lenguajes como JavaScript hacían el trabajo pesado. Sin embargo, en los últimos años, el CSS ha vivido un etapa…
Category : Css 03-06-2022 by Janeth Kent
Las mejores alternativas a Youtube
Puede que pienses que ver vídeos inocentes no da mucha información sobre ti, pero estarías equivocado. Es sorprendente la cantidad de datos que utiliza Google para entender quién eres y qué te gusta o no te gusta. Es hora de que recuperes tu privacidad y busques una plataforma de vídeo…
Category : Multimedia 05-07-2019 by Janeth Kent
Imágenes responsivas y atributos srcset and sizes
En la revolución del diseño web, las imágenes son una cosa que aparentemente se ha quedado atrás. Hasta hace relativamente poco, servir diferentes imágenes en función del tamaño de la pantalla o de la densidad de píxeles no era algo que se hacía en absoluto. El elementoes muy prometedor para cambiar…
Category : Diseño web 01-07-2019 by Janeth Kent
Susan Kare: El arquitecto de la iconografía de Apple
Apunta y haz clic. Los gestos y metáforas de la computación basada en iconos nos parecen tan naturales y sin esfuerzo ahora que nos parece extraño recordar navegar en el mundo digital de cualquier otra manera. No es raro ver a un niño que apenas tiene edad para leer, tomar un…
Category : Tecnologías 20-06-2019 by Janeth Kent
5 Librerias Javascript gratis para la autenticación de usuarios
Nos interesa la seguridad: la autenticación es una cuestión importante a la hora de crear una aplicación web dinámica. La autenticación es para identificar a los usuarios y proporcionar diferentes derechos de acceso y contenido dependiendo de su identificación. Dado que aparecen nuevos tutoriales en la web y más gente trata…
Category : Javascript 07-06-2019 by Janeth Kent
Regresan los PowerToys de Microsoft para usuarios avanzados de Windows 10
Microsoft introdujo por primera vez el concepto de "PowerToys" en Windows 95. Originalmente era una forma de que los ingenieros de Windows probaran una característica prototipo, y Microsoft empaquetó algunas de las mejores en un paquete de PowerToys. Estos PowerToys incluyen utilidades populares como Tweak UI para personalizar la interfaz…
Category : Sistemas operativos 08-05-2019 by Janeth Kent
Wayback Machine: Un archivo de páginas webs que ya no existen
La web está evolucionando a un ritmo tan rápido que a veces ni siquiera se nota cómo han cambiado los sitios web en pocos años. Desde el diseño hasta la organización de la información, pasando por el contenido o la imagen de marca. Todo evoluciona junto con Internet y muchas…
Category : Software 03-05-2020 by Janeth Kent
UX-UI: Como diseñar los mejores formularios
Ya sea que se trate de un flujo de registro, de un paso multivista o de una interfaz de entrada de datos monótona, los formularios son uno de los componentes más importantes del diseño de productos digitales. Este artículo se enfoca en lo que se debe y lo que no…
Category : Diseño ui/ux 02-05-2020 by Silvia Mazzetta
Gutenberg para WordPress, introducción al nuevo editor
Si utilizas WordPress como motor de la web de tu negocio, habrás podido darte cuenta de que el editor de entradas y páginas lleva muchísimo tiempo sin hacer ningún cambio, o con cambios mínimos. Esto va a cambiar con Gutenberg, el editor clásico ya se estaba quedando algo atrás, respecto…
Category : Desarollo 24-08-2018 by Janeth Kent
10 Snippets de los media queries
Si estáis desarrolando un sitio o aplicación web Responsive (adaptativa) y todavía no sabes que Media Queries utilizar para los dispositivos que estás soportando el artículo de hoy te vendrá perfecto! Antes de todo...Que se entiende por Media Query Snippets? Se llaman Media Query Snippets pequeños fragmentos de código elaborados con las media queries para detectar la mayoría…
Category : Css 30-08-2013 by Janeth Kent
Javascript: 12 e-book gratis para usuarios avanzados
El mundo del desarrollo web y del diseño web , como os hemos dicho el el post: Javascript: 16 e-book gratis para usuarios intermedios se ha venido expandiendo en esta última época, especialmente gracias a los nuevos lenguajes HTML5 yCSS3 y a una gran variedad de aplicaciones que utilizan Javascript. Hoy os…
Category : Diseño web 22-08-2013 by Janeth Kent
10 increíbles experimentos con HTML5
Los laboratorios de innovación se llenan de creación e ideas impresionantes. Este es el caso de Chrome Experiments, creado para que los desarrolladores den rienda suelta a la imaginación y expongan sus mejores experimentos para navegadores. El denominador común de todos ellos es que han sido desarrollados mediante HTML5, Canvas, SVG y WebGL. Hoy nos hemos encontrado por Internet…
Category : Diseño web 20-08-2013 by Janeth Kent
Que es el Lorem Ipsum? 25 Originales Generadores de Lorem Ipsum
Los diseñadores web, antes de terminar un diseño normalmente lo enseñan a su cliente para poder hacer los cambios finales. Para completar el contenido en lo que respecta al texto, se usa en este caso un texto simulado que se conoce como "Lorem ipsum". Lorem ipsum (lipsum en su forma abeviada) es…
Category : Diseño web 05-08-2013 by Janeth Kent
Aprender diseño web: 13 libros gratis
¿Cómo aprendo a diseñar? ¿Cómo hago un formulario de contacto? ¿Dónde puedo descargar un manual de HTML5 o JavaScript? ¿Estás buscando algúnos manuales y libros sobre diseño web y desarrollo de páginas? Estos 13 libros de diseño web te harán más fácil la tarea. Son sencillos, son prácticos (porque están completamente online) e incluso se pueden descargar en…
Category : Diseño web 06-11-2015 by Janeth Kent
Que es el flat design o diseño plano?
En diseño las modas son cíclicas y cuando hablamos de diseño web, estos ciclos suelen mucho más cortos. Comentamos esto, porque llevamos ya unos meses viendo que una de las grandes tendencias para este año es volver a hacer uso del “flat design” o diseño plano a la hora de desarrollar…
Category : Diseño web 29-07-2013 by Janeth Kent
9 útiles herramientas web para importar y exportar paletas de colores
Para los diseñadores y desarrollos web es de mucha utilidad tener herramientas que les permitan hacer más rápido su trabajo. Para los diseñadores y programadores, quienes son los que hacen el contenido es importante contar con una paleta de colores definida para cada proyecto en el que van a meter mano…
Category : Diseño web 16-07-2013 by Janeth Kent
27 recursos y utilidades para diseño web mobile y responsive
Este último año, la demanda de diseño de sitios web Responsive se ha disparado. Cuando empezamos un proyecto con responsive web design siempre necesitamos re-dimensionar nuestra pantalla a los distintos tamaños de dispositivos ya sea: tablet, ipad, iphone, smartphone o desktop. Es cierto que hay muchas herramientas en Internet que nos ayudan e incluso…
Category : Software 09-07-2013 by Janeth Kent
50 recursos y herramientas webs para diseñadores y desarrolladores
¿Queréis saber cómo montar una web o una app desde el principio para impactar a vuestros clientes? A continuación os presentamos una lista con 50 ideas, herramientas y recursos web que os ayudará a optimizar vuestro proyecto web. Hemos dividido la lista en 4 catagorías: Herramientas CSS & HTML Frameworks CSS, HTML & PHP…
Category : Diseño web 08-07-2013 by Janeth Kent
Desarrollo Web: 20 Tutoriales para principiantes
Un sitio web no está compuesto sólo de bonitas fotos y gran contenido, sino también de complejos guiones que ponen todo en su lugar y hacen que todo el sitio funcione. El desarrollo de un sitio web no es una tarea fácil, y a veces es mucho más difícil que crear…
Category : Diseño web 10-09-2020 by Janeth Kent
10 plugins jQuery para personalizar los Scrolls
En muchas ocasiones necesitamos personalizar hasta el último detalle de los elementos que conforman las webs de nuestros proyectos, en este artículo os enseñamos 10 plugins Jquery para personalizar los scrolls tanto verticales como horizontales para poder mostrarlos con el look & feel que queramos indistintamente del sistema operativo. 1. SLY 2. PERFECT-SCROLLBAR 3. ROLLBAR 4. EASY SCROLL 5.…
Category : Javascript 02-07-2013 by Janeth Kent
Fuentes gratis: una compilación de 75 sitios
A veces encontrar la fuente perfecta para un proyecto resulta muy difícil. La tipografía es un elemento tan simple y a la vez tan importante que puede ser el motivo del éxito o fracaso de nuestro proyecto. Como os he dicho al principio, es bastante difícil encontrar la fuente adapta, pero…
Category : Diseño web 26-06-2013 by Janeth Kent
Google lanzará una herramienta de desarrollo HTML 5
Google quiere lanzar un diseñador web para “profesionales creativos”. Según el coloso de Mountain View este servicio será lanzado en los próximos meses y está destinado a “capacitar a los profesionales creativos a crear una publicidad de vanguardia, así como a la creación de contenido web, como páginas y aplicaciones de forma…
Category : Software 06-06-2013 by Janeth Kent
E-book y recursos gratuitos sobre diseño y desarrollo web
Para los diseñadores o desarrolladores web, aprender de memoria todo lo relacionado con un lenguaje resulta una tarea bastante difícil, es por eso hemos recopilado una lista de recursos gratuitos sobre el diseño y desarrollo web. Dive into HTML5 Guía sobre HTML5 y cómo utilizarlo hoy en día en los navegadores actuales. Autor:…
Category : Diseño web 24-04-2013 by Janeth Kent
Facebook: nuevo diseño de la versión de las páginas para dispositivos móviles
De los millones de personas que visitan a diario páginas de Facebook en todo el mundo, casi la mitad lo hacen desde un teléfono móvil. Para que les sea más fácil interactuar con tu empresa desde el móvil y conocerla mejor, hemos decidido cambiar el diseño de la versión de…
Category : Social networks 24-04-2013 by Janeth Kent