Herramientas Útiles Para Frontend

Bueno en esta publicación mostrare algunas herramientas que en mi opinión son bastante útiles a la hora de hacer nuestro diseño ademas de funciones en nuestro frontend.


Font Awesome

Font Awesome es un paquete de iconos vectorizados bastante completo para proyectos donde tenemos a disposición diferentes tipos de iconos para diferentes proyectos que deseáramos hacer.


Bootstrap

Bootstrap excelente framework CSS para un rápido y bonito diseño responsive design (pero esta siendo usado por muchos y hay poca originalidad en los que lo usan).

[PHP] Encriptar Contraseñas

Bueno en este tema se vera como encriptar las contraseñas de nuestros usuarios de forma mas segura en nuestra base de datos.

¿Porque debemos hacer esto?

Esto lo hacemos con fines de proteger su información por si alguna persona con fines de explotar o robar información no pueda acceder a ella, ya que en muchas ocasiones los usuarios llegan a usar la misma contraseña para todo y eso pues esta mal entonces nuestro deber es poder proteger lo mas posible esos datos importantes y que solo el usuario pueda saber sobre y ni siquiera nosotros podramos saber así pues tener un poquito mas segura su información.

[PHP] Recortar Frase

Bueno muchas veces hemos visto o hemos querido hacer uso de algo como esto que es simplemente que no se muestre todo el texto de una frase sino hasta un cierto limite, esto lo vi en un grupo de facebook en el que estoy aunque la persona que lo publico su codigo no limpiaba realmente los espacios que hubiera entre palabras.

Ejemplo:
'  hola                   amigo              como estas ;D  '

Retornaba:
hola ...

~ Insomnio

Si estas mucho tiempo en la cama con tu laptop tu mente se acostumbra y lo toma que aunque estés acostado debe seguir trabajando, por ende el insomnio de muchos que trabajan desde la cama.

~

Un consejo es que no trabaje desde la cama sino desde el escritorio, y que su cama sea para lo que es descansar o pues tener acción(if you know what i mean) ;)

[PHP] Funcion Time Ago

Bueno esta vez vengo a mostrar un codigo sencillo parecido a lo que hace Facebook o Twitter, sobre cuando se hace una publicacion y se quiere saber cuando fue publicada.

Para esto haremos uso de DateTime & DateInterval de PHP, las cuales estan disponibles desde la version 5.3, bueno DateTime desde la 5.2, DateInterval desde la 5.3.

Bueno ya visto esto, ahora les mostrare el codigo, que pues no tiene nada de complicado :P

<?php
function tiempoTranscurrido($val)
{
 if(is_numeric($val)) // Si le enviamos un timestamp(milisegundos) desde 1970
 {
  $fecha = new DateTime();
  $fecha->setTimestamp($val);
 }else if(get_class($val) == 'DateTime'){ // Un objeto DateTime
  $fecha = $val;
 }else{
  $fecha = new DateTime($val); // Un String
 }

 // Obtenemos la diferencia y nos retorna un DateInterval
 $interval = $fecha->diff( new DateTime() );

 if($interval->y > 0)
 {
  $mes = array( 'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre' );
  if($interval->d != 0 && $interval->m != 0)
   return 'el ' . $fecha->format('d') . ' de ' . $mes[ $fecha->format('n')-1 ] . ' del ' . $fecha->format('Y');
  
  return 'hace ' . $interval->y . ' a&ntilde;o' . ($interval->y > 1 ? 's' : '');
 }else if($interval->m > 0)
 {
  return 'hace ' . $interval->m . ' mes' . ($interval->m > 1 ? 'es' : '');
 }else if($interval->d > 0)
 {
  $semana = $interval->d/7;
  if($semana == round($semana))
   return 'hace ' . $semana . ' semana' . ($semana > 1 ? 's' : '');
  else if($interval->d == 1)
   return 'ayer';
  else if($interval->d == 2)
   return 'antier';
  
  return 'hace ' . $interval->d . ' d&iacute;a' . ($interval->d > 1 ? 's' : '');
 }else if($interval->h > 0)
 {
  return 'hace ' . $interval->h . ' hora' . ($interval->h > 1 ? 's' : '');
 }else if($interval->i > 0)
 {
  return 'hace ' . $interval->i . ' minuto' . ($interval->i > 1 ? 's' : '');
 }else if($interval->s > 0)
 {
  return 'hace ' . $interval->s . ' segundo' . ($interval->s > 1 ? 's' : '');
 }else{
  return 'ahora';
 }
}

$tiempo = time(); // Hora Actual en Timestamp
echo tiempoTranscurrido( $tiempo )."<br />";

$tiempo = new DateTime('01-03-2013'); // Mi Cumpleaños xD
echo tiempoTranscurrido( $tiempo );


?>

Para una mejor vista pueden checarlo aqui: https://gist.github.com/s00rk/5906706

Reinventemos la Rueda

Bueno últimamente he estado leyendo muchas publicaciones, en donde personas dan inicio a proyectos y que cuando muestran su avance para que den opinión los demás, vienen a decir cosas como:

Eso ya existe, en ... pagina.com

No reinventes la rueda men, mejor usa este framework ......

[PHP-POO] Seguir Amigo (Estilo Twitter o Ask)

Bueno empezaremos a crear este pequeño tutorial para mostrar como crear o hacer una lista sencilla donde uno podrá agregar a su lista de seguimiento, sencillamente dando click a un botón Seguir.

Primeramente usare las siguientes herramientas:

- MYSQL (Base de Datos)

- MYSQL Workbench (Para creación de las tablas poderlas mostrar de forma agradable modificar y demás)

- PHP (Lenguaje Usado en nuestro Backend)

- Bootstrap (Para no enfocarnos tanto en el diseño usaremos este framework que nos ayudara a que quede de forma agradable nuestra web)

- HTML (Básico)

- javascript (jQuery para interactuar de forma mas agradable a la hora de dar click a los botones)

Regresando! Finalmente

Bueno pues no hay mucho que decir, hehehe andube un poco fuera por cuestiones y proyectos que deseaba terminar y asi fue, mas que nada personales y otros pues que eran con otros compañeros, pero ya al final estoy libre ... a exepcion de de una materia de la uni, pero ya esta todo mucho mejor!

Ahora si el blog se hara desde 0, pero esta vez incluire no solo temas de GunZ, sino un poco mas enfocados a otras cosas mas que nada a tecnologias web, igualmente tambien hare temas sobre GunZ, pero no tan directo, sino usando otras cosas ejemplo como hacer un login blablabla pero claro algo mas avanzado, de forma que puedan aprender y eso lo puedan aplicar en cualquier proyecto que deseen.

Bueno pues ya mañana tengo un ejemplo de que hacer como primer tema asi que pues ya luego los leo....

Saludos*!
Y sigamos adelante ;D