¡Extraterrestres por todos lados!

¿Alguna vez se han puesto a pensar de dónde surgieron los animales?

Pues… ¡Hoy les traigo este post, mis queridos amigos!

¡Los animales vienen de otro planeta!

Es por eso que hablan como hablan y no les podemos entender.

Ayer cuando estaba escuchando la radio, mi perro comenzó a ladrar y más que eso a hacer ruidos extraños como si intentara cantar la canción que sintonizaba.

Sinceramente me espanté, le dije que se callara; pero éste no me hizo caso y se me quedó viendo durante unos minutos. ¡Me miraba fijamente sin parpadear!

Pensé quizás le había dado un shock, pero simplemente troné mis dedos y reaccionó.

Entonces escuché un sonido venir de mi ventana. Me asomé y vi un ovni.

Quizás estarán diciendo: “¡Vaya!, ¡pero qué mentira!”

Pues no amigos, de verdad vi un ovni. ¡Un ovni!

Un ovni que ese encontraba en la azotea de mi vecino de enfrente.

Me dio miedito, con decirles que me pellizqué para afirmar que no fuese un sueño.

Y efectivamente no era un sueño.

Después de unos minutos, 3 minutos para ser exactos el ovni comenzó a girar, mientras giraba cambiaba de color y desapareció como una estrella fugaz.

Siempre me pregunté de dónde se originaron los animales.

Siempre me pregunté cómo es que ellos logran entendernos aún con una simple mirada.

Cómo esque con su presencia logran alegrarnos el día o cómo esque a veces parecen humanos, digo ésto porque hay veces que dejo dormir en mi cama a mi perro y éste ¡recarga su cabeza en mi almohada!

Si bien al parecer son una clase de extraterrestre bueno, ya vienen a brindar apoyo, comprensión, compañía, alegría…

Pero… no les hagamos enojar porque no sabemos cómo puedan reaccionar.

Más que una mordida o ladrido agresivo ¡Podrían transportarnos a su planeta y dejarnos allí para siempre!

perroespacial


~~¿Ustedes qué piensan?~~

~~¿Les ha pasado algo similar?

¡Compárteme tu opinión!

DEJA TU COMENTARIO🙂

Fuente de mi autoría.

 

 

¡Experiencia! ¿HTML? ¿Framework?

¡Hola mis queridos amigos!

En esta entrada les compartiré mi experiencia con html y posterior al usar un framework.

Recién que empecé mi curso de html me pareció fácil, pero al ir desarrollandolo me di cuenta que se necesita de práctica.

Mi profesora nos dijo que nos enseñaría a picar piedra, para así volvernos unos expertos.

Sí, le batallé con los paddings y margins, los cuales son los marcos osea los espacios internos y externos en una página web.

Primero para hacer una página web necesité hacer un wireframing a lo que yo le llamaría un boceto de cómo estará distrubuído nuestro contenido.

Éste boceto compuesto por columnas puede hacerse a mano o a computadora.

1

w1

Les cuento que una de las primeras evaluaciones fue crear una página web con las respectivas indicaciones que la profesora nos había dado. Pues aún así siguendo las indicaciones no recuerdo qué apreté en el programa Dreamweaver que se me borró todo el contenido, incluyendo imágenes.

Recuerdo que estaba privada, no sabía si enojarme, gritar, llorar… hice todas esas; pero más llorar puesto que llevaba días haciendo la página.

Así que al ver que nada podía hacer, dejé de llorar. Me levanté de mi asiento, caminé por la habitación varias veces. Respiré profundo y exhalé. Así regresé a mi asiento dispuesta a hacer una nueva página web.

Siempre he sido optimista y pensado que… “No hay mal que por bien no venga” y que esa era una oportunidad para hacer mejor la página.

Y esque ¡Al día siguiente era la entrega y a primera hora! Por lo que no dormí bien, pero eso sí, terminé mi página web de la cuál el tema fue Las Estaciones del año.

Y así sucesivamente en el curso fui creando o renovando páginas o sitios web.

Aunque fue allí dentro del curso que conocí los frameworks…

¡Una maravilla!

Si aún no sabes qué son los frameworks, pásate a leer los post anteriores.

¡¡Seguro los encuentras interesantes!!

Entonces como les contaba… fue que conocí los frameworks y la tortura. ¡jaja! No tortura como tal, sólo bromeo. Y el estrés y dificultad al crear una página web se esfumaron.

¡Y esque los frameworks facilitan la vida!

Aunque también tiene su chiste y hay que saber utilizarlos.

El framework que actualmente utilizo es Bootstrap, fácil, cómodo, pero pienso que en ocasiones se pone sus moños porque en la págna web que estaba creando al instalar una barra de navegación y visualizarla en el navegador ésta no se puede ver.

Y he allí el problema… para solucionarlo primero analicé todo el código; pero al no ver ninguna anomalía decidí crear otro documento donde pegar el código y posterior proceder con el desarrollo de la página.

Sé que tampoco es fácil utilizar los frameworks, pero poco a poco uno va aprendiendo.

Uno no nace sabiendo y está bien equivocarse; porque es así como uno va aprendiendo y se vuelvo experto. 😉

experto

~~¿Ustedes qué piensan?~~

~~¿Les ha pasado algo similar? ¿Cuál fue su primera experiencia con html o bootstrap?~~

¡Compárteme tu opinión!

DEJA TU COMENTARIO🙂


Fuentes de imágenes:

https://www.interaction-design.org/literature/article/ux-tools-wireframing-and-prototyping-tools

https://www.usability.gov/how-to-and-tools/methods/wireframing.html

 

 

 

 

¡Wow! Sitios creados con Bootstrap

bootstrap

¡Amigos!

Anteriormente les platiqué de los frameworks, pues en esta entrada les traigo algunos sitios creados con Bootstrap.

Para quienes no saben qué es Bootstrap:

Bootstrap, es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript,  el contenido se adapta al dispositivo en el que se esté visualizando.

Les comparto 4 sitios web creados con Bootstrap:

1. Lounge Lizard

1.PNG

Lounge Lizard es una empresa de diseño web ubicada en Nueva York.

Su sitio web no parece estar hecho con Bootstrap debido a lo bien elaborado.

En la esquina superior derecha cuenta con un menú, el cual se torna rosa al hacer scroll (desplazarse por la página).

1-1

Algo curioso es que al seleccionar el texto se torna rosa:

1-2

Cuenta con una gran variedad de imágenes haciendo del sitio más interesante.

1-3

1-4

¡Échale un vistazo!

LINK: http://www.loungelizard.com/

2. Woodies Clothing

2

 

Woodies Clothing es una empresa especializada en ropa de hombre a medida.

Si es difícil encontrar ropa que te quede, ¡Woodies hace posible diseñar ropa a tu medida!

Small neck, long arms, chiseled abs, or a round “one pack,” whatever your size… We’ve got you covered!

Éste sitio a pesar de tener un menú sencillo, el cual consta de 3 palabras: shop, about, blog es muy basto debido a su información. Los pantalones al dar clic en ellos se observa la tela y el color, las camisas están ordenadas por categorías, cuenta con la descripción de su marca, y cómo vestirte para tu boda.

2-2

2-7

Al dar clic en menú los colores se invierten, los botones pasan de ser blancos a negros.

2-52-6

Cuenta con un video que hace referencia a su marca, un log in para entrar al sitio y poder comprar.

 

¡Échale un vistazo!

LINK: https://woodiesclo.com/

3. Roxy Koranda

3-2

Roxy Koranda es un sitio web de una diseñadora gráfica a la cual le gusta viajar.

Su sitio web está compuesto por cajas que al dar clic en ellas nos llevan a una página con su respectiva descripción .3-1

Dentro de su contenido alberga un slider que permite desplazarnos por medio de las flechas izquierda / derecha.

A pesar de ser un sitio el cual está ordenado por cajas es muy práctico.

¡Échale un vistazo!

LINK: http://roxannekoranda.com/index.html

4. Brand Watch

4-1

Brand Watch es una empresa que se encarga de obtener una visión profunda de la opinión del consumidor sobre cualquier tema de la web social.

Su sitio web a mi parecer está bastante complejo, ya que se puede elegir el idioma, agregar el número de teléfono…

 

Incluso en la parte inferior derecha podemos observar un diálogo encerrado en un círculo el cuál al dar clic nos da un mensaje, induciéndonos a echar un vistazo.

1213

Tiene un mapa que se desplaza.

4-10

Recomendaciones.

4-6

Cabe destacar que cuenta con pequeñas animaciones al ir desplazándose por el sitio.

4-4

¡Échale un vistazo!

LINK: https://www.brandwatch.com

Sí, efectivamente este sitio y los anteriores están hechos con Bootstrap. ¡Impresionante! ¿No?

Así que ahora sabemos que Bootstrap nos permite crear sitios web únicos y que es una gran ayuda: ahorrándonos tiempo, estrés, porque… con bootstrap ¡dejamos de complicarnos y empezamos a ver más allá de los códigos!

~~¿Ustedes qué piensan?~~

~~¿Utilizarían Bootstrap o si ya lo hacen qué les parece?~~

¡Compárteme tu opinión!

DEJA TU COMENTARIO🙂


Fuentes de información:
http://www.arweb.com/chucherias/editorial/%C2%BFque-es-bootstrap-y-como-funciona-en-el-diseno-web.htm

 

Framework

¿Qués es un framework?

framework

El término “framework” se utiliza constantemente en el desarrollo de software, cuya traducción aproximada sería “marco de trabajo”.

Este marco de trabajo es un esquema (un esqueleto, un patrón) para el desarrollo y/o la implementación de una aplicación

Contiene máquinas virtuales, compiladores, bibliotecas de administración de recursos en tiempo de ejecución y especificaciones de lenguajes, haciendo nuestro trabajo más eficiente y recursivo.

La arquitectura más utilizada en casi todos los frameworks es conocida como MVC (Controlador, Modelo, Vista),  esta arquitectura divide el desarrollo en tres grandes partes:

  • Modelo: Son los datos de la aplicación y su reglamentación.
  • Vista: Es la presentación de los datos.
  • Controlador: Procesa las peticiones de los usuarios y controla el flujo de ejecución del sistema.

Características de los Frameworks

Casi todos los frameworks comparten las mismas características de acuerdo a su tipo, entre las que podemos destacar están:

  • La Autenticación mediante login y password que permite restringir el acceso y el tipo de permiso.
  • El Acceso a los datos en archivos txt, xml por ejemplo mediante interfaces que integran la base de datos.
  • Abstracción de URLs y Sesiones ya que el framework se encarga de manejarlas.
  • Internacionalización que permite la inclusión de varios idiomas en el desarrollo.
  • Controladores fácilmente adaptables a las necesidades del proyecto que gestionan las peticiones y/o eventos.

¿Cuantos frameworks existen?

Existen un sinfin de frameworks, su uso va de acuerdo a las necesidades de cada proyecto y al gusto del desarrollador; algunos de ellos pueden ser:

 

  • .NET: El Framework de Microsoft.
  • Ruby on Rails (RoR): es el Framework  de aplicaciones web de código abierto de un lenguaje de programación llamado Ruby.
  • Genesis: Framework para WordPress
  • Zengrid: Framework para Joomla
  • PhoneGap: Permite crear aplicaciones móviles multiplataforma a partir de tecnologías web como HTML5, CSS3 y Javascript.
  • JQuery Mobile: basado en HTML5 optimizado para todas las plataformas de dispositivos móviles.
  • Titaniun: Framework Open Source con licencia Apache, genera aplicaciones nativas para iPhone, Android y Blackberry.
  • Bootstrap: es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice.

Estos se pueden encontrar tanto para desarrolladores expertos como para principiantes.

Ventajas

Facilidad en el desarrollo como la mayor ventaja de los framework, otras ventajas relevantes de su uso son:

  • Compatibilidad de Lenguajes
  • Transparencia de proyectos de plataforma a plataforma
  • Portabilidad de Arquitectura
  • Integración con múltiples dispositivos.
  • Desarrollo de aplicaciones de manera más sencilla, ya que cuenta con los componentes necesarios incluidos.
  • Reutilización de Código
  • Maneja Política de diseño uniforme y organizado.

En sí un framework es un marco de trabajo que nos da las herramientas ya hechas para armar nuestro trabajo sin necesidad de crear un código como tal.

Un ejemplo sería:

Al construir un edificio en lugar de ir colocando ladrillo por ladrillo se compran paneles, los cuales facilitan su construcción.

Cada desarrollador decide si usarlos o no, pero se tendría que tomar en cuenta que el desarrollo con framework es menos propenso a sufrir errores.

~~¿Ustedes qué piensan?~~

~~¿Creen que son útiles los frameworks?~~

¡Compárteme tu opinión!

DEJA TU COMENTARIO🙂


Fuentes de información:
http://blog.nubelo.com/que-son-los-frameworks/
http://jordisan.net/blog/2006/que-es-un-framework/