Archivo

Archivo para la categoría ‘Diseño’

Generar un archivo CSS a partir de HTML

viernes, 22 de septiembre de 2023 Sin comentarios

Para lograrlo podemos utilizar BearCSS, que es una aplicación que permite generar una plantilla de un archivo CSS usando los elementos especificados en el archivo HTML que le indiquemos.
Leer más…

Formularios: Soluciones Modernas CSS

viernes, 22 de septiembre de 2023 3 comentarios

En la Web 2.0 los formularios de registro y comentarios se pueden encontrar en todas partes. Cada uno trata de atraer la atención de los visitantes, por lo que los formularios Web se están convirtiendo cada vez más y más importantes para el éxito de cualquier empresa. Al final, exactamente estos formularios web son responsables del primer contacto con los clientes potenciales. Echemos un vistazo, a las soluciones modernas que un desarrollador web puede utilizar, para el diseño css de su proximo formulario.

Leer más…

Categories: Diseño Web Tags: , , , ,

jQuery: Barra de desplazamiento al estilo ScrollableArea de Facebook con JScrollPane

jueves, 21 de septiembre de 2023 5 comentarios

¿Qué es la barra de desplazamiento?

De acuerdo a Wikipedia, una barra de desplazamiento es un objeto en una interfaz de usuario gráfica (GUI) con la que se puede desplazar texto continuo, imágenes o cualquier otra cosa incluyendo el tiempo en las aplicaciones de vídeo, de tal manera, que permita visualizarlo incluso si no encaja dentro del espacio de una pantalla, ventana o recuadro.

¿Qué es JScrollPane ?
Leer más…

Colores Extremos

jueves, 14 de septiembre de 2023 Sin comentarios

Hoy es un día duro y las conversaciones con los colegas no son nada esclarecedoras. Sin embargo, siempre hay una serie de tareas que se tienen que hacer hasta el final del día. Para despertar la imaginación y sobrepasar el bloqueo de creatividad ofrecemos puntos breves, atractivos enfoques de diseño, ideas interesantes y soluciones inusuales.

Hoy día la inspiración es toda acerca de algunas páginas muy coloridas. Prepárate para algunos colores extremos.

Leer más…

Categories: Diseño Web Tags:

Como hacer un favicon dinamico

miércoles, 13 de septiembre de 2023 Sin comentarios

Google Calendar dio a conocer un nuevo favicon, que provoco unas pocas menciones en Twitter. La primera, probablemente más importante era de Cennydd:

El nuevo icono de Google Calendar es muy diferente al de Google. Me gusta.

Luego Danny acamparon en las siguientes plataformas

Veo que Google Calendar tiene un nuevo icono. Se podría usar la fecha actual en lugar de «31»

Así que vamos a arreglar eso.
Leer más…

Naturaleza. Belleza. Gratitud.

miércoles, 13 de septiembre de 2023 Sin comentarios

Cuando me gradué en la UCLA, me trasladé al norte de California, a Elk, un pequeño pueblo en la costa de Mendocino. No tenía teléfono ni tele, pero tenía el servicio postal de EE.UU. y entonces la vida era buena, si pueden recordarlo. Iba a la tienda de comestibles por una taza de café y un bizcocho de chocolate, y enviaba mis negativos a San Francisco; y quién lo iba a decir, dos días después estaba de vuelta en mi puerta, lo cual era mucho mejor que luchar con el tráfico de Hollywood. No tenía mucho dinero, pero tenía tiempo y me podía maravillar.

Leer más…

4 maneras de Auto-actualizar tu navegador cuando diseñas sitios nuevos

miércoles, 13 de septiembre de 2023 1 comentario

Lo de siempre: haces algunos cambios a tu documento, haces clic en guardar, cambias al navegador, vuelves a cargar, y luego observas los cambios. ¿No sería conveniente auto-refrescar automáticamente el navegador cada cierto intervalo? De esa manera, por ejemplo, cada tres segundos, el navegador se actualizará automáticamente. Por supuesto, esto no es demasiado práctico para los sitios web pesados, sin embargo, cuando eres el primero en empezar el diseño de un nuevo sitio web, es muy conveniente! Te voy a mostrar un par de maneras de conseguirlo.
Leer más…

Un truco regex Javascript: Analiza una cadena de consulta en un objeto

martes, 12 de septiembre de 2023 1 comentario

¿Alguna vez se necesitan obtener los valores de cadena de consulta con JavaScript? Esta tarea suele ser una división dolorosa, dividir, dividir, iteración, indexOf hack que es realmente lento y terriblemente feo a la vista. También tiende a acumularse líneas de código muy rápido.
He aquí una manera muy dulce para analizar la cadena de consulta en un objeto de JavaScript con dos líneas de código usando expresiones regulares para rellenar un objeto. Descubrí este truco hace algunos años y lo archive en mi carpeta de fragmentos de código.

Leer más…

Muestra de hermosas fotografías

domingo, 10 de septiembre de 2023 Sin comentarios

A veces, una imagen puede ser lo suficientemente potente como para ser material inspirador por sí mismo. Para darle un poco de inspiración para el resto de la semana, te presento algunas imágenes realmente bellas e impresionantes de talentosos artistas y fotógrafos de todo el mundo.

Ya sea en blanco y negro o en colores, todos ellos están relacionados por un fuerte sentido de la composición y el énfasis en el trabajo de iluminación y colores. Todas las imágenes están enlazadas a sus fuentes, por lo que anímate a visitarlas. Otros trabajos de los fotógrafos que he destacado aquí, sin duda, también vale la pena descubrir. Ten en cuenta que algunas imágenes están disponibles como impresiones también.
Leer más…

Categories: Graficos Tags: ,

Lista de Herramientas CSS

viernes, 8 de septiembre de 2023 2 comentarios

¿Qué puede ser mejor que la simple, útil y práctica herramienta que puede utilizar «al vuelo» en el proceso de desarrollo? Si deseas probar el tamaño de fuente, generar formularios en línea, crear rollovers de navegación, crear una presentación de diapositivas, en formato de código CSS u optimizar su código – puede utilizar docenas de herramientas para hacer su vida más fácil.

Las hemos recopilado. Por lo menos la mayoría de ellas, y compilado en un breve y preciso resumen. Y aquí lo que hemos conseguido – las más útiles herramientas CSS que pueden utilizar el desarrollo de sitios web sin tablas.

Leer más…

Categories: Diseño Web Tags: ,
Pagina 1 de 3123»Top Footer