Ver por etiquetas

Todas las etiquetas » css (RSS)

Eliminar el botón de limpiado de controles de IE10

Va un truquillo rápido. Los que ya habéis saltado a Internet Explorer 10 seguro habréis notado el pequeño botón que este navegador añade a los cuadros de edición estándar cuando obtienen el foco, y que permite limpiar rápidamente su contenido: Pues bien, hay veces que a nivel de diseño no nos interesa que se muestre la pequeña “X” en los controles, su posición entra en conflicto con otro elemento visual...
Publicado por José M. Aguilar | con no comments
Archivado en: ,,,,

Hojas con estilo usando .less

Seguro que más de una vez has sufrido de lo lindo al tocar un archivo de hoja de estilos. Suelen estar mal organizados, ser muy extensos, difíciles de mantener, hay declaraciones duplicadas por todas partes… Y seguro que siempre te has preguntado si hay otra forma menos complicada de conseguir lo mismo. K. Scott Allen nos habla en su post Keeping CSS Files DRY de .Less (dot less), un interesante componente portado del mundo Ruby capaz de “compilar” hojas de estilo...

Cómo depurar selectores jQuery

El gran K. Scott Allen comentaba hace unas semanas en OdeToCode un pequeño truco que puede resultar de utilidad cuando tengamos un código jQuery que no funcione correctamente. Como comenta el autor, la mayoría de los problemas con jQuery se deben a un uso incorrecto de los potentes selectores , así que lo que propone es el uso de la consola javascript incluida en algunas herramientas como Firebug (para Firefox) o las propias herramientas de desarrollo incluidas en Internet...

NiftyDotNet 1.0

En noviembre de 2007 publiqué la última revisión de NiftyDotNet , el control de servidor open source para ASP.NET, que permite redondear las esquinas de los elementos de páginas web sin necesidad de utilizar imágenes, sólo haciendo uso de javascript no intrusivo. Durante el año que ha transcurrido desde entonces los archivos de NiftyDotNet han sido descargados 1000 veces (bueno, exactamente 998), he recibido muchos mensajes con cuestiones, sugerencias, y algunos bugs que he aprovechado para corregir...

Formas efectivas de ofuscar emails en páginas web

Todos sabemos que los spammers utilizan aplicaciones (llamadas robots , bots , spambots , o arañas ) que, de forma automática, rastrean Internet buscando y almacenando direcciones de correo electrónico. Para ello recorren páginas, analizan su contenido en busca de series de caracteres que puedan parecer una dirección de correo (normalmente localizando la arroba -@- u otros patrones presentes en ellas), y siguen sus enlaces en busca de otras páginas no visitadas para iniciar de nuevo este procedimiento...

Destacar enlaces a páginas en otros idiomas

Utilizando apropiadamente (X)HTML y hojas de estilo CSS, se pueden conseguir un montón de efectos interesantes para nuestras webs, como la inclusión de imágenes de fondo en cuadros de texto de formularios que vimos hace algún tiempo. Hoy vamos a ver lo fácil que resulta destacar enlaces (links) a páginas en idiomas distintos al nuestro de forma muy gráfica, colocando a su lado una banderilla que indique la lengua de destino, sin apenas introducir código adicional. Para lograrlo, necesitamos solucionar...

Imágenes en cuadros de texto de formularios web

Respondiendo a una consulta que hacía Joaquín hace un par de días , hoy describiremos una forma de hacer más atractivos los cuadros de edición de nuestros formularios web, introduciéndoles iconos o imágenes que, a la vez que adornan bastante, pueden ayudar al usuario a saber qué información debe introducir. Pero para que quede claro lo que pretendemos, primero un ejemplo del resultado que vamos a conseguir: La forma de conseguirlo es bastante sencilla. Basta con establecer, en las propiedades de...

NiftyDotNet, redondear las equinas de tus elementos web aún más fácilmente

Unas semanas atrás escribía una entrada sobre Nifty Corners Cube , una librería javascript que permitía redondear las esquinas de los elementos de bloque de una web (como divs, h, etc.) sin necesidad de crear imágenes o hacer malabarismos con el marcado, sólo añadiendo unas referencias al archivo .js y algunos scripts básicos de inicialización. Sin embargo, para un desarrollador habituado a arrastar y soltar , estas dos simples operaciones suponen demasiado esfuerzo como para considerar el uso de...