DuckDuckGo es un buscador alternativo que se va difundiendo poco a poco y que rescata todo eso que tenía Google y ha abandonado desde que se coronó como rey del mundo: la simplicidad, la rapidez y una política de privacidad que implica no recopilar ni compartir información de los usuarios. Quien no lo use, debería probarlo y darle una oportunidad o tenerlo siempre a mano; algo que es bastante sencillo ya que dispone de extensiones para distintos navegadores.
Quien quiera, también puede agregarlo a su blog; para eso, basta abrir la página respectiva y completar los datos:
width: es el ancho de la caja (por defecto 408 pixeles) Duck logo: nos permite ver (On) u ocultar (Off ) el logo background color: es el color de fondo donde será agregado site search: permite escribir la url del sitio donde se quiere buscar si es que deseamos que lo haga en nuestro blog prefill: es el texto visible de la caja autofocus: si es On, e cursor se posicionar automáticamente en el buscador apenas se abra la página
El resultado de todo eso puede previsualizarse al efectuar los cambios y nos darán un código simple que podemos copiar y pegar en cualquier elemento HTML, en una entrada o en una página estática; por ejemplo:
<iframe src="http://duckduckgo.com/search.html?width=200&site=http://vagabundia.blogspot.com/&prefill=buscar en DuckDuckGo&bgcolor=171E27" style="overflow:hidden;margin:0;padding:0;width:258px;height:40px;" frameborder="0"></iframe>
Un evento es eso que ocurre ... cuando hacemos algo. En CSS, el más común es el hover; ponemos el cursor encima de una etiqueta y, automáticamente, se ejecuta el evento<. No es algo controlable, se ejecuta siempre y, que lo usemos o no, es otra historia. Bueno, en realidad, hay una forma de eludirlo ya que en los navegadores modernos hay una propiedad llamada pointer-events que nos permite deshabilitarlos. Por ejemplo si tuviéramos un enlace al que le adosamos esa propiedad, simplemente, no funcionaría:
Si bien :hover es el más común, no es el único pero, no existe ninguno que reaccione ante un click. El CSS, por alguna razón, jamás ha tenido algo semejante y ese tipo de acciones sólo pueden hacerse con JavaScript.
Sin embargo, hay algunas alternativas; ninguna de ellas es perfecta pero, por ahora, no hay muchas más. La mayoría utiliza :target para que funcione, algo que se ve bien en un demo sencillo pero, en cuanto lo queremos aplicar es poco funcional ya que en una página completa ... se "moverá", cambiando la url:
Morbi ac nunc quis nisi tincidunt mattis eu gravida libero. Cras risus dui, scelerisque non fringilla eu; bibendum nec eros! Sed sed libero sed quam cursus adipiscing id non nisl. Praesent nisl turpis, sollicitudin eget placerat at, malesuada vitae ligula? Aenean est felis, fermentum non condimentum nec, consequat et nisl. Vivamus ultrices ligula at augue pulvinar adipiscing a vitae risus. Vivamus fermentum libero eget mi cursus condimentum vel nec neque? Praesent quis metus.
Otra alternativa es utilizar :focus; en este caso, al hacer click, se expandirá el contenido oculto.
Tiene dos ventajas con respecto al anterior, por un lado, la página se queda quieta y, podemos aplicarlo a una clase lo que nos permite poner varios sin necesidad de identificarlos pero ... tiene dos desventajas; para volverlo a cerrar, debemos hacer click en cualquier parte "afuera" y además, el contenido oculto debe estar inmediatamente después, sin etiquetas intermedias:
demo con focus
Morbi ac nunc quis nisi tincidunt mattis eu gravida libero. Cras risus dui, scelerisque non fringilla eu; bibendum nec eros! Sed sed libero sed quam cursus adipiscing id non nisl. Praesent nisl turpis, sollicitudin eget placerat at, malesuada vitae ligula? Aenean est felis, fermentum non condimentum nec, consequat et nisl. Vivamus ultrices ligula at augue pulvinar adipiscing a vitae risus. Vivamus fermentum libero eget mi cursus condimentum vel nec neque? Praesent quis metus.
otro demo con focus
....... otro distinto .......
El último método es mas sofisticado y requiere más etiquetas pero es el que funciona mejor ya que nos permite generar un efecto toggle, es decir, click y expandir y click contraer. En este caso, se usa :checked:
Morbi ac nunc quis nisi tincidunt mattis eu gravida libero. Cras risus dui, scelerisque non fringilla eu; bibendum nec eros! Sed sed libero sed quam cursus adipiscing id non nisl. Praesent nisl turpis, sollicitudin eget placerat at, malesuada vitae ligula? Aenean est felis, fermentum non condimentum nec, consequat et nisl. Vivamus ultrices ligula at augue pulvinar adipiscing a vitae risus. Vivamus fermentum libero eget mi cursus condimentum vel nec neque? Praesent quis metus.
Cuando subimos un archivo a Google Drive que NO puede ser editado; por ejemplo, una imagen, un PDF, un video, etc; usar ese archivo en una web se hace engorroso ya que es difícil encontrar la dirección url o, simplemente, no existe y lo único que podemos hacer es enlazarla para que se vea o se descargue desde el mismo servicio.
Pero hay una solución; basta copiar la dirección que se nos muestra cuando visualizamos el archivo:
Por supuesto, esto funcionará sólo si la carpeta y los archivos son públicos, algo que debemos establecer con la opción Compartir.
Aunque comentan que esto sería válido con cualquier tipo de archivo, me temo que la realidad dice lo contrario; lo que sí puede funcionar es establecer la dirección url de descarga directa; el sistema es similar.
Stratus es un plugin que requiere jQuery y nos permite agregar una barra de reproducción que se conecta con una cuenta cualquiera de SoundCloud, con una lista de reproducción, grupos o archivos individuales.
Se puede incluir fácilmente en cualquier sitio incluso Blogger ya que es un script que podemos colocar en cualquier parte, ya sea la plantilla, una entrada o una página estática:
En este ejemplo, es un set (una lista de reproducción) pero podría ser la cuenta de un usuario y reproducir los temas de manear aleatoria de este modo:
Tiene más opciones y todas se agregan del mismo modo:
align indica dónde aparecerá la barra; por defecto es bottom pero puede usarse top si se queire mostrar arriba animate es el efecto gráfico, puede ser slide (es el valor por defecto), fade, o false si no se quiere ninguno auto_play puede ponerse a true si queremos que comience a reproducirse automa´ticamente buying muestra (true) u oculta el botón de comprar color define el color de los controles y por defecto es F60 download muestra (true) u oculta el botón de descargar links es la url a reproducir, si se quieren poner temas sueltos, se separan con comas offset es la separación dela barra con respecto al borde position define la posición, si quedará fija (fixed) que es el valor por defecto o no (scroll) random si es true los temas se reproducirán de manera aleatoria stats muestra (true) u oculta el botón de estadísticas y detalles theme permite establecer un estilo especial indicando la url del archivo CSS user muestra (true) u oculta el botón de información volume es el volumen y es un valor entre 0 y 100 (por defecto es 50)
DuckDuckGo es un buscador alternativo que se va difundiendo poco a poco y que rescata todo eso que tenía Google y ha abandonado desde que se coronó como rey del mundo: la simplicidad, la rapidez y una política de privacidad que implica no recopilar ni compartir información de los usuarios. Quien no lo use, debería probarlo y darle una oportunidad o tenerlo siempre a mano; algo que es bastante sencillo ya que dispone de extensiones para distintos navegadores.
