Palabras superfluo y los buscadores

Superfluo
Superfluo

¿Te has preguntado cómo Google o Bing ubican mejor los resultados?, aquí explicare un poco.

Bueno generalmente en un buscador podemos escribir «Páginas web de Colombia» y nos mostrará sus resultados, esto dado a que Google ya tiene en sus bases de datos los resultados de muuuuuuchos sitios web, entonces cada página tiene unas palabras claves, las cuales si coinciden con la búsqueda, pues son mostradas; por ejemplo en la búsqueda de: «Páginas web de Colombia» se busca las palabras Páginas, Web y Colombia.

¿Cómo así? :O ¿Entonces no se incluye  «de»?; así es. «de» en este caso es una palabra superfluo, estas son palabras que sobran o que no son necesarias en la búsqueda.

Si buscas: «Millonarios es el mejor equipo de Colombia»; es lo mismo que si buscas: «Millonarios mejor equipo Colombia», puesto que se eliminan las palabras como: «es», «el», «de».

En http://www.solosequenosenada.com encontré una serie de pronombres que nos sirven como palabras superfluo, aquí algunas:

  • adonde
  • adónde
  • algo
  • alguien
  • alguna
  • algunas
  • alguno
  • algunos
  • ambas
  • ambos
  • aquel
  • aquél
  • aquella
  • aquélla
  • aquellas
  • aquéllas
  • aquello
  • aquellos
  • aquéllos
  • bastante
  • bastantes
  • como
  • cómo
  • conmigo
  • consigo
  • contigo
  • cual
  • cual
  • cuál
  • cuales
  • cuáles
  • cualesquiera
  • cualquiera
  • cuando
  • cuándo
  • cuanta
  • cuánta
  • cuantas
  • cuántas
  • cuanto
  • cuánto
  • cuantos
  • cuántos
  • cuya
  • cuyas
  • cuyo
  • cuyos
  • demás
  • demasiada
  • demasiadas
  • demasiado
  • demasiados
  • donde
  • dónde
  • él
  • ella
  • ellas
  • ello
  • ellos
  • esa
  • ésa
  • esas
  • ésas
  • ese
  • ése
  • eso
  • esos
  • ésos
  • esta
  • ésta
  • estas
  • éstas
  • este
  • éste
  • esto
  • estos
  • éstos
  • estotra
  • estotro
  • idem
  • ídem
  • la
  • las
  • le
  • les
  • lo
  • lo
  • los
  • me
  • media
  • medias
  • medio
  • medios
  • misma
  • mismas
  • mismo
  • mismos
  • mucha
  • muchas
  • mucho
  • muchos
  • nada
  • nadie
  • ninguna
  • ningunas
  • ninguno
  • ningunos
  • nos
  • nosotras
  • nosotros
  • os
  • otra
  • otras
  • otro
  • otros
  • poca
  • pocas
  • poco
  • pocos
  • qué
  • que
  • qué
  • quien
  • quién
  • quienes
  • quiénes
  • quienesquiera
  • quienquier
  • quienquiera
  • se
  • tal
  • tales
  • tanta
  • tantas
  • tanto
  • tantos
  • te
  • ti
  • toda
  • todas
  • todo
  • todos
  • una
  • unas
  • uno
  • unos
  • usted
  • ustedes
  • varias
  • varios
  • vos
  • vosotras
  • vosotros
  • yo

Ahora, si lo necesitamos en una Base de datos sql, aquí te lo dejo 🙂

INSERT INTO superfluo (name) values('adonde');
INSERT INTO superfluo (name) values('adónde');
INSERT INTO superfluo (name) values('algo');
INSERT INTO superfluo (name) values('alguien');
INSERT INTO superfluo (name) values('alguna');
INSERT INTO superfluo (name) values('algunas');
INSERT INTO superfluo (name) values('alguno');
INSERT INTO superfluo (name) values('algunos');
INSERT INTO superfluo (name) values('ambas');
INSERT INTO superfluo (name) values('ambos');
INSERT INTO superfluo (name) values('aquel');
INSERT INTO superfluo (name) values('aquél');
INSERT INTO superfluo (name) values('aquella');
INSERT INTO superfluo (name) values('aquélla');
INSERT INTO superfluo (name) values('aquellas');
INSERT INTO superfluo (name) values('aquéllas');
INSERT INTO superfluo (name) values('aquello');
INSERT INTO superfluo (name) values('aquellos');
INSERT INTO superfluo (name) values('aquéllos');
INSERT INTO superfluo (name) values('bastante');
INSERT INTO superfluo (name) values('bastantes');
INSERT INTO superfluo (name) values('como');
INSERT INTO superfluo (name) values('cómo');
INSERT INTO superfluo (name) values('conmigo');
INSERT INTO superfluo (name) values('consigo');
INSERT INTO superfluo (name) values('contigo');
INSERT INTO superfluo (name) values('cual');
INSERT INTO superfluo (name) values('cual');
INSERT INTO superfluo (name) values('cuál');
INSERT INTO superfluo (name) values('cuales');
INSERT INTO superfluo (name) values('cuáles');
INSERT INTO superfluo (name) values('cualesquiera');
INSERT INTO superfluo (name) values('cualquiera');
INSERT INTO superfluo (name) values('cuando');
INSERT INTO superfluo (name) values('cuándo');
INSERT INTO superfluo (name) values('cuanta');
INSERT INTO superfluo (name) values('cuánta');
INSERT INTO superfluo (name) values('cuantas');
INSERT INTO superfluo (name) values('cuántas');
INSERT INTO superfluo (name) values('cuanto');
INSERT INTO superfluo (name) values('cuánto');
INSERT INTO superfluo (name) values('cuantos');
INSERT INTO superfluo (name) values('cuántos');
INSERT INTO superfluo (name) values('cuya');
INSERT INTO superfluo (name) values('cuyas');
INSERT INTO superfluo (name) values('cuyo');
INSERT INTO superfluo (name) values('cuyos');
INSERT INTO superfluo (name) values('demás');
INSERT INTO superfluo (name) values('demasiada');
INSERT INTO superfluo (name) values('demasiadas');
INSERT INTO superfluo (name) values('demasiado');
INSERT INTO superfluo (name) values('demasiados');
INSERT INTO superfluo (name) values('donde');
INSERT INTO superfluo (name) values('dónde');
INSERT INTO superfluo (name) values('él');
INSERT INTO superfluo (name) values('ella');
INSERT INTO superfluo (name) values('ellas');
INSERT INTO superfluo (name) values('ello');
INSERT INTO superfluo (name) values('ellos');
INSERT INTO superfluo (name) values('esa');
INSERT INTO superfluo (name) values('ésa');
INSERT INTO superfluo (name) values('esas');
INSERT INTO superfluo (name) values('ésas');
INSERT INTO superfluo (name) values('ese');
INSERT INTO superfluo (name) values('ése');
INSERT INTO superfluo (name) values('eso');
INSERT INTO superfluo (name) values('esos');
INSERT INTO superfluo (name) values('ésos');
INSERT INTO superfluo (name) values('esta');
INSERT INTO superfluo (name) values('ésta');
INSERT INTO superfluo (name) values('estas');
INSERT INTO superfluo (name) values('éstas');
INSERT INTO superfluo (name) values('este');
INSERT INTO superfluo (name) values('éste');
INSERT INTO superfluo (name) values('esto');
INSERT INTO superfluo (name) values('estos');
INSERT INTO superfluo (name) values('éstos');
INSERT INTO superfluo (name) values('estotra');
INSERT INTO superfluo (name) values('estotro');
INSERT INTO superfluo (name) values('idem');
INSERT INTO superfluo (name) values('ídem');
INSERT INTO superfluo (name) values('la');
INSERT INTO superfluo (name) values('las');
INSERT INTO superfluo (name) values('le');
INSERT INTO superfluo (name) values('les');
INSERT INTO superfluo (name) values('lo');
INSERT INTO superfluo (name) values('lo');
INSERT INTO superfluo (name) values('los');
INSERT INTO superfluo (name) values('me');
INSERT INTO superfluo (name) values('media');
INSERT INTO superfluo (name) values('medias');
INSERT INTO superfluo (name) values('medio');
INSERT INTO superfluo (name) values('medios');
INSERT INTO superfluo (name) values('mí');
INSERT INTO superfluo (name) values('misma');
INSERT INTO superfluo (name) values('mismas');
INSERT INTO superfluo (name) values('mismo');
INSERT INTO superfluo (name) values('mismos');
INSERT INTO superfluo (name) values('mucha');
INSERT INTO superfluo (name) values('muchas');
INSERT INTO superfluo (name) values('mucho');
INSERT INTO superfluo (name) values('muchos');
INSERT INTO superfluo (name) values('nada');
INSERT INTO superfluo (name) values('nadie');
INSERT INTO superfluo (name) values('ninguna');
INSERT INTO superfluo (name) values('ningunas');
INSERT INTO superfluo (name) values('ninguno');
INSERT INTO superfluo (name) values('ningunos');
INSERT INTO superfluo (name) values('nos');
INSERT INTO superfluo (name) values('nosotras');
INSERT INTO superfluo (name) values('nosotros');
INSERT INTO superfluo (name) values('os');
INSERT INTO superfluo (name) values('otra');
INSERT INTO superfluo (name) values('otras');
INSERT INTO superfluo (name) values('otro');
INSERT INTO superfluo (name) values('otros');
INSERT INTO superfluo (name) values('poca');
INSERT INTO superfluo (name) values('pocas');
INSERT INTO superfluo (name) values('poco');
INSERT INTO superfluo (name) values('pocos');
INSERT INTO superfluo (name) values('qué');
INSERT INTO superfluo (name) values('que');
INSERT INTO superfluo (name) values('qué');
INSERT INTO superfluo (name) values('quien');
INSERT INTO superfluo (name) values('quién');
INSERT INTO superfluo (name) values('quienes');
INSERT INTO superfluo (name) values('quiénes');
INSERT INTO superfluo (name) values('quienesquiera');
INSERT INTO superfluo (name) values('quienquier');
INSERT INTO superfluo (name) values('quienquiera');
INSERT INTO superfluo (name) values('se');
INSERT INTO superfluo (name) values('sí');
INSERT INTO superfluo (name) values('tal');
INSERT INTO superfluo (name) values('tales');
INSERT INTO superfluo (name) values('tanta');
INSERT INTO superfluo (name) values('tantas');
INSERT INTO superfluo (name) values('tanto');
INSERT INTO superfluo (name) values('tantos');
INSERT INTO superfluo (name) values('te');
INSERT INTO superfluo (name) values('ti');
INSERT INTO superfluo (name) values('toda');
INSERT INTO superfluo (name) values('todas');
INSERT INTO superfluo (name) values('todo');
INSERT INTO superfluo (name) values('todos');
INSERT INTO superfluo (name) values('tú');
INSERT INTO superfluo (name) values('una');
INSERT INTO superfluo (name) values('unas');
INSERT INTO superfluo (name) values('uno');
INSERT INTO superfluo (name) values('unos');
INSERT INTO superfluo (name) values('usted');
INSERT INTO superfluo (name) values('ustedes');
INSERT INTO superfluo (name) values('varias');
INSERT INTO superfluo (name) values('varios');
INSERT INTO superfluo (name) values('vos');
INSERT INTO superfluo (name) values('vosotras');
INSERT INTO superfluo (name) values('vosotros');
INSERT INTO superfluo (name) values('yo');

De acentos y otras vainas, en PHP

De acentos y otras vainas
De acentos y otras vainas

PHP tiene muchas opciones (ahora) para manejar los acentos y caracteres especiales, es importante manejar esto para que no aparezcan símbolos como este: �.

Hoy les daré 3 funciones, que les servirán en este camino del ASCII y otros demonios:

Eliminar totalmente acentos:

function clear_accents($string)
{
 return strtr($string,'àáâãäçèéêëìíîïñòóôõöùúûüýÿÀÁÂÃÄÇÈÉÊËÌÍÎÏÑÒÓÔÕÖÙÚÛÜÝ',
'aaaaaceeeeiiiinooooouuuuyyAAAAACEEEEIIIINOOOOOUUUUY');
}

Eliminar acentos totalmente desde un código ASCII ya generado

function clear_accents($value)
{
 $value = str_ireplace('à','a',$value);
 $value = str_ireplace('á','a',$value);
 $value = str_ireplace('â','a',$value);
 $value = str_ireplace('ã','a',$value);
 $value = str_ireplace('ä','a',$value);
 $value = str_ireplace('&ccedil','c',$value);
 $value = str_ireplace('&egrave','e',$value);
 $value = str_ireplace('&eacute','e',$value);
 $value = str_ireplace('&ecirc','e',$value);
 $value = str_ireplace('&euml','e',$value);
 $value = str_ireplace('&igrave','i',$value);
 $value = str_ireplace('&iacute','i',$value);
 $value = str_ireplace('&icirc','i',$value);
 $value = str_ireplace('&iuml','i',$value);
 $value = str_ireplace('&ntilde','n',$value);
 $value = str_ireplace('&ograve','o',$value);
 $value = str_ireplace('&oacute','o',$value);
 $value = str_ireplace('&ocirc','o',$value);
 $value = str_ireplace('&otilde','o',$value);
 $value = str_ireplace('&ouml','o',$value);
 $value = str_ireplace('&ugrave','u',$value);
 $value = str_ireplace('&uacute','u',$value);
 $value = str_ireplace('&ucirc','u',$value);
 $value = str_ireplace('&uuml','u',$value);
 $value = str_ireplace('&yacute','y',$value);
 $value = str_ireplace('&yuml','y',$value);
 $value = str_ireplace('&Agrave','A',$value);
 $value = str_ireplace('&Aacute','A',$value);
 $value = str_ireplace('&Acirc','A',$value);
 $value = str_ireplace('&Atilde','A',$value);
 $value = str_ireplace('&Auml','A',$value);
 $value = str_ireplace('&Ccedil','C',$value);
 $value = str_ireplace('&Egrave','E',$value);
 $value = str_ireplace('&Eacute','E',$value);
 $value = str_ireplace('&Ecirc','E',$value);
 $value = str_ireplace('&Euml','E',$value);
 $value = str_ireplace('&Igrave','I',$value);
 $value = str_ireplace('&Iacute','I',$value);
 $value = str_ireplace('&Icirc','I',$value);
 $value = str_ireplace('&Iuml','I',$value);
 $value = str_ireplace('&Ntilde','N',$value);
 $value = str_ireplace('&Ograve','O',$value);
 $value = str_ireplace('&Oacute','O',$value);
 $value = str_ireplace('&Ocirc','O',$value);
 $value = str_ireplace('&Otilde','O',$value);
 $value = str_ireplace('&Ouml','O',$value);
 $value = str_ireplace('&Ugrave','U',$value);
 $value = str_ireplace('&Uacute','U',$value);
 $value = str_ireplace('&Ucirc','U',$value);
 $value = str_ireplace('&Uuml','U',$value);
 $value = str_ireplace('&Yacute','Y',$value);
 return $value;
}

Convertir de un acento a código ASCII

function convertir_a_ascii($string)
{
return html_entity_decode($string);
}

Recuerden siempre SIEMPRE guardar en sus Bases de datos, la información codificada en HTML, con su equivalente ASCII, para evitar problemas y corrupción de datos. ¡Saludos y buen inicio de semana!

 

Simple menú con CSS, HTML y Javascript

Simple Menú con CSS, HTML y Javascript
Simple Menú con CSS, HTML y Javascript

Las «Tabs» o Pestañas  son muy buenas alidadas, en cuestión de diseño web; ocupan poco espacio y le dan orden a los contenidos.

Se popularizaron en los navegadores hace algunos años, el primero en aplicarlas fue Opera Navigator. Es por eso que me encanta este navegador.

Aquí está el código, es muy bonito y no necesita de imágenes externas:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>
	$(document).ready(function()
	{
		$(".tab_content").hide();
		$(".tab_content:first").show();




		$("ul.tabs li").click(function(click)
		{
			click.preventDefault();
			$("ul.tabs li").removeClass("active");
			$(this).addClass("active");
			$(".tab_content").hide();




			var activeTab = $(this).find("a").attr("href");
			$(activeTab).fadeIn();
		});
	});
</script>




<style type="text/css">
#panel{
	font-family: arial;
    width: 944px;
    background: -webkit-linear-gradient(#FFF, #E2E2E2);
    background: -moz-linear-gradient(#FFF, #E2E2E2);
    background: -o-linear-gradient(#FFF, #E2E2E2);
    border-radius: 6px;
    padding: 26px 40px;
}
    #panel h1{
        font-size: 30px;
    }
    #panel h2{
        font-size: 17px;
        font-weight: bold;
    }
    #panel input{
        width: 608px;
        height: 40px;
        font-size: 17px;
        padding: 0 5px;
        margin-bottom: 27px;
        border: #CCCCCC 1px solid;
        box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.2);
        border-radius: 3px;
    }
    #panel .button{
        display: block;
        padding: 10px 20px;
        text-align: center;
        font-size: 15px;
    }




    .tabs {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        height: 41px;
        border: 1px solid #CCCCCC;
        border-radius: 5px 5px 0 0;
        width: 100%;
            background: -webkit-linear-gradient(#F9F9F9, #F3F3F3);
            background: -moz-linear-gradient(#F9F9F9, #F3F3F3);
            background: -o-linear-gradient(#F9F9F9, #F3F3F3);
    }
        .tabs li {
            float: left;
            margin: 0;
            padding: 0;
            height: 41px;
            line-height: 41px;
            border: 1px solid #CCCCCC;
            border-top: none;
            border-left: none;
            margin-bottom: -1px;
            overflow: hidden;
            position: relative;
        }
            .tabs li a {
                text-decoration: none;
                display: block;
                font-size: 13px;
                padding: 0 20px;
                border: 1px solid #fff;
                outline: none;
            }
                .tabs li:first-child{
                    border-radius: 5px 0 0 0;
                }
                .tabs li a:hover {
                    background: #FFF;
                }
                .tabs li:not(.active) a{
                    color: #888;
                }
                .tabs .active a{
                    color: #000;
                    font-weight: bold;
                }
            .tabs li.active, .tabs li.active a:hover  {
                background: #fff;
                border-bottom: 1px solid #fff;
            }
            .tabs li .active{
                color:#000;
            }
             




            .tab_container{
                border: 1px solid #CCCCCC;
                border-top: none;
                overflow: hidden;
                clear: both;
                float: left; width: 100%;
                background: #fff;
                border-radius: 0 0 5px 5px;
            }
                .tab_content{
                    padding: 20px;
                    font-size: 1.2em;
                }
</style>
	<div id="panel">
		<h1>Millonarios Futbol Club</h1>
		<p>El m&aacute;s veces campe&oacute;n. El equipo embajador, El Ballet Azul</p>
		<br/>
		<ul class="tabs">
		    <li class="active"><a href="#tab1">Partidos</a></li>
		    <li><a href="#tab2">Refuerzos</a></li>
		    <li><a href="#tab3">Noticias</a></li>
		    <li><a href="#tab4">Galer&iacute;a</a></li>				    
		    <li><a href="#tab5">Historia Millonarios FC</a></li>
		    <li><a href="#tab6">Videos</a></li>
		    <li><a href="#tab7">Redes sociales</a></li>
		    <li><a href="#tab8">Registro</a></li>
		</ul>




		<div class="tab_container">
		    <div id="tab1" class="tab_content">
		        <ul>
		        	<li>Millonarios (Colombia) - Olimpia (Honduras) 21 de julio 2013</li>
		        	<li>Millonarios (Colombia) - Porto (Portugal) 24 de julio 2013</li>
		        	<li>Millonarios (Colombia) - Am&eacute;rica de Cali (Colombia) 31 de julio 2013</li>
		        </ul>
		    </div>
		    <div id="tab2" class="tab_content">
		       Alas :O
			</div>
		    <div id="tab3" class="tab_content">
		       Alas :O
			</div>
		    <div id="tab4" class="tab_content">
		        holas 🙂
		    </div>
		    <div id="tab5" class="tab_content">
		       Alas :O
			</div>
		    <div id="tab6" class="tab_content">
		       Alas :O
			</div>
		    <div id="tab7" class="tab_content">
			    <fieldset>
			        <form action="confirmacion.html" method="post" >
			            <label class="label" >
		       				<h2>Cambiar contrase&ntilde;a</h2>
		       				</br>
			                <input type="password" name="name" placeholder="Nueva contrase&ntilde;a">
			            </label>
			            <button type="submit" class="button" title="Enviar formulario">
			                <span class="desk">Guardar cambios</span>
			            </button>
			        </form>
			    </fieldset>
			</div>
		    <div id="tab8" class="tab_content">
		       Alas :O
			</div>
		</div>
		<div style="clear: both;"></div>
		</div>

Eventos de teclas en una web

Teclado
Eventos de teclado en una web, imagen tomada de BlogVecindad

La evolución de Javascript es impresionante, pasamos de popups y animaciones sencillas, a librerías potentes como Jquery o Mootools. Todo esto es por consecuencia de la adopción del Javascript para la capa de interfaz y animaciones. Algunos expertos dicen que debe ser función de CSS (por eso ya hay animaciones css en su versión 3) y puede tener razón.

Hoy vamos a ver cómo capturar cuando el usuario presiona una tecla y saber qué tecla era, como lo hace Gmail o Twitter. Sería genial por ejemplo que en una aplicación que estemos haciendo, al presionar “G” se guarde una copia de seguridad.

Como todos sabemos, cada uno de los caracteres tiene su código ASCII, en base a eso podemos identificar qué letra se presionó.

Y el código es este, en este caso la tecla será “Escape” ó “Esc” que su valor es 27:


$(document).keyup(function(tecla) {
   if(tecla.keyCode == 27){
      alert("Presionaste escape de tu teclado.:)")
   }
});

Cabe aclarar que usaremos Jquery para que capture el evento de presionar la tecla en cualquier parte del la web.

Vamos por partes: $(document) es usado para que el evento sea global, en cualquier parte de la web. “Keyup” es un evento de Jquery que identifica cuando uno presiona una tecla, function(tecla) sirve para que la tecla capturada se guarde en la variable “tecla”. Por último la condicional “if” con tecla.keyCode == 27, donde 27 es el código ASCII de la tecla Escape.

Espero que este minicódigo les sirva. ¡Saludos!

Primer taller Teoría General de Sistemas

Este es un trabajo para mi universidad, Corporación Universitaria Autónoma del Cauca y la materia TGS 🙂

A %d blogueros les gusta esto: