domingo, 24 de marzo de 2024

Social Media 3D

En esta oportubnidad te enseñaré como hacer un elegante proyecto en HTML5 y CSS3 que podrás implementar en tus páginas web, ya sea en el HEADER o en el FOOTER del documento HTML. 

Con este proyectos podrás mostrar tus redes sociales de forma animada y fluida, pero de una forma muy elegante y llamativa. 

HTML 

<!DOCTYPE html>
<html>
	<head>
		<title>Social Media 3D</title>
        <!-- Menú Redes Sociales -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	</head>
	<body>
		<!-- Inicio Redes Sociales  || Start Soacial Networks -->
        <div class="SocialMedia3D">
            <ul>
                <li style="--i: -4; --clr: #1877F2" data-text="Facebook"><a href="#"><span><i class="fa-brands fa-facebook-f"></i></span>Facebook</a></li>
                <li style="--i: -3; --clr: #C32AA3" data-text="Instagram"><a href="#"><span><i class="fa-brands fa-instagram"></i></span>Instagram</a></li>
                <li style="--i: -2; --clr: #25D366" data-text="WhatsApp"><a href="#"><span><i class="fa-brands fa-whatsapp"></i></span>WhatsApp</a></li>
                <li style="--i: -1; --clr: #1DA1F2" data-text="Twitter"><a href="#"><span><i class="fa-brands fa-twitter"></i></span>Twitter</a></li>
                <li style="--i: 0; --clr: #FF5722" data-text="Blogger"><a href="#"><span><i class="fa-brands fa-blogger"></i></i></span>Blogger</a></li>
                <li style="--i: 1; --clr: #FF0000" data-text="YouTube"><a href="#"><span><i class="fa-brands fa-youtube"></i></span>YouTube</a></li>
                <li style="--i: 2; --clr: #000000" data-text="GitHub"><a href="#"><span><i class="fa-brands fa-github"></i></span>GitHub</a></li>
                <li style="--i: 3; --clr: #FC6D26" data-text="GitLab"><a href="#"><span><i class="fa-brands fa-gitlab"></i></span>GitLab</a></li>
            </ul>
        </div>
        <!-- Fin Redes Sociales  || End Soacial Networks -->
	</body>
</html>

CSS 

/* Mini Normalize CSS */
{
    background-color: #E3E3E3;
    border: none;
    box-sizing: border-box;
    font-family: arial, sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    outline: none;
    scroll-behavior: smooth;
    text-decoration: none;
}

.SocialMedia3D
{
    align-items: center;
    background-color: #E3E3E3;
    display: flex;
    float: right;
    justify-content: center;
    min-height: 500px;
    width: 100%;
}

.SocialMedia3D ul
{
    position: relative;
    transform: skewY(-25deg);
    width: 10%;
}

.SocialMedia3D ul li
{
    background-color: #383838;
    padding: 15px;
    position: absolute;
    top: 0;
    transform: translate(calc(var(--i)*40px), calc(var(--i)*40px));
    transition: 0.5s;
    width: 100px;
}

.SocialMedia3D ul li:hover
{
    background: var(--clr);
    top: -54px;
}

.SocialMedia3D ul li:before
{
    background-color: #2F2F30;
    content: '';
    height: 100%;
    left: -40px;
    position: absolute;
    top: 0;
    transform: skewY(45deg);
    transform-origin: right;
    transition: 0.5s;
    width: 40px;
}

.SocialMedia3D ul li:hover::before
{
    background: var(--clr);
    filter: brightness(0.8);
}

.SocialMedia3D ul li:after
{
    align-items: center;
    background-color: #3E3E3E;
    box-shadow: -120px 120px 20px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    color: var(--clr);
    content: attr(data-text);
    display: flex;
    height: 40px;
    left: 0;
    left: 0.05em;
    padding-left: 15px;
    position: absolute;
    text-transform: uppercase;
    top: -39px;
    transform: skewX(45deg);
    transform-origin: bottom;
    transition: 0.5s;
    width: 100%;
}

.SocialMedia3D ul li:hover::after
{
    background: var(--clr);
    box-shadow: -170px 170px 20px rgba(0, 0, 0, 0.50);
    color: #FFF;
    filter: brightness(0.9);
}

.SocialMedia3D ul li a
{
    color: transparent;
    display: block;
    letter-spacing: 0.05em;
    transition: 0.5s;
    text-decoration: none;
    text-transform: uppercase;
}

.SocialMedia3D ul li:hover a
{
    color: #FFF;
}

.SocialMedia3D ul li a span
{
    align-items: center;
    color: var(--clr);
    display: flex;
    font-size: 1.25em;
    height: 100%;
    justify-content: center;
    left: -40px;
    position: absolute;
    transform: skewY(45deg);
    transform-origin: right;
    transition: 0.5s;
    text-align: center;
    top: 0;
    width: 40px;
}

.SocialMedia3D ul li:hover a span
{
    color: #FFF;
}


Ahora veamos el resultado:



Al pasar el cursor por cada item social, se levantará de forma animada.


Generador de Contraseñas en C++

En este tutorial  te enseñaré como hacer un sencillo generador de contraseñas de longitud de 15 caracteres (Password Generator of 15 Length) en C++, veamos cómo se hace: 


//Password Generator of 15 Length.
#include <iostream>
#include <cstdlib>
#include <ctime>
using namespace std;

static const char alphaNum[] =
"0123456789"
"!@#$%^&*-_/+=.,<>¿:¡'?()"
"ABCDEFGHIJKLMNÑOPQRSTUVWXYZ"
"abcdefghijklmnñopqrstuvwxyz";
int size = sizeof(alphaNum) - 1;

int main()
{
//Password Length
int length = 15;

srand(time(0));
for (int i = 0; i < length; i++)
{
cout << alphaNum[rand() % ::size];
}
return 0;
}

Cabe destacar algo muy importante, este código tiene algo especial. Si te fijas bien, en el abecedario "MAYÚSCULAS" y "minúsculas" tiene añadido la letra [Ñ, ñ], por lo que no es necesaria en el idioma inglés.

martes, 7 de julio de 2020

Curso de Inglés

En esta ocasión quiero presentarte un curso de inglés con el cual puedes aprender (hablar, escuchar y escribir), tienes la opción de escoger la modalidad de inglés americano o británico, consta de 10 niveles que son muy dinámicos e interactivos, cada mes puedes aprender un nivel dedicando mínimo unas 60 horas por mes.

En Colombia para realizar un curso de inglés puede costar el año alrededor de unos $2'000.000 COP ($700,49 USD) en adelante, pero yo te ofrezco esta plataforma a un precio muy económico $11,89 USD. En Colombia se vende también con otros métodos de pago como DaviPlata o Nequi (dejar comentarios) por si desean una versión física que tiene un valor de $57000 COP.


Comprando este DVD-R se te entrega una guía de instalación; una vez comprado, el link te redirecciona a un enlace para su respectiva descarga en formato digital (.ISO) más la guía o instrucción de instalación según tu computadora (PC o Laptop) con sistema operativo Windows (XP, 7, 8, 8.1, 10).

Klonoa

Klonoa: Door to Phantomile es un juego de plataformas desarrollado y publicado por Namco para la PlayStation en 1997. La historia sigue a Klonoa y su amigo Huepow en sus esfuerzos para salvar al mundo de los sueños de Phantomile de un espíritu maligno intención de convertirlo en un mundo de pesadillas. El jugador controla a través de un Klonoa 2.5D perspectiva; las etapas se prestan en tres dimensiones, pero el jugador se mueve a lo largo de una trayectoria 2D. Klonoa puede agarrar a los enemigos y lanzarlos como proyectiles, o utilizarlos como un impulso de salto de navegar a través de las etapas.

El juego fue dirigida por Hideo Yoshizawa , que conceptualiza el ajuste como un mundo de sueños que podrían atraer a los niños y adultos. El carácter Klonoa fue diseñado desde el principio y los entornos y otros personajes fueron diseñados en torno a él. Puerta a Phantomile recibió críticas generalmente positivas, siendo elogiado por su inteligente y plataformas impresionantes gráficos y escenas. Algunos críticos pensaron que le faltaba en las innovaciones de juego y fue excesivo en su ternura japonesa . En retrospectiva, es considerado uno de los mejores juegos de plataformas 2.5D y mejores juegos de PlayStation. Esto dio lugar a una serie de secuelas, incluyendo Klonoa 2: Velo de Lunatea (2001) para la PlayStation 2 , y una nueva versión 2008 para el Wii .

Klonoa puede agarrar enemigos usando un anillo grande habitada por su amigo espíritu Huepow. Después de agarrar a un enemigo, que se inflan como un globo y el jugador puede lanzar como arma proyectil a otros enemigos, o utilizarlos como punto de partida para realizar un salto más grande. Los enemigos pueden ser lanzados en el primer o segundo plano, así como a lo largo del plano 2D. Las etapas se atan con los obstáculos que hay que atravesar mediante el uso de una combinación de estas técnicas. Algunas etapas terminan en jefe peleas que tienen lugar en escenarios 3D circulares o frontalmente contra un plano 2D.

El juego se desarrolla en Phantomile, una tierra alimentada por sueños la gente tiene por la noche. Una criatura joven llamado Klonoa ha estado teniendo sueños sobre un dirigible estrellarse contra una montaña cerca, y un día un dirigible en efecto chocar contra la montaña. Klonoa y su amigo, un "espíritu anillo" llamado Huepow, deciden investigar. Encuentran un espíritu oscuro llamado Ghadius en la búsqueda de montaña para una luna colgante mágico para que pueda girar Phantomile en un mundo de pesadillas. empresas Klonoa regreso a la ciudad donde su abuelo le dice que su abuela sabe acerca de la colgantes.

Klonoa y Huepow viajan a buscar a su abuela, que les dice que el colgante está en casa de su abuelo. Uno de los secuaces Ghadius' escucha a escondidas en la conversación, y se aventura fuera de robar el colgante y matar a su abuelo antes de Klonoa puede llegar de nuevo. Klonoa finalmente vence Ghadius que da rienda suelta a una bestia de pesadilla conocida como Nahatomb mientras muere. Huepow se revela como un príncipe y ayuda a Klonoa derrota Nahatomb y restablece la paz Phantomile. Después de esta batalla final, Huepow explica que Klonoa vino realmente de otro mundo y se le dio recuerdos falsos cuando se le cite Phantomile. Klonoa es aspirado a través de un portal de vuelta a su propio mundo.

Nota Importante: La versión que vas a descargar es una versión ripeada (RIP) del juego de Klonoa de PS1 para que funcione en Windows como una aplicación normal.


 Descargar Klonoa


miércoles, 24 de junio de 2020

GTA 3



La trama empieza con un grupo de tres ladrones atracando una sucursal del Liberty City Bank. Un hombre y una mujer van en cabeza mientras que otro les cubre las espaldas. Sin embargo, al doblar una esquina, el tercer ladrón es disparado por la mujer, quien huye con el otro hombre y el dinero. El traicionado llamado Claude Speed ha de hacérselo pagar a los traidores: Catalina, exnovia de Claude, y a Miguel, que son cabecillas de un cártel colombiano afincado en Liberty City. Claude debe escapar de la cárcel, y esto se produce de manera fortuita cuando miembros de una banda colombiana asaltan el furgón policial donde está Claude y su colega 8-Ball, con la intención de liberar a un prisionero de su banda que también se encuentra ahí retenido. Aprovechando la situación, Claude y 8-Ball se escapan, roban un coche y se ocultan en un garaje cercano.


A partir de entonces, y gracias a los contactos de 8-Ball, Claude empieza a hacer encargos para la mafia Leone, ganando un buen dinero, empezando por pequeños encarguitos a Luigi Goterelli, siguiendo por intensas tareas a Joey Leone y posteriormente a Toni Cipriani, y finalizando por grandes favores para el mismísimo Don, Salvatore Leone. También tiene la opción de hacer misiones para dos peculiares hombres: El Burro, jefe de los Diablos, y Marty Chonks, jefe de una fábrica de carne para animales.


 Descargar GTA 3

GTA San Andreas - RIP

Grand Theft Auto: San Andreas es un videojuego de acción-aventura de mundo abierto desarrollado por Rockstar North y publicado por Rockstar Games. Fue confirmado oficialmente por Rockstar Games a principios de marzo de 2004, y su fecha de lanzamiento tentativa se programó para el 19 y 22 de octubre de ese año para América del Norte y Europa. Distribuido por Take-Two Interactive, San Andreas fue lanzado para PlayStation 2 el 26 octubre de 2004, aunque posteriormente se publicaron distintas versiones, tanto para videoconsolas de sexta, séptima y octava generación, así como ordenadores y dispositivos móviles.



Hace cinco años Carol Jonson escapo de la prisión de vivir en Los Santos, San Andreas – una ciudad dominada por los gangsters, la droga y la corrupción. Ahora, en 1990 Carol deberá volver a casa porque su madre ha sido asesinada, y su familia apartada. 
CJ acusado del homicidio por unos policías corruptos deberá aventurarse a través del Estado de San Andreas, para salvar a su familia y tomar el control de las calles. Así empieza la tercera saga de Grand Theft Auto: San Andreas para PC. 



Donde encontraremos un mundo 5 veces mayor al de Vice City, GTA San Andreas PC incluye nuevas características como el echo de tener que comer para poder sobrevivir, hacernos tatuajes, la ropa, el corte de pelo, un montón de vehículos nuevos junto con la tan querida habilidad para nadar, y una gran calidad gráfica.
REQUISITOS DEL SISTEMA:
- Windows 2000 o Windows XP.
- Procesador Pentium III a 1 GHz o AMD Athlon- Intel Pentium 4 o AMD Athlon XP.
- Entre 256 y 384 MB de RAM (¡mientras más, mejor!).
- Lector de DVD-ROM 8x-16x.
- Entre 3.6 y 4.7 GB de espacio libre en el disco duro.
- Tarjeta de video de 64 MB (Geforce 3 o superior) - Tarjeta de video de 128 MB (o superior; Geforce serie 6 recomendada).
- Tarjeta de sonido compatible con DirectX 9 (Sound Blaster Audigy 2 recomendada).
- Control con controles analógicos de doble eje.
- Teclado y mouse.


 Descargar GTA San Andrea

GTA 2

Grand Theft Auto 2 (también conocido como GTA 2) es un videojuego que forma parte de la serie Grand Theft Auto. Fue lanzado el 30 de septiembre de 1999 por la compañía desarrolladora DMA Design (actualmente Rockstar North) y distribuido por Rockstar Games. Anteriormente se podía descargar gratuitamente de la página de Rockstar Classics.

Argumento

El personaje que encarna el jugador es Claude Speed, protagonista también de Grand Theft Auto III. En una ciudad llamada Anywhere City, en el año 2013, con tres áreas. El objetivo en cada una de las tres áreas es obtener el suficiente dinero para escapar y pasar a la siguiente. La libertad de acción de la saga sigue patente en este juego, puesto que para conseguir el objetivo, se puede realizar cualquier tarea que dé dinero: robar coches, explotarlos, chocarlos, armarlos, atropellar personas, asesinarlas, quemarlas, etc. Sin embargo, lo normal para ganar grandes cantidades de dinero es realizar misiones para las bandas criminales.

Sistema de Juego

El jugador debe ganar dinero para pasar las etapas, y la forma más conveniente de lograrlo es haciendo trabajos para las bandas. Cada una de las bandas representa una facción, con unos intereses determinados y un respeto hacia el jugador que varía según las acciones de éste. El respeto influye tanto en el modo en el que le tratan los integrantes de la banda (si el nivel de respeto es muy bajo, el jugador será atacado con todas las armas que tengan disponibles), como también en las misiones que dan (a más respeto, mayor oferta de misiones, más dificultad, pero mayor recompensa). Hacer misiones para una banda influye negativamente en otra u otras: cada banda tiene una banda rival, con lo cual si se mata a integrantes de esa banda rival, subirá el respeto con la primera.

En Grand Theft Auto 2 también se deben rendir cuentas por las acciones ilegales cometidas. Es por esto que la ley estará presente para frenar al jugador (o por lo menos intentarlo). Ya no sólo en forma de policía local como en el primer GTA; a medida que se vaya delinquiendo, más y más cuerpos de policía se sumarán a la búsqueda. Así, en los primeros niveles de búsqueda, la policía local será la encargada de arrestar al jugador; más tarde el SWAT, el FBI e incluso, llegado el caso, el Ejército, con tanques e infantería estarán al acecho.

En el juego se puede guardar la partida en una iglesia con un letrero que indica Jesus Saves, si se dispone de 50 000, punto desde el cual se puede continuar si así se desea.


Descargar 



sábado, 10 de agosto de 2019

El Software Libre es "Malo": 7-Zip

Habrás oído en boca de muchos que el software libre es una mierda y que es mejor el privativo.
Eso, aparte de ser una falacia, es un dardo envenenado que se usa para atacar la filosofía del software libre.
Así como Apache es el mejor y más usado servidor web, o Thunderbird el mejor gestor de correos o Firefox de los mejores navegadores web, si no el mejor, hay cientos de casos donde la alternativa libre es superior a la privativa, y seamos francos, a veces el privativo es superior a la alternativa libre.
Un buen ejemplo, es el compresor 7-Zip. 7-Zip es software libre. La mayor parte del código está bajo la licencia GNU LGPL y algunas partes del código están bajo la Licencia BSD de 3 cláusulas. Es una utilidad para comprimir y descomprimir paquetes. ¿Qué tal  si lo comparamos con los programas más usados en en el lado oscuro? Vamos a comparar 7-Zip, Winzip y Winrar suponiendo que estos dos últimos programas los haya pagado o pirateado como es de costumbre.
WinZip, como demuestra su nombre, se utiliza para procesar archivos ZIP entre otros formatos de archivo. Es una de las alternativas más populares a WinRAR y es utilizado por muchos debido a su simple interfaz de arrastrar y soltar y la facilidad de uso. Cuando comparamos WinRAR y WinZIP, este último es rico en características y también está disponible para diferentes sistemas operativos en comparación con WinRAR. WinZip tiene también una versión premium con una versión de prueba gratuita de 40 días.
WinRAR es una de las herramientas de compresión de archivos más populares desarrolladas y quién está detrás de la extensión de archivo RAR. Es popularmente usado para comprimir y descomprimir archivos RAR y ZIP. También se puede utilizar para descomprimir el contenido de otras extensiones de archivo como 7z, ZIPX y TAR. Es un programa premium que viene con una versión de prueba gratuita. Es un software basado en Windows y no está disponible para MacOS.
7-Zip es una herramienta de compresión de archivos relativamente nueva. Se basa en una arquitectura de código abierto y tiene una alta relación de compresión. Despliega LZMA como su método de compresión predeterminado, que tiene una velocidad de compresión de aproximadamente 1MB/s en una CPU de 2GHz. 7-zip requiere un poco más memoria para comprimir archivos en comparación con otras herramientas, pero su compresión es más optimizada.
Ahora comparamos los diferentes parámetros en la siguiente tabla para ayudarte a comprender el trabajo que hace cada cual.
PARÁMETROSWINZIPWINRAR7-ZIP
Relación de compresión41% (ZIPX)36% (RAR5)45% (7z)
Técnica de cifradoAES-256AES-256AES-256
Precio56 € +-36 € +-Gratuito
7-Zip comprime al 45%, superando a las dos herramientas privativas. Esto es sólo un ejemplo, que un programa sea de fuentes abiertas no significa en absoluto que sea peor que uno privativo.


Fuente: Laboratorio Linux.

martes, 8 de enero de 2019

GitHub: Repositorios Privados Gratuitos Ilimitados


Ayer 7 de Enero de 2019 Microsoft anunció la siguiente actualización para GitHub.
Dos actualizaciones importantes para hacer que GitHub sea más accesible para los desarrolladores: repositorios privados gratuitos ilimitados y una oferta Enterprise más simple y unificada. Con estas actualizaciones de ofertas gratuitas y para empresas:

  • GitHub Free ahora incluye repositorios privados ilimitados. Por primera vez, los desarrolladores pueden usar GitHub para sus proyectos privados con hasta tres colaboradores por repositorio de forma gratuita. Muchos desarrolladores quieren usar repositorios privados para solicitar un trabajo, trabajar en un proyecto paralelo o probar algo en privado antes de lanzarlo públicamente. A partir de ahora, esos escenarios, y muchos más, son posibles en GitHub sin costo alguno. Los repositorios públicos siguen siendo gratuitos (por supuesto, sin cambios) e incluyen colaboradores ilimitados.
  • GitHub Enterprise es el nuevo producto unificado para Enterprise Cloud (anteriormente GitHub Business Cloud) y Enterprise Server (anteriormente GitHub Enterprise). Las organizaciones que desean la flexibilidad de usar GitHub en una nube o en una configuración auto hospedada ahora pueden acceder a ambos a un precio por puesto. Y con GitHub Connect, estos productos se pueden vincular de forma segura, proporcionando una opción híbrida para que los desarrolladores puedan trabajar sin problemas en ambos entornos.

GitHub Pro (anteriormente GitHub Developer) y GitHub Team también están disponibles para desarrolladores y equipos que necesitan funciones profesionales de codificación y colaboración. Y por supuesto, los colaboradores de código abierto seguirán teniendo todo lo que necesitan para colaborar en repositorios públicos, incluida nuestra versión gratuita del Equipo GitHub.

Ya sea que sea un estudiante a punto de escribir su primera línea de código, un líder empresarial con equipos en todo el mundo o un mantenedor de código abierto, queremos que GitHub sea el mejor lugar para codificar, colaborar y conectarse con la red global. Comunidad de desarrolladores. Los cambios de hoy son una gran inversión en el futuro de GitHub, y que nos complasca este 2019 en lo que se construye. 

jueves, 2 de agosto de 2018

Tutorial Sobre Dominios - Definiciones

¿Qué es un dominio añadido?

Es un dominio que apunta a un directorio ó un subdominio. El dominio añadido mostrará el contenido del directorio al cual se está apuntando, el cual se crea con el nombre de este dominio.

Desde la perspectiva simple, un dominio añadido no es más que un dominio común el cual apunta a un sitio web alojado en la misma cuenta de hospedaje que otros dominios añadidos, pero en carpetas diferentes, de este modo puede hospedar varios sitios web en una sola cuenta de hospedaje.

Antes de añadir un dominio debe cambiar los name server del mismo usando el panel de dicho dominio, a los siguientes:

ns1.undominio.com
ns2.undominio.com


¿Qué es un sub-dominio?

Un sub-dominio es un dominio que forma parte de otro dominio más general. Por ejemplo, sub-dominio.dominio.com es un subdominio de dominio.com. El sub-dominio utiliza el dominio registrado y lo separa en subdivisiones, la separación se realiza por un punto "." .

Su panel de control de hospedaje le permite añadir sub-dominios a cualquiera de los dominios que ya haya añadido a su cuenta.


¿Qué es un dominio apuntado?

es un dominio diferente o alternativo que apunta a tu sitio principal, por ejemplo: www.tusitio.net puede direccionarse a www.tusitio.com. Los dos dominios llevan al mismo lugar. El propósito de un dominio apuntado es reservar palabras o frases que están asociadas con su negocio. Por ejemplo supongamos que su sitio web principal se llama www.rosas.com y quiere que las personas que también lo encuentren por la palabra flores entonces lo que hace es registrar el dominio www.flores.com y apuntarlo a www.rosas.com entonces cuando las personas escriban www.flores.com los llevará a www.rosas.com.

Desde la perspectiva del web-master, la diferencia es que el dominio apuntado no tiene su espacio propio en el disco, sino que comparte la misma carpeta con el dominio al que fue apuntado.

Antes de añadir un dominio apuntado debe cambiar los name server del mismo usando el panel de dicho dominio, a los siguientes:

ns1.undominio.com
ns2.undominio.com