JASoft.org

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

MENÚ - JASoft: JM Alarcón

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]

TRUCO: Cómo editar libremente cualquier página web de Internet

Este es un truco muy útil, muy sencillo pero a la vez muy poco conocido. De hecho le resultará de gran utilidad no sólo a técnicos como a diseñadores, sino también a responsables de marketing o, en general, cualquiera para el que un navegador sea su herramienta principal de trabajo. Se trata de poder editar libremente cualquier página de Internet. Aunque no sea nuestra. Más...

Cómo localizar valores según rangos en Excel

Esto se sale bastante de la temática habitual de este blog, pero como se trata de algo muy interesante y que le puede servir a mucha gente, lo voy a incluir. La situación es algo así... Disponemos de una serie de celdas en Excel que nos marcan unos rangos numéricos (o de fechas, que viene a ser lo mismo) con un valor asociado que queremos utilizar según el tramo. Por ejemplo, una tabla de descuentos de producto según el importe de ventas como esta: Como vemos en la parte superior tenemos una tabla de descuentos que va por tramos. Así, por ejemplo, si el cliente gasta 3.512€ le corresponderá un descuento del 5% (por estar en el segundo tramo), por lo que al introducir esta cantidad en la parte de abajo, se calculará automáticamente y le daremos el descuento y el precio final. Parece sencillo ¿verdad? Yo también lo creía, y supuse que habría alguna manera fácil y directa (alguna función de Excel) para poder conseguirlo en medio minuto. Me equivoqué :-S Veamos cómo lograrlo... En ... [Más]

Cómo crear enlaces de descarga directa para archivos de Google Drive o de OneDrive

Truco sencillo y rápido, pero útil, para hoy... La verdad es que Google Drive no me gusta demasiado. Prefiero de largo usar SkyDrive (ahora OneDrive), pues es más sencillo, más bonito y, sobre todo, la edición y creación de archivos online (documentos, hojas de cálculo, presentaciones...) es mucho mejor y más fiel a los formatos de Office. Además tienes OneNote. Lo único que me gusta más de Google Drive son sus encuestas, mucho más potentes por el momento que las de SkyDrive. Por supuesto sobre gustos no hay nada escrito.... Por supuesto también utilizo Dropbox (soy usuario de pago hace años) y últimamente me ha enamorado Copy.com que tiene todo lo de Dropbox (incluso detalles técnicos sutiles como la sincronización en red local) pero ofrece algunas características más y te dan 20GB gratis de entrada con el enlace anterior. Una pega grande de Google D... [Más]

Evitar parpadeo de color blanco mientras carga un marco interno en una página HTML

Hoy un truco rápido pero interesante. Si tienes una página HTML en la que debes incluir un marco interno que muestra recursos de otras páginas lo normal es que simplemente insertes el iframe y punto. Por ejemplo <iframe src=“/modulo/OtraPagina.aspx” style=”width:100%;height:30px;”> Lo malo de hacer esto es que el contenido del marco lógicamente comienza a cargar más tarde que el de la propia página, y por regla general observamos durante una fracción de segundo (o puede que más si la carga es lenta) un espacio en blanco en donde va a estar situado el nuevo contenido. Si el fondo de la página principal no es blanco se notará un montón y producirá una especie de “parpadeo” que se notará, puede resultar molesto y además queda poco profesional. Un primer intento que podemos hacer para solucionarlo es cambiar el color del fondo del marco para que coincida con el fondo de la página. Pero no funcionará porque lo que tenemos dentro del marco es un nuevo documento HTML... [Más]

Recuperar la vista de diseño y la vista partida para HTML en Visual Studio 2013

Hasta ahora estábamos acostumbrados a que en Visual Studio pudiésemos editar páginas HTML usando un diseñador que nos permitía alternar entre tres vistas diferentes: Design: edición visual de la página, pudiendo sacar partido a herramienta gráficas y facilitándonos la escritura de textos, creación de tablas, etc... Source: edición directa de código fuente HTML, con ayuda “intellisense”, etc... pero nada visual. Split: dividía el diseñador en dos zonas, mostrando en cada parte los dos modos anteriores, de modo que podíamos editar visualmente algo y ver los cambios reflejados en el código y viceversa. En Visual Studio 2013 sin embargo, la primera vez que editamos una página HTML nos damos cuenta de que esta característica ya no está disponible y sólo disponemos de la vista de código. En Visual Studio 2013 han escrito de nuevo desde cero el editor de HTML, que no tiene nada que ver con el anterior aunque se parezcan en el modo “source”, y han dejado fuera estas funcionalida... [Más]

Suplantación de usuarios en IIS y ASP.NET: un resumen detallado

A la hora de desplegar en un entorno real de producción, para ponerlas a disposición de todo el mundo, las aplicaciones web creadas con ASP.NET se albergan en un servidor web. Por regla general éste será Internet Information Server (IIS), incluido en las versiones de servidor de Windows. IIS no es más que otra aplicación que se ejecuta sobre el sistema operativo, por lo que es Windows el que se ocupa del nivel más bajo de la cadena de la seguridad. Por ello conviene tener claro que la última palabra a la hora de conceder acceso a un recurso físico del sistema la tiene el propio sistema operativo, no IIS ni ASP.NET. Contextos de seguridad En Windows, cada proceso se ejecuta dentro de su propio contexto de seguridad. Cuando un proceso accede, por ejemplo al sistema de archivos NTFS, los permisos se le otorgan en función del contexto en el que se ejecute. Normalmente si un proceso lanza otro subproceso éste se ejecutará bajo el mismo contexto de seguridad que el primero. Existen ca... [Más]