Google Website Translator Gadget

jueves, 24 de abril de 2014

CSS3: Cantonades arrodonides "Round corners" i text inclinat ("Rotate")

CSS3 logo
http://www.w3.org/Style/CSS/

CSS3: "Round corners" i text inclinat 

Una de les avantatges de CSS3, que estalvia molt temps de feina, son les cantonades arrodonides ("Round Corner") i textos inclinats.
Ho veiem amb un exemple per tal que sigui més fàcil.


Cantonades arrodonides "Round corner"

Veiem el següent codi exemple, que serveix per al format d'aquest propi codi font:
.code{
margin-top: 20px;
padding-left: 5px;
font-family: monospace;
background-color: #000;
width: 100%;
border-top: 10px solid #ccc;

border-radius: 20px 15px 10px 5px;

box-shadow: 5px 3px 10px #000;

min-height: 80px;
color: #C0F146;
text-align: left;
font-size: 12px;
}
Amb la comanda border-radius defineixes quin radi d'arrodoniment ha de tenir aquesta cantonada arrodonida.

Text inclinat ("Rotate")

Veiem un altre cas amb text inclinat:
.demo-text {
padding:2%;
min-height:20px;
min-width:50px;
margin:2%;
/* border */
border:5px;
border-radius:20px;
border-style: dashed;
border-color:red;
box-shadow: 5px 5px 2px #888888;
/* position */
float:right;
display: table-cell;
text-align:center;
vertical-align: middle;

/*Rotate div */
 -ms-transform:rotate(30deg); /* IE 9 */
 -webkit-transform:rotate(30deg); /* Chrome, Safari, Opera */
 transform:rotate(30deg); /* Standard syntax */
}
Amb aquest codi, per exemple, podem aconseguir un text inclinat amb cantonada arrodonida:

exemple




Enllaços relacionats:




miércoles, 16 de abril de 2014

La CPU no arrenca!!! Ara que faig?

AMI - American Megatrends
AMI - American Megatrends

Problemes amb la CPU

Una notícia important en aquest món habituat a la immediatesa: El Hardware es fa malbé i cal reparar-ho o substituir-ho. No es infinit; ni tansols infal·lible.
Ara que ja ens hem trobat amb la incidència de que un equip no arrenca poden passar diverses coses i cal anar descartant que cal fer.

Coses que ens podem trobar:

  • El equip no arrenca (Boot)
  • No hi han alertes sonores ("beeps")
  • No hi han missatges d'error a la pantalla (BIOS messages).
  • No hi ha cap missatge "POST-  Power On Self Test" durant l'inici.

Pasos per a detectar l'òrigen:

wikimedia.org - motherboard
En aquest cas, partim de la base que un equip, que no ha estat modificat, ha deixat de funcionar.
  • Algunes recomanacions prèvies:
    • Fes-te amb un aspirador. Habitualment els ordinadors estan plens de pols.
    • Si estàs en un entorn empresarial afegeix una assegurança al preu del equip. T'estalvia temps i tens cobertes les incidències durant un temps.
  • Verificar si el ordinador rep electricitat. Sembla absurd, però ha passat que l'error estigui a endolls que s'han cremat.
  • El altaveu esta actiu i pot emetre els missatges d'error.
  • Si tens la sort que emeti una sèrie de "beep" pots consultar que volen dir a: Computerhope - Beep
  • No hi han peçes fora de lloc, cargols caiguts, targetes no insertades del tot.
  • Verifica si al arrencar els ventiladors del equip i de la CPU funcionen.
  • Si el equip arrenca però s'atura automàticament desprès d'uns segons, pot ser que estigui creient que el ventilador de la CPU no esta funcionant. Netejar internament de plaques de pols acumulades que eviten dissipació de calor.
  • Retirar tots els elements i deixar una configuració mínima: Placa base (Motherboard), Processador (CPU), 1 targeta de memòria (DIMM). Fer-ho progressivament per a verificar si es recupera el funcionament.
  • Retira totes les targetes (DIMM) de RAM excepte una. Anar rotant si no arrenca per a verificar que no hi hagi incidències a les memòries.
En el meu cas particular, seguint aquests passos, vaig detectar que la targeta gràfica addicional havia quedat malmesa.

Enllaços relacionats:




viernes, 11 de abril de 2014

JavaScript: Events tàctils amb llibreries

JS logo
www.w3.org-script

JavaScript: Events tàctils

Amb l'aparició i acceptació del iphone, sobre el 2007, l'ús dels events tàctils ("touch") comença a ser acceptat als diferents navegadors.
Poc a poc es van normalitzant i per exemple a Mozilla pots trobar una bona font de informació de com tratactar-los.
TapQuo també publica una guia gràfica (veure a meitat de la pàgina) molt útil per a les formacions.

Llibreries

Per a facilitar l'ús i programació dels diferents events apareixen llibreries que faciliten el seu tractament:
JQuery Mobile
Zepto JS
TapQuo JS (Una fantàstica empresa de Bilbao)

En el meu cas he estat jugant darrerament amb les llibreries de Zepto que ofereix de 2 llibreries:
  • touch.js: Events com tap, singletap, doubleTap, swipe, swipeUp,...
  • gesture.js: Events com pinc, pinchIn,pinchOut,
Amb aquestes llibreries pots programar, per exemple, un toc ("tap") o un desplaçament ("swipe") simplement fent:
...
<script type="text/javascript" src="zepto.min.js"></script>
<script type="text/javascript" src="touch.js" ></script>
...
<script type="text/javascript">
$(function()
{ var ditet = $('#areatactil');
var cl=$("#crono"); // crono
var rep=$("#liststop"); // inventory
...
function clear()
{if (!t)
{cl.html("0.0");
rep.html("Crono initialized<br>");
}
else
{ rep.html((rep.html()+"Crono running.<strong>Reset not allowed!</strong><br>"));
}
}
// Events de touch
ditet.on('swipe', clear);
...
<div id="areatactil">
<span id="crono"> 0.0 </span> segundos
<div id="liststop"></div>
</div>
...

Enllaços relacionats:

martes, 8 de abril de 2014

Múltiples imatges background amb CSS3

CSS3 logo
http://www.w3.org/Style/CSS/

Múltiples imatges background amb CSS3

Una de les coses on habitualment puc cometre errors es a la sentència background amb diverses imatges.
Posem un exemple amb el següent CCS (que pots veure funcionant aquí):

Codi comentat:

.divimage{
padding:40px;
background:

url(http://upload.wikimedia.org/wikipedia/commons/f/f3/Airplane_GA_Black.svg)
 left top repeat-x,
url(http://upload.wikimedia.org/wikipedia/commons/7/7a/1a2.png)
 center no-repeat,
url(https://cdn1.iconfinder.com/data/icons/windows8_icons/26/airplane_take_off.png)
 left bottom repeat-x;

font-family: 'Roboto', sans-serif;
background-color:#a4d3ff;
box-shadow: inset 5px 5px 20px 5px #CCCCCC;
border-radius: 10px 0px 10px 0px;
}

Cal notar que:

  • entre les diverses imatges hi ha una coma (,)
  • Només hi ha una sentència background
  • Es pot combinar amb altres instruccions CSS 
  • Es poden importar imatges de fonts URL

Enllaços relacionats:




lunes, 7 de abril de 2014

Windows 7: Canviar el usuari quan hi ha "autologon"

Windows 7 logo
http://windows.microsoft.com/
En entorns industrials es habitual tenir actiu el "autologon" en equips, això es bàsic en sistemes industrials empotrats.
El "autologon" permet que automàticament una sèrie d'aplicacions puguin mostrar-se en pantalla, sense haver de connectar un teclat i un ratolí.

Però que passa quan cal canviar de usuari o sortir del usuari?
Al fer logoff o intentar canviar d'usuari, automàticament es torna a iniciar el usuari programat de manera que entres en un aparent bucle infinit.


Com es pot canviar (switch/logoff) el usuari a un equip amb autologon?

La manera més simple que he trobat es mantenir la tecla SHIFT apretada mentre es fa el procés d'arranc.

En alguns blogs i fors indiquen que a Windows 7 aquesta opció no esta disponible, però he experimentat que, si va desaparèixer, ara esta funcionant.

Com es pot retirar (turn off/disable) el usuari de autologon?

Un cop ja has aconseguit entrar, t'assalta el dubte de com retirar l'usuari permanentment. Només cal desactivar-ho a nivell de registry modificant amb regedit.exe:
HKey_Local_Machine\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Winlogon

AutoAdminLogon=0

Com es pot activar el usuari de autologon?

Arribats a aquest punt, potser sigui interessant recordar com es pot registrar l'autologon amb un usuari.
Amb Windows7 hi han altres mètodes, però per compatibilitat i temes històrics, el que em sembla més adient es modificar-ho a nivell de regedit.exe:
HKey_Local_Machine\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Winlogon
AutoAdminLogon = "1" (Enabled)
DefaultUserName = "xxx"
DefaultPassword = "xxxx0xxxx"
DefaultDomainName = "xxx.xxx"
tot això, a més, el pots preparar en un fitxer .reg per poder-ho fer massivament a instal·lacions industrials.


Altres comentaris:

Un tema a tenir en compte es que les opcions de logoff, switch user, etc... es poden desactivar per política (GPO).



Enllaços relacionats:




miércoles, 2 de abril de 2014

Windows 7: Path "All users/Desktop" i altres camins interessants.

Windows 7 logo
http://windows.microsoft.com/

Windows 7: Path especials.

Al desplegar accessos massius ens cal que tots els usuaris puguin accedir.
El que per a un Administrator era normal a XP a partir de Windows 7, i la millora de la seguretat que aporta, els accessos es fan d'una altre manera.
D'entrada es requereix accessos d'Administrador i visualitzar les carpetes que estan ocultes (hidden).

Anem a veure on estan ara aquests accessos (Nota: W7 es multiidioma. Pots fer servir el camí en English):


Accessos (Path)


Path XPPath Windows 7
C:\Documents and Settings\All Users\Start Menu\Programs\StartupC:\ProgramData\Microsoft\Windows\Menú Inicia\Programes

English:
C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Startup
C:\Documents and Settings\All Users\DesktopC:\Usuaris\Públiques\Desktop

English:
C:\Users\Public\Desktop


Enllaços relacionats: