Cambiar el tamaño del texto a medida que se reduce el tamaño de la ventana (HTML5 / CSS3)
.container {border: solid 1px blue;width:50%;}
p {font-size:3vw;}
<divclass="container"><p>
¡Hola mundo!
</p></div>
Bordes de color para perfilar letras: text-stroke y una alternativa
Hay una propiedad CSS denominada text-stroke que nos permite añadir fácilmente un borde a los textos que elijamos, al modo en que podemos hacerlo para una caja con border. Pero es una propiedad no estándar y hasta el momento con muy poco soporte en los distintos navegadores. En Can I use? podemos ver rápidamente que de entre los más populares sólo encontramos a Chrome en todas sus versiones.
Por eso y a pesar de que no sea ni la manera más fácil ni la mejor estéticamente hablando, además de ver someramente text-stroke, en esta entrada usaremos un sistema alternativo para simular esos bordes para texto. Será con text-shadow.
Usando text-stroke
La sintaxis básica para usar text-stroke es como sigue.
Como veis sólo es cuestión de indicar un color de relleno con text-fill-color y luego el ancho y el color del borde con text-stroke. Ambas propiedades llevan el prefijo -webkit- que es la plataforma que funciona como base para Chrome, Safari, Opera y otros de menor uso, precisamente los únicos dónde hoy por hoy funciona.
Con esa regla podremos usar el selector .stroke para que cualquier texto tenga un aspecto como este (efecto sólo visible en los navegadores antes indicados):
Texto con text-stroke
Nótese que el borde que crea text-stroke se "pinta" por dentro de la letra, así que si esta es muy pequeña de tamaño el borde se comerá una gran parte de ella.
Ñapa con text-shadow
La manera de simular esto con text-shadow es añadiendo sucesivas sombras que irán rellenando el espacio circundante al texto. En un principio una sombra simple se verá desplazada a la derecha, izquierda, arriba o debajo del texto, pero no en todas las dimensiones a la vez.
Por ejemplo, este sería el resultado con text-shadow: -2px -2px 1px #000; que nos proyectaría la sombra negra (#000) dos píxeles a la izquierda y otros dos arriba:
M
Pero como text-shadow admite múltiples valores si los separamos con comas, podremos (más o menos) ir rellenando los huecos que queden añadiendo otros desplazamientos complementarios.
De esta manera, para cubrir la parte derecha incorporamos un 2px -2px 1px #000 (desplazamiento de 2 píxeles a la derecha, 2 píxeles arriba):
M
Haciendo lo propio para la parte inferior, combinada con la izquierda y luego con la derecha, podremos "rodear" totalmente el carácter. El código completo para ello sería:
Y ¡voilá!, letra M amarilla con un borde negro... o casi ;)
M
Combinando que es gerundio
Nada impide combinar text-stroke y text-shadow para obtener un perfil exterior con la segunda y adicionalmente una línea interior más limpia que se verá en los navegadores que soporten la primera propiedad.
Puede ser interesante para nuestro diseño web y sobretodo si queremos hacer páginas multiplataforma que se adapten al tamaño de pantalla de los distintos dispositivos (diseño web adaptativo) poner una imagen de fondo que se adapte al tamaño y resolución de la pantalla del usuario.
La propiedad «background-size: cover» nos permite aumentar el tamaño
de la imagen de fondo, en lugar de que nos muestre la imagen varias
veces.
Para ello, solo debemos utilizar la siguiente instrucción CSS:
body{
background: url(imagen.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Con estos parámetros la función será válida para todos los navegadores (Cross-browsing)
These days, most of us have multiple computers that we take with us, but what if you wanted to turn any computer into your computer? That’s where the idea of “portable” apps come into the picture.
By loading up a flash drive or external hard drive with these apps,
you simply have to plug the device into a compatible computer and all
your software and data is right there.
What’s a Portable App?
When you install most applications on a computer, it makes changes to
the system and integrates itself. Windows applications, for example,
pick a folder on your local hard drive, make entries in your registry
and generally expects Windows to provide certain amenities so that it
can do its job.
If you simply copied the application folder to an external drive and
tried to run it on another computer, you’d either get a bunch of error
messages or a program that doesn’t work right.
To make portable app,
you have to fool it into thinking all of its dependencies have been
satisfied. While it’s possible to do this manually, it’s far easier to
use one of several specialized apps that scan the dependencies of an
application and then replicate them in a virtualized way. That software
then creates custom dependencies that makes the app think it’s running
on the original computer. Sort of like The Matrix, but for apps.
It’s important to know that there are also apps that are portable by
design. The developers have created them specifically to run without
being dependent on anything.
First, Check If It Hasn’t Already Been Done
Before you go down the route of making a non-portable app portable
yourself, it’s a good idea to check if someone else hasn’t already done
the work for you. Of course, you are unlikely to find any paid software
this way! However, plenty of popular free applications have been
converted into portable versions, ready to download.
We recommend PortableApps.com
which comes with its own launcher and app management interface. Simply
download the installer, install it to an external drive and pick all the
app from the list you want.
Virtual Machines As a Portable App Alternative
Using a platform like PortableApps is great, but there may be a much
simpler way to make any Windows application portable – make Windows
itself portable! How? Simply get the portable version of VirtualBox from
vbox.me and install a licensed copy of Windows on it. Then you can install all the Windows apps you like within that virtual machine, without any further work.
The main catch here is that you need a separate license for the copy
of Windows in your virtual machine. If you have an old license or extra
license key laying around, this might be a great alternative. It might
even be worth buying another copy of Windows, depending on your use
case. Especially if it turns out that a critical Windows app doesn’t
work after being converted to portable.
The same thing goes for cloud-connected subscription apps. Using a
portable virtual machine may be the only way to get these to work this
way. The virtual machine will use whatever internet connection the host
offers, but from the app’s point of view it’s still on the same
“computer” it was installed on.
Popular Portable App Makers
There used to be quite a few portable app makers that would quickly
convert your Windows apps into portable versions. Unfortunately you’ll
find that most have not been updated in almost a decade.
Others, such as Cameyo, are now only available as a paid service. The same goes for VMware ThinApp,
which only offers a free trial. If you’re up for paying the hefty
amounts those commercial solutions require, no one is stopping you. That
extra Windows license probably doesn’t seem quite so expensive now,
does it?
We tried out several of the older free portable app makers and found one that still seems quite serviceable.
Creating a Portable App With Enigma Virtual Box
The app in question is Enigma Virtual Box.
It’s one of the few freeware portable app makers that still gets
developer attention. It’s essentially the free version of the Enigma
Protector commercial applications, but for regular users it’s great.
Head over to the Enigma website and download Enigma Virtual Box. Install the application and then launch it.
Yes, the application doesn’t look all that intuitive, but it’s actually very easy to use. So don’t be intimidated.
The way Enigma works, you need to have the software already
installed on your system before turning it into a portable application.
So if you haven’t already,install the app you want to make portable and then come back to Enigma.
Now, you’ll see drive path boxes for both Input and Output file names.
Click the Browse button to the right of Enter Input File Name.
In our example, we’re going to make a portable version of the free Audacity
audio workstation software. With the file browser that pops up,
navigate to where the “.exe” file of the app in question is installed.
Select it and click Open.
Enigma also needs to know where the dependent files are. So next, click on Add then Add Folder Recursive, since we want all the subfolders includes as well.
Now we use the file browser that pops up to locate the
installation folder containing our “.exe” file. Select the folder and
click “OK” and the “OK” again.
If you’d like to, you can also change the output destination for
the final portable application. By default it will save it alongside
the original “.exe” file, but you probably want to save it elsewhere.
The process is the same as selecting the input file. You can also rename
the file to whatever you like.
Now we are ready to create the portable app itself. Click Process and watch the magic happen.
Wait until the processing is done and then you can close this window.
Running The App
What you should now have is a single “.exe” file that you can run
from anywhere. Locate the file at the location you saved it to and then
move it to your portable storage. Be sure to test it on another computer
to make sure that it works properly. You wouldn’t want your first try
to be when you actually need the app the most.
There’s no reason you can’t use your own custom portable apps made
with Enigma right alongside a manager such as Portable Apps. Build your
own folder of custom apps and launch them as you please. Armed with
portable power, the sky’s the limit. Also, check out our post on the best portable apps to have with you all the time.
Cuando utilice Recovery Environment (Windows RE) para solucionar problemas de arranque, pruebe primero la opción Reparación de inicio del cuadro de diálogo Opciones de recuperación del sistema.
Si esto no resuelve el problema, o si tiene que solucionar de forma
manual problemas adicionales, utilice la herramienta Bootrec.exe. Este
artículo trata sobre cómo se emplea la herramienta Bootrec.exe en
Windows RE para solucionar problemas y reparar los siguientes elementos
en Windows Vista o Windows 7:
Un registro de inicio maestro (MBR)
Un sector de arranque
Un almacén de datos de la configuración de arranque (BCD)
Para ejecutar la herramienta Bootrec.exe, inicie primero Windows RE:
Inserte el disco de Windows Vista o Windows 7 en la unidad de DVD y luego reinició el equipo.
Presione una tecla cuando se le pida.
Seleccione un idioma, una hora, una moneda, un teclado o un método de entrada y haga clic en Siguiente.
Haga clic en Reparar el equipo.
Haga clic en el sistema operativo que desea reparar y, a continuación, haga clic en Siguiente.
En el cuadro de diálogo Opciones de recuperación del sistema, haga clic en Símbolo del sistema.
Escriba Bootrec.exe y presione Entrar.
Nota:
debe configurar el equipo para que se inicie desde la unidad de DVD
para poder iniciar desde el DVD de Windows Vista o Windows 7. Para
obtener información acerca de cómo hacerlo, consulte la documentación
incluida con el equipo o póngase en contacto con su fabricante.
La herramienta Bootrec.exe admite las siguientes opciones. Utilice la más apropiada para su situación.
/FixMbr
Esta
opción escribe un MBR compatible con Windows 7 o Windows Vista en la
partición del sistema. No sobrescribe la tabla de partición existente.
Use esta opción cuando deba resolver problemas de MBR dañado, o cuando
deba eliminar código no estándar del MBR.
/FixBoot
Esta
opción escribe un nuevo sector de arranque en la partición del sistema
utilizando un sector de arranque compatible con Windows Vista o Windows
7. Use esta opción si se cumple una de las condiciones siguientes:
El sector de arranque se sustituyó con otro de Windows Vista o Windows 7 no estándar.
El sector de arranque está dañado.
Tras
la instalación de Windows Vista o Windows 7 se instaló un sistema
operativo Windows anterior. En esta situación, el equipo inicia
utilizando Windows NT Loader (NTLDR), no Windows Boot Manager
(Bootmgr.exe).
/ScanOs
Esta opción
escanea todos los discos en busca de instalaciones compatibles con
Windows Vista o Windows 7. También muestra las entradas que en ese
momento no están en la tienda BCD. Utilice esta opción cuando hay
instalaciones de Windows Vista o Windows 7 que no aparecen en el menú
Administración de arranque.
/RebuildBcd
Esta
opción escanea todos los discos en busca de instalaciones compatibles
con Windows Vista o Windows 7. Además, le permite seleccionar las
instalaciones que desea agregar al almacén BCD. Utilice esta opción
cuando deba reconstruir por completo el almacén BCD.
Nota:
utilice la herramienta Bootrec.exe para solucionar un error "Falta
Bootmgr". Si reconstruir el almacén BCD no resuelve el problema de
inicio, puede exportar y eliminar el almacén BCD y, a continuación,
volver a ejecutar esta opción. Al hacerlo, asegúrese de que el almacén
BCD se reconstruye por completo.
Para ello, escriba los siguientes comandos en el símbolo del sistema de Windows RE:
Paso 1: Haga clic con el botón secundario en el
botón Inicio de la barra de tareas y, a continuación, haga clic en
Windows PowerShell (admin) para abrir PowerShell como administrador.
Haga clic en el botón Sí si ve el indicador Control de cuentas de usuario.
Paso 2: En la ventana de PowerShell, escriba el siguiente comando para desinstalar la aplicación de su teléfono.
La Edición de columnas permite al usuario editar texto en varias líneas como una zona cuadrada vertical. Esta característica está habilitad...