Diciembre 30th, 2009
Homer Simpson en Css
Visto en Roman Cortes
¿Como podríamos matar un proceso, si conocemos el nombre de este?, si suponemos que nuestro proceso es bash.
kill $(pgrep bash)
killall -v bash
pkill bash
kill 'ps -ef | grep bash | grep -v grep | awk '{print $2}''
ps -ef | grep bash | grep -v grep | xargs kill
killall bash
Esto es útil cuando no se conoce el nombre del proceso
Cuando escribimos en el ordenador, este no “interpreta letras”, sino los códigos numéricos que representan a estas, esto es lo que se conoce como juego de caracteres, en este post, veremos un popular juego de caracteres ANSI (American National Standards Institute), que asigna letras y números.
La tabla es bastante útil cuando tienes que poner algún determinado código que no aparece en el teclado.
| chr(33) = ! | chr(34) = “ | chr(35) = # | chr(36) = $ | chr(37) = % | chr(38) = & |
| chr(39) = ‘ | chr(40) = ( | chr(41) = ) | chr(42) = * | chr(43) = + | chr(44) = , |
| chr(45) = - | chr(46) = . | chr(47) = / | chr(48) = 0 | chr(49) = 1 | chr(50) = 2 |
| chr(51) = 3 | chr(52) = 4 | chr(53) = 5 | chr(54) = 6 | chr(55) = 7 | chr(56) = 8 |
| chr(57) = 9 | chr(58) = : | chr(59) = ; | chr(60) = < | chr(61) = = | chr(62) = > |
| chr(63) = ? | chr(64) = @ | chr(65) = A | chr(66) = B | chr(67) = C | chr(68) = D |
| chr(69) = E | chr(70) = F | chr(71) = G | chr(72) = H | chr(73) = I | chr(74) = J |
| chr(75) = K | chr(76) = L | chr(77) = M | chr(78) = N | chr(79) = O | chr(80) = P |
| chr(81) = Q | chr(82) = R | chr(83) = S | chr(84) = T | chr(85) = U | chr(86) = V |
| chr(87) = W | chr(88) = X | chr(89) = Y | chr(90) = Z | chr(91) = [ | chr(92) = \ |
| chr(93) = ] | chr(94) = ^ | chr(95) = _ | chr(96) = ` | chr(97) = a | chr(98) = b |
| chr(99) = c | chr(100) = d | chr(101) = e | chr(102) = f | chr(103) = g | chr(104) = h |
| chr(105) = i | chr(106) = j | chr(107) = k | chr(108) = l | chr(109) = m | chr(110) = n |
| chr(111) = o | chr(112) = p | chr(113) = q | chr(114) = r | chr(115) = s | chr(116) = t |
| chr(117) = u | chr(118) = v | chr(119) = w | chr(120) = x | chr(121) = y | chr(122) = z |
| chr(123) = { | chr(124) = | | chr(125) = } | chr(126) = ~ | chr(127) = | chr(128) = € |
| chr(129) = | chr(130) = ‚ | chr(131) = ƒ | chr(132) = „ | chr(133) = … | chr(134) = † |
| chr(135) = ‡ | chr(136) = ˆ | chr(137) = ‰ | chr(138) = Š | chr(139) = ‹ | chr(140) = Œ |
| chr(141) = | chr(142) = Ž | chr(143) = | chr(144) = | chr(145) = ‘ | chr(146) = ’ |
| chr(147) = “ | chr(148) = ” | chr(149) = • | chr(150) = – | chr(151) = — | chr(152) = ˜ |
| chr(153) = ™ | chr(154) = š | chr(155) = › | chr(156) = œ | chr(157) = | chr(158) = ž |
| chr(159) = Ÿ | chr(160) = | chr(161) = ¡ | chr(162) = ¢ | chr(163) = £ | chr(164) = ¤ |
| chr(165) = ¥ | chr(166) = ¦ | chr(167) = § | chr(168) = ¨ | chr(169) = © | chr(170) = ª |
| chr(171) = « | chr(172) = ¬ | chr(173) = | chr(174) = ® | chr(175) = ¯ | chr(176) = ° |
| chr(177) = ± | chr(178) = ² | chr(179) = ³ | chr(180) = ´ | chr(181) = µ | chr(182) = ¶ |
| chr(183) = · | chr(184) = ¸ | chr(185) = ¹ | chr(186) = º | chr(187) = » | chr(188) = ¼ |
| chr(189) = ½ | chr(190) = ¾ | chr(191) = ¿ | chr(192) = À | chr(193) = Á | chr(194) = Â |
| chr(195) = Ã | chr(196) = Ä | chr(197) = Å | chr(198) = Æ | chr(199) = Ç | chr(200) = È |
| chr(201) = É | chr(202) = Ê | chr(203) = Ë | chr(204) = Ì | chr(205) = Í | chr(206) = Î |
| chr(207) = Ï | chr(208) = Ð | chr(209) = Ñ | chr(210) = Ò | chr(211) = Ó | chr(212) = Ô |
| chr(213) = Õ | chr(214) = Ö | chr(215) = × | chr(216) = Ø | chr(217) = Ù | chr(218) = Ú |
| chr(219) = Û | chr(220) = Ü | chr(221) = Ý | chr(222) = Þ | chr(223) = ß | chr(224) = à |
| chr(225) = á | chr(226) = â | chr(227) = ã | chr(228) = ä | chr(229) = å | chr(230) = æ |
| chr(231) = ç | chr(232) = è | chr(233) = é | chr(234) = ê | chr(235) = ë | chr(236) = ì |
| chr(237) = í | chr(238) = î | chr(239) = ï | chr(240) = ð | chr(241) = ñ | chr(242) = ò |
| chr(243) = ó | chr(244) = ô | chr(245) = õ | chr(246) = ö | chr(247) = ÷ | chr(248) = ø |
| chr(249) = ù | chr(250) = ú | chr(251) = û | chr(252) = ü | chr(253) = ý | chr(254) = þ |
Espero que sirvan de ayuda
El problema que planteo es el siguiente: tu creas tu layout con tres columnas y luego quieres que tus columnas, aunque dos de ellas no tengan contenido, lleguen siempre hasta la altura de la que más contenido tenga. Normalmente obtienes algo así:

¡No se alargan las columnas como quieres!, es debido a que lo normal, es que las columnas se expandan según el contenido que tengan. Una opción rápida y chapuzas, sería poner un display:block a cada columna con el height deseado. Pero ¿Y si este es el layout general?, ¡entonces tendríamos que cambiarlo a todas nuestras páginas internas!, vamos una locura y algo muy feo..
¿La solución?
Asignar a las tres columnas, un padding bajo muy grande (32768px es el número máximo de pixeles posibles) y a su vez un margin negativo igual de grande. A su vez, deberemos crear un contenedor global que oculte lo que sobra.
#izquierda, #central, #derecha {
padding-bottom: 32768px;
margin-bottom: -32768px
}
#contenedor {overflow: hidden}
Desventajas
Con la llegada de los estándares CSS3, han surgido nuevas opciones para diseñar nuestras páginas. Entre ellas, las más interesantes que encuentro están, las transparencias, los degradados y las esquinas redondeadas.
Voy a hablar de estas últimas, es algo que los diseñadores siempre han conseguido insertando imágenes redondas al borde y listo. Actualmente, y gracias a los estándares css3 también lo podemos realizar mediante código css con estas instrucciones:
border-radius (estándar css)
-moz-border-radius (cuando se trataba de mozilla, aunque desde la versión 3.0 ya lo hacemos con la instrucción anterior)
-webkit-border-radius (safari y chrome)
El problema de hacerlo de este modo, es el de siempre, el maldito Internet Explorer, que ni en su versión 8 implementa estos estándares.
Una solución para tener las esquinas redondeadas en todos los navegadores, incluido Internet Explorer es usar JQuery Corners.
jQuery Corners es un plugin que nos permite realizar esquinas redondeadas de una manera bastante sencilla, sin imágenes o maquetación adicional y engorrosa en el código. Simplemente se define una clase y se aplica a un elemento HTML. Veamos como hacerlo:
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.corner.js" type="text/javascript"></script><script type="text/javascript"><!--
$(document).ready( function(){
$('.redondas').corners();
});
// --></script><div class="redondas">Contenedor con esquinas redondeadas.</div>Esta es la forma más básica de usar el script aunque posee varias opciones de configuración, como puede ser el radio de curvatura general o para cada una de las esquinas o también podemos aplicar el script a botones de un formulario. Todas estas las podemos consultar en el sitio oficial de jQuery Corners
Es soportado por la mayoría de los navegadores e inclusive por el iPhone.
Links | jQuery – jQuery Corners