Archivo

Archivo para la categoría ‘Diseño Web’

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

martes, 7 de septiembre de 2021 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…

Formularios: Soluciones Modernas CSS

lunes, 6 de septiembre de 2021 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: , , , ,

10 etiquetas HTML que no se utilizan con tanta frecuencia como se merecen

sábado, 4 de septiembre de 2021 3 comentarios

Aparte de las etiquetas más comunes, como <a> y <img>, hay todo un conjunto de etiquetas infrautilizadas actualmente en la especificación HTML con una potencial y rica semántica para el marcado. En los años anteriores a la llegada de la CSS, los desarrolladores tenían razones para utilizar siempre las mismas etiquetas con el fin de controlar su presentación, que variaba con el marcado en lugar de reglas personalizadas. Basta pensar en <b> y <font>.

Ahora que los CSS son bien soportados, no hay razón para no aceptar la etiqueta adecuada para el trabajo correcto, y comenzar a incluir las siguientes etiquetas en tu marcado. El Explorador también es muy bueno para los propias etiquetas: son más viejos de lo que piensas.

No estoy hablando de rellenos como <acronym> o <abbr>: Sé que no es tan útil y que nunca incluistes una de estas abreviaturas en el cuerpo del texto. Estas etiquetas no son de cambio de vida, pero hacen una diferencia en la facilidad de uso y claridad del código. Si no estás seguro de lo que sería mostrado por algunos de los fragmentos, le animo a probarlos en tu navegador. Han sido probados y funcionales en Firefox 3.6.
Leer más…

Categories: Diseño Web Tags: , ,

Colarse en el futuro: 25 Páginas web ultra modernas usando HTML5

lunes, 23 de agosto de 2021 6 comentarios

HTML5, la próxima gran revisión de HTML, el lenguaje de Internet que va a revolucionar la forma en que los desarrolladores y diseñadores web crean sitios web y la forma en que los visitantes las utilizan. Esta siendo editado por Ian Hickson de Google y David Hyatt de Apple, dos de las mayores mentes creativas de la web.
Leer más…

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

Fertigo – Fuente Gratis de la Semana

sábado, 21 de agosto de 2021 Sin comentarios

Seguimos coleccionando las más bellas fuentes de texto gratis de alta calidad, que pueden ser utilizadas para proyectos tanto privados como profesionales, sin restricción alguna. Son difíciles de encontrar, pero la búsqueda, sin duda vale la pena.

Leer más…

Categories: Diseño Web Tags: ,

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

miércoles, 18 de agosto de 2021 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…

Generar un archivo CSS a partir de HTML

domingo, 15 de agosto de 2021 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…

10 libros en línea gratis para Diseñadores Web

viernes, 13 de agosto de 2021 Sin comentarios

Hay una fuente interminable de información allí afuera para nosotros los diseñadores web. Si hay algo que tenemos que aprender, lo podemos encontrar de una u otra forma. A veces puede ser en un blog o podría ser en un libro. Si bien podemos gastar un poco de dinero en un buen libro de diseño de páginas web, hay una serie de ellos que tienen versiones en línea que son totalmente gratis. Aquí hay 10 que encontraras muy útiles.
Leer más…

Categories: Diseño Web Tags: ,

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

jueves, 12 de agosto de 2021 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…

Fuentes comerciales vs fuentes web +150 grandiosas tipografías web

martes, 10 de agosto de 2021 2 comentarios

¿Fuentes comerciales o fuentes gratis?, he ahí el gran dilema que aqueja a muchos diseñadores que se les hace difícil decidir entre las fuentes hermosas, pero costosas, como Helvetica o Futura y las fuentes gratis como los que aparecen en las fuentes web de Google, que también tienen un muy bonito diseño, pero nunca serán igual que las originales.
Leer más…

Pagina 1 de 212»Top Footer