JASoft.org

El blog de José Manuel Alarcón Aguín. Programación web y mucho más...

MENÚ - JASoft: JM Alarcón

10 años de este blog y cuánto cuesta crearlo

Ya soy, oficialmente, toda una institución ;-) Y es que sí, amiguetes, este blog cumple hoy nada más y nada menos que ¡10 años!. Eso en tiempo de internet es algo así como 70 años. O sea, que realmente el blog tiene mucha solera y se le debe respeto como a todos los mayores, jejeje En realidad llevo muchos más años compartiendo y colaborando con la comunidad a través de Internet, casi desde que la Red de Redes comenzó a andar en nuestro país a mediados de los años ‘90. Ya escribí sobre todo eso cuando este blog cumplió 6 años. Es interesante ver cómo la evolución de los medios de Internet impacta a su vez en la progresión de mi forma de compartir con la comunidad. En los ‘90 escribía mucho en revistas del sector, en papel. Llegué a ver publicados más de 300 artículos en mi carrera como articulista, hasta que lo dej... [Más]

Después de las media queries llegan las feature queries en CSS3

Si alguna vez has utilizado Modernizr sabrás que esta biblioteca de JavaScript te permite determinar qué características soporta un navegador y cuáles no, tanto mediante código como mediante CSS (gracias a unas clases que añade a tu página por código). La verdad es que Modernizr está muy bien, pero añade complejidad a las páginas y puede afectar al rendimiento ya que debe procesarse antes de poder aplicar las correcciones apropiadas. ¿No sería estupendo que pudiésemos hacer este tipo de comprobaciones directamente con reglas CSS? Al igual que CSS3 nos trajo las media queries para poder hacer consultas sobre el medio en el que se visualiza una página, introdujo también las “CSS feature queries” que se consiguen mediante el uso de la palabra clave @supports en las reglas CSS. Del mismo modo que las media queries usan regiones de tipo @media para agrupar reglas qu... [Más]

Creando flechas en páginas web usando sólo CSS

Una cuestión que seguro que has visto implementada muchas veces por toda la Internet son las típicas flechas cuadradas que aparecen generalmente como parte de algún elemento mayor del que forman parte. Me estoy refiriendo a flechas como las que puedes ver en Facebook por ejemplo: o esta otra más pequeña de la misma red social: ¿Cómo podemos crear este tipo de flechas (y algunas otras) usando únicamente CSS y sin necesidad de emplear gráficos? La respuesta es a través del uso inteligente de los bordes en el modelo de cajas de CSS. Para verlo mejor consideremos cómo se pintan los bordes de un elemento HTML, para lo cual vamos a visualizar un simple div como este: <div id="mostrarBordes"></div> con sus cuatro bordes en colores diferentes, con esta regla CSS: #mostrarBordes { width:200px; height:200px; border-style: solid; border-width: 50px; border-color: blue red gr... [Más]

Cómo cancelar un pago periódico en PayPal

Esto es off-topic total, pero es que me ha costado un rato averiguarlo, así que creo que puede ser de utilidad para más personas y por eso lo pongo aquí... Yo tengo varios pagos recurrente hechos con PayPal, básicamente son donaciones periódicas que hago a algunos servicios, pero podrían ser suscripciones a algún servicio on-line y cosas así. El otro día, enfadado con uno de los proyectos que soporto porque pasan olímpicamente de dar soporte para IE y Windows 8.1 y lo necesito para poder usarlos, quise cancelar la donación trimestral que les hago con PayPal. Me costó bastante encontrar cómo detenerla. Estos son los pasos a seguir para cancelar una suscripción en PayPal: 1.- Vete a tu perfil y dentro de ahí a “Más opciones”: 2.- Dentro de ahí vas a “Información financiera” y dentro de ésta a “Pagos con aprobación previa”: 3.- Al entrar te muestra una lista con los pagos recurrentes que tienes actualmente activos. Debes pulsar en el que quieras eliminar: 4.- En la informació... [Más]

Cómo recuperar un sitio frecuente de la página principal de Internet Explorer

Internet Explorer tiene una pestaña especial, que es la que se suele abrir por defecto al abrir el navegador o crear una nueva pestaña con CTRL+T. En ésta se muestran, entre otras cosas, accesos directos a las páginas más frecuentes que sueles visitar en ese navegador: Al pasar por encima podemos pulsarlas  para ir directamente a esa página en cuestión. La verdad es que resulta muy cómodo para ir a toda velocidad a cualquier sitio frecuente cuando accedemos al navegador. El problema es que también le sale un aspa, arriba a la derecha, que si pulsamos por error quita para siempre la página que cerremos de esta lista: Esto es un fastidio y ayer me ocurrió, por lo que estuve viendo por ahí la manera de volver a recuperarla. Como no, ello implica visitar el registro del sistema para eliminar algunas claves. En concreto debemos visitar esta rama del registro, usando la herramienta regedit.exe: HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\TabbedBrowsing\NewTabPage\... [Más]

Utilizando la API de pantalla completa en todos los navegadores

Nota: He estado un poco “missing” desde hace un tiempo, casi un mes, entre otras muchas cosas por que he estado muy involucrado en el lanzamiento de nuestra zona de recursos para programadores en campusMVP.es. En ella encontrarás muchas cosas interesantes para programadores, sobre todo los que se inician, y podrás encontrar trucos, conceptos de base, vídeos prácticos, noticias, y mucho más. Añádelo a favoritos :-) Ahora, para compensar, un artículo bastante a fondo sobre un tema muy interesante... ;-) De toda la vida estamos acostumbrados a que, cuando visualizamos un vídeo, tengamos la opción de verlo a pantalla completa, para poder apreciar todos los detalles y verlo en alta definición. En lo que no se fijaba casi nadie es en que, hasta hace relativamente poco, todos esos visores de vídeo estaban basados en Flash y en menor medida en Silverlight, y esa capacidad de verse a toda pantalla... [Más]

Contadores automáticos con CSS

Una necesidad muy común es la de numerar elementos en nuestras páginas web. Una manera muy sencilla, pero muy poco flexible, es utilizar listas ordenadas, <ol>, que por defecto numeran usando dígitos arábicos (los más habituales) pero que se pueden cambiar por otros tipos de numeración (números romanos o letras, por ejemplo). Sería algo así: <ol> <li>Elemento 1 <ol> <li>Lorem ipsum dolor sit amet.</li> <li>Consequuntur, in facilis quae praesentium?</li> </ol> </li> <li>Elemento 2 <ol> <li>Lorem ipsum dolor sit amet.</li> <li>Quasi illo aperiam labore aliquid!</li> </ol> </li> <li>Elemento 3 <ol> <li>Lorem ipsum dolor sit amet.</l... [Más]

Cómo conservar la relación de aspecto en los vídeos embebidos en páginas web

Tenemos una página web (por ejemplo, un blog) en la cual necesitamos insertar vídeos de YouTube, Vimeo, etc...  La cosa parece muy fácil: vamos a la página en cuestión y usamos el código de “Embeber” que nos dan: Ahora vamos a la página y metemos ese simple iframe y listo: tenemos el vídeo en la página y YouTube, Vimeo o quien sea se encarga de mostrarlo en el formato más adecuado para el dispositivo con el que se visualice la página. Los problemas comienzan cuando necesitamos que ese vídeo se redimensiones automáticamente según la resolución o el tamaño de la pantalla del dispositivo que se conecte para verlo. Es decir, cómo conseguir que el vídeo se redimensione de manera fluida, adaptándose automáticamente a los cambios de tamaño de la página, al más puro estilo Responsive Web Design. El código que nos dan para el marco embebido lleva un ancho y un alto fijos. El primer intento es simplemente quitarle esos atributos. Esto no sirve porque entonces el tamaño será el mínimo p... [Más]

Echando pestes de la telemetría de Windows y cómo olvidar una red wifi en Windows 8.1

Antes de empezar, me vas a permitir que despotrique un poco contra una mala costumbre de Microsoft en sus sistemas operativos.... Me estoy refiriendo al uso de la telemetría. Se trata de la medición anónima del uso de características que hacen los usuarios de sus sistemas operativos. La utilizan y mucho, como ellos mismos reconocen. Solo había que seguir en su momento el blog “Building Windows 8” para saberlo. Y ello explica que a veces la “caguen” de manera estrepitosa. Mentiras, malditas mentiras y telemetría En mi opinión, Microsoft tiene un problema importante con el hecho de que tomen decisiones sobre sus sistemas operativos basadas en telemetría. Lo siento mucho, pero en este ámbito estoy convencido de que la democracia es una mala idea. Cualquiera al que le haya pedido su primo, su amigo o su madre que le “arregle” el ordenador y haya visto la cantidad de mierda que instala un u... [Más]

Google Chrome ya no permite el cambio de agente de usuario

En Google Chrome siempre ha sido muy sencillo “simular” otros navegadores cambiando la cadena de usuario (User Agent String) del navegador desde las herramientas del desarrollador (pulsando F12): Además se podía especificar unas dimensiones para la ventana y algunos otros ajustes que permitían simular otros navegadores fácilmente. En la reciente versión 31 del navegador, Google decidió retirar la posibilidad de cambiar el agente de usuario y estos otros ajustes desde las herramientas del desarrollador, por lo que si estás usando ese navegador ya no podrás hacerlo directamente. Internet Explorer permite el cambio de la cadena de agente de usuario y otros parámetros desde sus herramientas del desarrollador (con F12 también), usando para ello la pestaña inferior: que es equivalente a la que tenía Chrome. Si quieres poder cambiar a voluntad el agente de usuario desde Chrome te recomiendo que utilices alguna de las extensiones disponibles para ello, por ejemplo User Agent Switch... [Más]