Ranasofía Sabiduría Anfibia

26jul/101

HTML5: Inputs

Vamos a jugar con ustedes, lean este pequeño archivo HTML ¿les resulta familiar? :mrgreen:

<html>
<head>
<title>HTML 5 Inputs</title>
</head>
<body>
<form>
<input type="text" name="nombre" placeholder="Nombre" /><br>
<input type="text" name="apellido" autofocus /><br>
<input type="url" name="url" value="http://" /><br>
<input type="email" name="email" placeholder="Aquí ingresa tu Email" /><br>
<input type="submit" name="Enviar" value="Enviar" /><br>
</form>
</body>
</html>

A más de uno sí, porque el que nunca usó la etiqueta <input> nunca desarrollo una aplicación 2.0 8) Pero, en el código hay algo raro ¿lo pueden ver? Y son atributos nuevos y atributos de atributos nuevos también :mrgreen: Veamos qué onda con esto, línea por línea (del form unicamente :wink: )

<input type="text" name="nombre" placeholder="Nombre" />

Acá vemos una vulgar etiqueta <input type="text">, pero con algo raro, un atributo que nadie conocía (bah, capáz), que es placeholder. Pero... ¿exáctamente que hace ese atributo? Bueno, ahí te comento, lo que hace es escribir el valor que vos le pusiste en el mismo <input>, pero que al hacer click en el mismo desaparece. ¿No entendiste un pito? No te preocupes, acá tenes una linda demo.

Pasemos a la siguiente línea:

<input type="text" name="apellido" autofocus />

También, otro "input text", pero con un atributo sin valor (y más vale que nunca lo tenga) que se llama autofocus. ¿Qué hace? Le dá un efecto focus al borde del input. De todas maneras, si no entediste, te repito, hay una demo:

<input type="url" name="url" value="http://" />

¿type="url"? Crazy, me parece que te equivocaste... no, para nada, así es, lo que hace este valor del atributo type es OBLIGAR al usuario a tener que ingresar una URL, si no, no deja enviar el formulario. No puedo dejar demo acá, porque no hay formulario que enviar, y el efecto no puede ser visto, pero más debajo dejo un archivo para que vean.

<input type="email" name="email" placeholder="Aquí ingresa tu Email" />

¿type="text"? También, obliga al usuario a dejar su email, pero de forma válida, es decir, ya no tendremos que usar esas molestas validaciones con Javascript. Tampoco puedo dejar demo acá porque tampoco hay un form :mrgreen:

DESDE ACÁ podés ver el demo de todos los nuevos atributos de HTML5. Espero que los hayan disfrutado y usen en sus proyectos!

Suerte!
Es posible que no vean ninguno de los efectos, consecuencia que no tienen un navegador que soporte HTML5; y puede ser que no vean el efecto autofocus pero está, lo pueden ver en el archivo demo

24jul/102

Google Font API: Te vas a volver chango!

Google junto con su tecnología de vanguardia nos sorprende otra vez más con una de sus funcionalidades que, de seguro, será usada en la mayoría de los sitios webs.

Con la API de Fuentes de Google en tan sólo 20 segundos podemos integrar la fuente que queramos a nuestra web, y usarla como fuente por defecto en toda la página.

Por más que parezca una estúpidez esto trae muy buenas ventajas, nos ahora ancho de banda y hace el caché de la fuente, cosa que no tenga que cargarla de vuelta cada vez que se recargue la página.

Acá te dejamos un catálogo de fuentes por si sos como nosotros y tenés menos tipografías que el New York Times :mrgreen:

Videíto explicativo:

Posiblemente no entiendas un pito como yo porque está en inglés, pero bueno, una video vale más que mil palabras :mrgreen:

Y ahora expliquemos de forma escrita:

Para tomar ventaja de esta API, solo tenés que linkear a tu deseada fuente, y referenciarla dentro de "font-family" del CSS. Y eso es todo 8O . Si no te sale dejá el rubro porque la verdad que te vas a cagar de hambre :mrgreen:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>untitled</title>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<style>
body { font-family: 'Yanone Kaffeesatz', serif; font-size: 100px; }
</style>
</head>
<body>
Hello World
</body>
</html>

API

Y eso es todo, espero que te haya gustado. Suerte! :mrgreen:

15jul/102

La guerra de los navegadores

Navegadores

Continuando la entrada que hice anteriormente sobre los navegadores, quiero contarles sobre la actual competencia que hay entre los navegadores, especialmente los 5 con mayor cuota en el mercado, Internet Explorer, Firefox, Chrome, Opera y Safari, aunque tambien hay otras muy buenas alternativas.

Internet Explorer, luego de desplazar a NetScape en la decada de 1990, a finales de esta para ser exactos, es el navegador con mayor cuota de usuarios en el mercado, aunque esta posicion que tiene puede estar en peligro puesto que los dos navegadores que lo siguen, Firefox y Chrome estan sumando constantemente su numero de usuarios, mientras que Internet Explorer dificultosamente los mantiene.

Esto se deve a que Internet Explorer se hizo fama de no cumplir con los estandartes web para los programadores y diseñadores web.

Chrome es un navegador que aumenta su cuota constantemente, y en algun momento no tan lejano podria desplazar a Firefox de su lugar, aunque ambas son muy buenas opciones.

Safari, el navegador de Apple, y Opera son tambien navegadores con increible velocidad de carga y una interfaz mas que agradable, quizas su exito este ligado directamente a la simplicidad y belleza de su diseño.

Grafico sobre el uso de navegadores atravez del tiempo

Cuota de navegadores en mayo de 2010El grafico de la derecha muestra la cuota de uso en el mercado de los navegadores en mayo de este año, segun lo que tengo entendido en este momento la porcion de chrome abra crecido un poco mientras que la de internet explorer debe haber achicado su tamaño y firefox tambien deve haber perdido un poco de cuota en el mercado.

En mi opinion personal el mejor navegador que le recomendaria a cualquiera es Google Chrome, y debo admitir que una parte de mi preferencia hacia este navegador deve ser por la empresa que lo creo pero no toda, ya que todas las paginas bien diseñadas se ven bien en el, tiene un inicio instantaneo y no tiene problermas de estabilidad entre otras cosas.

Para terminar con esta entrada les dejo una serie llamada "La Internet" que la pasaban por discovery channel que en uno de sus capitulos hablo de la guerra de los navegadores, pero en sus incios, muy interesante, se los recomiendo.

La Historia de la Internet - Guerra de navegadores

Etiquetado con: , 2 Comentarios
13jul/101

Toy Story 3 – Critica

Toy Story 3

Toy Story 3

Yo se que este blog es de programación, o de tecnología, pero, no pude contenerme a publicar, por el que quizás allá sido la mejor película que vi en mi vida.
Sepan que no soy critico, ni mi opinión busca transformar de alguna manera la de ustedes, lo que pasa es que, como para la mayoría de las personas a la que esta apuntado este blog, yo soy un adolescente, tengo 15 años, y en mi niñez toy story fue mi película de cabecera, la veía 2 o 3 veces al día, si señores 2 o 3 veces al día, medio boludo.
Por esto no pude aguantar las ganas hasta que se estrenara Toy Story 3, aparte todo esto de la movida 3D lo hizo mas interesante.
El reto mas grande que tuvo Pixar y Disney fue como lo dijo el director de la película “Lograr que la 3 entrega de la saga este a la altura de las otras dos.” Un gran reto a mi entender! Ya que pienso que las dos películas anteriores fueron espectaculares!
La película estuvo genial, atrapante en todo momento, y con algunos giros en la historia, que realmente me hizo sentir un conjunto de sensaciones muy interesantes y que no me hizo sentir una película nunca.
El 3D no fue algo trascendental, pero con la historia que tiene la película es imposible quejarse, hubo momentos en los que mis ojos se llenaron de lagrimas y muchos otros en los que mi hizo arrojar carcajadas.
Lo último que les puedo decir es que algo tan simple como lo es aplaudir a una película cuando termina, se había perdido, o al menos en las películas que vi últimamente, pero en toy store 3 luego de que algún chico arrojara una tímida palmada todos los presentes se pusieron a aplaudir el film.
Así que solo queda decirles que vallan a ver la película que no se van a arrepentir, y que es un film que no se va a perder en el tiempo y va a quedar guardada en la memoria de todos los que la fuimos a ver.

Etiquetado con: , , , 1 Comentario
2jul/100

Mac or PC rap

Este es un gran video, me encanta, sera porque me gusta el rap pero esta buena la temática, el que hace de pc es un capo :mrgreen:

Etiquetado con: , , , , No hay comentarios
1jul/102

Como hacer un Formulario en php

Bueno les hago un pequeño tutorial de como hacer un simple formulario en php.

Primero debemos saber como se constituye un formulario, y lo que puede hacer.

php

Todo formulario comienza con la etiqueta <FORM ACTION="lo_que_sea.php" METHOD="post/get"> . Con . Con ACTION indicamos el script que va procesar la información que recogemos en el formulario, mientras que METHOD nos indica si el usuario del formulario va ha  enviar datos ( post ) o recogerlos ( get ). La etiqueta <FORM> indica el final del formulario.

A partir de la etiqueta <FORM> vienen los campos de entrada de datos que pueden ser:

Cuadro de texto:

<input type="text" name="nombre" size="20" value="jose">

Cuadro de texto con barras de desplazamiento:

<textarea rows="5" name="descripcion" cols="20">Es de color rojo</textarea>

Casilla de verificación:

<input type="checkbox" name="cambiar" value="ON">

Botón de opción:

<input type="radio" value="azul" checked name="color">

Menú desplegable:

<select size="1" name="dia">

<option selected value="lunes">lunes</option>

<option>martes</option>

<option value="miercoles">miércoles</option>

</select>

Boton de comando:

<input type="submit" value="enviar" name="enviar">

Campo oculto:

<input type="hidden" name="edad" value="55">

Este último tipo de campo resulta especialmente útil cuando que remos pasar datos ocultos en un formulario.

Como habrás observado todos lo tipos de campo tienen un modificador llamado name , que no es otro que el nombre de la variable con la cual recogeremos los datos en el script indicado por el modificador ACTION de la etiqueta FORM FORM , con value establecemos un valor por defecto.

Entonces para optener los valores en el archivo en donde enviamos el formularo (en el ejemplo anterior "lo_que_sea.php") lo debemos hacer de la siguiente forma:

ejemplo:  si en el form, pusieramos el method GET,  obtendremos el valor que pusimos en el cuadro de texto de esta forma

$_GET['nombre'];

recordando que "nombre" es el nombre que le pusimos al cuadro de texto.

Si en el form, ubiesemos puesto el method POST, seria de esta forma:

$_POST['nombre'];

De esta forma podremos utilizar valores que entran por teclado ( lo que nosotros escribimos) y guardarlos desde otro archivo a la base de datos, o en otro caso, enviar un mail.

Bueno eso es todo por hoy, luego subo algunos ejemplos y tutos mejores.

Salduos...

29jun/100

Me gusta facebook?

Ultimamente estoy notando, una tendencia en mi facebook de mis amigos de publicar cosas asi:

"A Usuario de facebook le gusta Cerrá la puertaaaaa, o vivis en carpa voss ¬¬. en  :) "

La unica diferencia a un "Like" normal de facebook es esta: "en  :) " Esto es porque son likes de una pagina externa. Estas paginas me llevan a hacerme varias preguntas.

¿Que son estas paginas?

Son paginas web, con 3 funciones basicas, hacerte admirador de grupos, crear tus propios grupos y mostrar los grupos creados por medio de esa pagina.

Hablo de paginas como:

http://www.amimegustafacebook.com/
http://www.megustafacebook.com/
http://www.megustafacebook.co.cc/
http://www.imegusta.com/
http://fbmegusta.com/
http://www.myfblike.com/

¿Que diferencia hay con los likes de facebook?

Ninguna, para un usuario que sabe usar los grupos y paginas del facebook. La unica ventaja que encuentro con este sistema es la sencillez para armar la pagina, ya que solo hay que colocar el nombre. En este punto podemos agregar que las paginas creadas no son como las normales de facebook, sino que son grupos internos de la pagina donde la creamos.

¿Que ganan los webmasters de estas webs?

A mi entender, nada, son visitas por medio de engaños, haciendo creer al usuario que esta en facebook, no creo que ganen mucho mas que 2 o 3 cliks en las publicidades.

Bueno, al fin y al cabo, estas paginas a mi me molestan mucho y espero que se haga algo en facebook para que no sigan llenando nuestros muros con spam.

27jun/102

Me presento

Buenas gente. Algunos me conocen, otros no, soy FeDeX de sp, de muchos sitios :P

Estoy acá para ayudarlos a comprender lo que a mi me costo mucho comprender, el correcto funcionamiento y aplicación de los códigos PHP.

También me interesa el CSS y publicare tutoriales y enlaces sobre este tema.

Espero colaborar, y ayudarlos.

Atte FeDeX

Etiquetado con: , , , 2 Comentarios
25jun/100

Resultado Ganador de Encuesta…

Y como era de esperarse, los pibes quieren Programación PHP y en segundo lugar Cualquier cosa, mientras sea interesante.

¿Vos lo pediste? ¿No sabés con qué se come? Ahora te va a caber...

Y sin más, la entrada más corta del blog por ahora, de yapa les dejo este videito para que se relajen locas... nos vemos por ahí :mrgreen:

Si les gusta comenten! :D

21jun/100

Ranasofía – Sabiduría Anfibia

Más de uno sabrá que yo ya tuve un blog, el poco interesado "Blog de la rana loca". No me gustó, no me sentía identificado, por eso le pedí a muertet que lo cerrara. Al poco tiempo abrí otro, uno que nadie supo con el dominio www.todocs.com, lo estaba preparando, cuando el chabón (un capo) que me daba hosting me dijo que fueron víctimas de un hacking a su server y por lo tanto se perdieron todos los archivos. Después agarré la propuesta de achiaramello (webmaster de TecnoForo) para que me dé hosting a cambio de hacer aportes en su web (que con gusto los hago, muy buena comunidad para estar, son todos muy amables, ojalá nunca se les vaya esa chispa), y creé este blog, igual a los 2 anteriores.

Los objetivos que me fijo desde este punto de partida son que el blog sea conocido y que ustedes aprendar por medio mío, por eso les tengo que preguntar qué temas les gustaría que se trate el blog. Sólo respondan :)

[poll id="2"]

Muchas gracias, cuando vea un avanze considerable en la encuesta empezaré a aportar :mrgreen: .

Si te place comentar agregando ideas o pedidos para el blog NO LO DUDES! HACELO! Acá NO hay censura ^^ 8)