PRO.DESIGN

lunes, 13 de septiembre de 2010

Bloquear selección en toda nuestra página con jQuery

Bueno ya antes había comentado como evitar la selección en algún elemento de nuestra web, ahora les traigo una forma rápida de evitar la selección en todo la página permitiendo el clic en vínculos y botones.

Bastará con ocupar el selector “*”, el cuál indica que se está aplicando a todos los elementos, en nuestro código jquery:

<script>
$(document).ready(function(){
$('*').attr('unselectable', 'on');
$('*').css('MozUserSelect', 'none');
$('*').css('KhtmlUserSelect', 'none');
});
</script>

Y listo ;).

viernes, 10 de septiembre de 2010

Broadcom finalmente opta por abrir el código de sus controladores al Open Source

Finalmente la compañía fabricante de chips inalámbricos Broadcom optó por abrir el código de sus controladores, por lo que muy pronto los desarrolladores podrán ofrecer la esperada compatibilidad de hardware nativa en Linux.

broadcom-logo

Durante años Broadcom se vio enfrentada a la comunidad del Open Source debido a su negativa a liberar el código fuente de sus chipsets inalámbricos, pero al parecer debió ceder ante la fuerte presión no sólo de los desarrolladores, sino que también de las grandes compañías que de alguna u otra manera estaban ligadas Open Source.

Henry Ptasinski, ingeniero que trabaja en Broadcom, señala que la compañía esta liberando la versión inicial de un controlador completamente abierto, utilizado en la última generación de chipsets 11n (BCM4313, BCM43224, BCM43225).

Greg Kroah-Hartman, líder del Linux Driver Project e ingeniero de Novell, señaló que el controlador inalámbrico de Broadcom formará parte del kernel en su versión 2.6.37. Lo anterior se verá reflejado en todas aquellas distribuciones que sean liberadas a principios del próximo año, las que contarán con el soporte nativo para dichos chipsets.

Link: Broadcom makes its Wi-Fi chipsets more Linux friendly

ZooTV

Photoshop brushes – HALFTONES (BROCHAS SEMITONOS)

Un rato de no saber que hacer con Adobe Illustrator me dió por crear estos dos packs de pinceles o brochas con estilo de semitonos.

Aquí los enlaces para que puedan descargar, leer mis reglas por ahí ;)

Pack #1 - http://fav.me/d2r1skn

Pack #2 - http://fav.me/d2rd1l4

jueves, 9 de septiembre de 2010

Evitar selección de contenido con jQuery

Una vez que usas jQuery hasta se siente raro no hacerlo, ahora presentaremos una forma fácil de evitar la selección con el mouse usando las funciones attr() y css().

Digamos que tenemos algo así dentro de nuestro código html:

hola mundo...

Si no queremos que seleccionen el texto "hola mundo" bastará con añadir lo siguiente ya se en el <head>...</head> o antes del tag </body>:



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
//ver si ya cargó el DOM
$(document).ready(function(){
/*Código para evitar selección, recuerda que en jQuery # indica que es un id, . que es un clase, sin nada de # o . indicas que es un tag html y tambien puedes poner secuencias como en CSS, por ejemplo: #miId span .oculta*/;
$('#nosel').attr('unselectable', 'on');
$('#nosel').css('MozUserSelect', 'none');//mozilla y derivados
$('#nosel').css('KhtmlUserSelect', 'none');//el safari por ejemplo
});
</script>

Quitar borde punteado al dar clic en links

Al menos en Google Chrome no me lo hace, pero en otro navegadores se da el caso que al dar clic en un link este aparece con un borde punteado como en este ejemplo:

Para quitar esto bastará con agregar dentro del <head> en los tags <style> o en la hoja de estilos lo siguiente:

a:link{
outline:none;
/*corrección para derivados de mozilla como el firefox ;D*/
-moz-outline-style:none;
}

Dreamweaver CS5 + Actualización HTML5/CSS3

El día de ayer me apareció una actualización de un paquete HTML5 para Dreamweaver, actualicé y la actualización me ha dejado encantado.

Y no sólo porque ya autocompleta tags y atributos HTML5, sino que también nos ofrece el uso de las propiedades de hoja de estilos para los distintos navegadores, prueben a teclear “-“ en un archivo de *.css o dentro de los tags <style> y verán como autmáticamente nos da a elegir propiedades para derivados de mozilla (-moz), los que se basan en el webkit (-webkit) y para opera (-o). Aparte de autocompletar cosas de CSS3 como las propiedades de transformación.

A cada actualización un editor más completo, y yo más gustoso de seguir trabajando en él.

Compartir en Facebook contenido de Blogger

Bueno corrigiendo por ahí el uso del botón compartir de facebook en el blog, pues me dió por compartir, válgase la redundancia, el tip con la forma correcta de configurarlo para que siempre comparta el link del post.

Entra http://www.facebook.com/share/
Escoge la forma en que quieras aparezca ya sea como enlace o como botón
Activa el contador si lo deseas y selecciona su ubicación
En “Enlace para compartir” escoge la opción Personaliza la dirección
Aparecerá un campo de texto ahi escribimos: data:post.url y damos ENTER
Copia el código que te da debajo
Entra a http://www.blogger.com/
Si no has iniciado sesión accede a tu cuenta
Entra a Diseño>Edición HTML
Descarga tu plantilla por sí llegas a cometer un error, puedas restaurar tu blog.
Activa la casilla Expandir plantillas de artilugios
Busca la línea <div class='post-footer-line post-footer-line-1'>
Debajo de ella pega el código que obtuviste en el paso 6
Ahora agrega a ese código que pegaste expr: antes de share_url='data:post.url' debe quedarte como: expr:share_url='data:post.url'
Guarda los cambios y listo ;D