Entradas

Mostrando las entradas con la etiqueta html

Listando 100 clases comunes de Bootstrap 5 con sus equivalencias en Tailwind v4

-
Imagen
  # Comparativa de Clases Bootstrap 5 vs Tailwind CSS 4 Aquí tienes una lista de 100 clases comunes de Bootstrap 5 junto con sus equivalencias en Tailwind CSS v4 . Esto te servirá para asimilar mejor cómo funciona Tailwind sin necesidad de replicar clases personalizadas. ## Layout y Espaciado | Bootstrap 5       | Tailwind 4                    | Descripción                                         | |-------------------|-------------------------------|-----------------------------------------------------| | .container        | container mx-auto             | Contenedor centrado                                | | .row              | flex flex-wrap   ...
Publicar un comentario
Read more »

Experiencias pokemon por regiones

-
Imagen
Recordando el transcurso de mi vida cada región de pokemon me recuerda a un periodo de tiempo en el cual experimentaba mas sobre pokemon y mi vida diaria a la misma vez, Regiones: Pokemon Red  Kanto - Estaba en el kinder En esta generación en el juego que tenia se lo prestaba a un amigo ( Primer Maestro ) para que me lo pasara y yo lo único que hacia era entrenarle los pokemon jaja si prácticamente con el primer pokemon con el que inicie yo fui con un magnemitte que recuerdo bien que me gustaba tanto entrenarlo solo a el que lo logre que evolucionar que etapa. Johto - Primaria Después de kanto no pude conseguir el juego de la region Johto y al no tenerlo solo le ayudaba a mi maestro(el que me paso kanto) a entrenarles sus pokemon, me asombraba con los intercambios pokemon y en las batallas hasta repetía los legendarios. Pokemon zafiro y esmeralda Hoenn - Secundaria La primer región en la cual me lance por mi parte desde el inicio, como primer meta in...
Publicar un comentario
Read more »

Traits herencia multiple

-
Imagen
En este ejemplo crearemos un traitsque sirva de contador de la pagina, definienfo un poco Los rasgos («traits» en inglés) son un mecanismo de reutilización de código en lenguajes de herencia simple, como PHP. El objetivo de un rasgo es el de reducir las limitaciones propias de la herencia simple permitiendo que los des arrolladores reutilicen a voluntad conjuntos de métodos sobre varias clases independientes y pertenecientes a clases jerárquicas distintas. La semántica a la hora combinar Traits y clases se define de tal manera que reduzca su complejidad y se eviten los problemas típicos asociados a la herencia múltiple y a los Mixins. (Ref. PHP ). Aqui un ejemplo utilizando el contador: <?php namespace a; require "prueba.php"; ?> <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Traits herencia multiple</title>       <!-- Latest compiled and minified CSS --...
Publicar un comentario
Read more »

Estilo css no cambia / css not change chrome

-
Muchas veces cuando estas editando el estilo de alguna pagina efectúas los cambios recargas la pagina y ves que no se efectuó ningún cambio  (pasa mas seguido en  chrome ) te daré como consejo que en ves de matarte viendo que parte del código pusiste mal o esta fallando primero recarga la pagina forzando actualizar todo el contenido ya que lo que sucede con el problema de la pagina que no muestra cambios es que no actualiza todo el contenido pareciera porque cambia el texto o tamaños de alguna parte de la pagina pero no por completo, la solución es tan simple que solo es de apretar la tecla de control + f5 . Esos es todo presionando Ctrl+F5 recargaras la pagina forzando a que actualice todo el contenido has la prueba y veras que el estilo que editaste si se cambio.
Publicar un comentario
Read more »

Desarrollo de pagina web manual html

-
Proyectos un poco viejitos,  El proyecto pretende diseñar una página web para la empresa en la cual mostrara la información primordial como ser sus servicios, productos y descripción de la empresa ofreciendo y dando a conocer maneras en cómo pueden llegar a contactarse con la empresa para los diferentes servicios que la empresa SES ofrece. url:  SES  https://github.com/carlosdarioio/SES
Publicar un comentario
Read more »

Juego de Preguntas y Respuestas adobe html

-
areas un poco viejitas, utilizando adobe en la universidad comparto url de descarga:  https://github.com/carlosdarioio/Juego-de-Preguntas-y-Respuestas
Publicar un comentario
Read more »

Complete el nombre de las imagenes adobe html

-
Tareas un poco viejitas: Juego educativo en adobe html url para descargar proyecto:  https://github.com/carlosdarioio/Complete-el-nombre-de-las-imagenes
Publicar un comentario
Read more »

Json Sintaxis Inicial

-
Describiendo un poco el script que utilizaremos Json es acrónimo de JavaScript Object Notation, es un formato de texto ligero para el intercambio de datos . JSON es un subconjunto de la notación literal de objetos de JavaScript aunque hoy, debido a su amplia adopción como alternativa a XML , se considera un formato de lenguaje independiente ( Mas informacion ). En este ejemplo básico mostraremos los datos  de la variable del objeto llamada nombre la cual la mostraremos por medio de la consola. aquí el código: <html> <title> Json Sintaxis Inicial </title> <body> <script> //creando variable que tendra datos json var objeto = { //estableciendo variables json "nombre":"Gilbert", "edad":26, //estableciendo funcion json "saludar":function(nombre){ //mostrando datos document.write("Hola "+nombre); } } console.log( objeto.nombre); </...
Publicar un comentario
Read more »

Añadir texto a un elemento de la pagina web JQuery

-
En este ejemplo de programación empezaremos con una función básica que con jquery trataremos de diversas maneras como ser el pasar información por medio de Jquery por lo que en esta ocasión le añadiremos texto a un div con id contenido. Aquí el ejemplo: <!DOCTYPE html> <html lang="es"> <head>     <meta charset="UTF-8">     <title>JQuery appletenhtml</title>     <link rel="stylesheet" href="css/bootstrap-theme.min.css"> </head> <body>     <div class="container-fluid-">         <div class="row">             <div class="col-md-4">                 <h3>jQuery appletenhtml</h3>                 <br>                 <div id="contenido"></div>     ...
Publicar un comentario
Read more »

Etiquetas html5

-
Imagen
Buenas En este ejemplo de html mostrare y describire un conjunto de etiquetas de html con las cuales se puede armar el cuerpo de una página web, listando las etiquetas son: ·          <header> ·          <hgroup> ·          <nav> ·          <section> ·          <article> ·          <aside> Describiendo cada una <header> : Como el nombre lo dice esta etiqueta se utiliza para editar la cabecera de la pagina en la cual se dispone. <hgroup> ¿Ocupas colocar múltiples títulos? Ocupas un <hgroup> el cual permite colocar un h1, h2 y h3 dentro del header sin afectar el SEO, permitiendo usar otro h1 en el sitio. <nav> diseñado para colocar la botonera de navegación prin...
Publicar un comentario
Read more »

Comentarios html

-
Para poder poner texto sin que se note en la pagina web  en sentido de comentario solo debes encerrar el texto dentro  de: < !-- y cerrar con -- >  aqui un ejemplo describiendo parte del código: <html> <head> <title> Ejemplo Mostrando comentarios html </title> </head> <body> <!-- --> <!--Mostrando Una pregunta dentro de un h2--> <h2> Can you speak English? </h2> </body> </html> Descargar ejemplo: Comentarios html
Publicar un comentario
Read more »

Creacion de aplicaciones HTML 5 vb.net para Windows 8

-
¿Interesado en desarrollar apps para Windows 8? En este curso podrás ver como es el desarrollo del diseño de aplicaciones Windows 8 , aplicaciones para las cuales deberás subir por  medio de Windows Store, siendo aplicaciones para utilizarse en Windows 8 implementadas por medio del   HTML 5.  Este curso cubre todos los niveles de conocimiento necesarios para que un diseñador aprenda a trabajar con HTML y Javascript antes de utilizar las funciones y métodos para conectar datos, animar objetos, etc.  Para finalizar se desarrolla un taller práctico que integra todas las posibilidades técnicas del HTML 5 en apps de Windows 8 ¿Interesado en el curso? aqui el Link:  Diseño de aplicaciones de Windows 8 en HTML 5
Publicar un comentario
Read more »

Curso: Aprende a programar

-
¿Interesado en aprender a programar? Este curso es para aquella personas que quieren iniciar en sus primeros pasos para aprender a programar ya que en el mundo de hoy son muchas las actividades que hacemos a través de nuestro computador, teléfono o consola de entretenimiento: escuchar música, comunicarnos con amigos y familiares, buscar información, estudiar, trabajar, jugar y más; y detrás de todas estas acciones hay un mundo de códigos, que tú también puedes aprender a programar! Temas del curso: Módulo I - Introducción tecnológica al desarrollo de aplicaciones Módulo II - Aplicaciones conectadas, como funcionan, hola mundo Módulo III - La interfaz de usuario Módulo IV - Inteligencia en la interfaz de usuario Módulo V - El servidor web, por qué y para qué? Módulo VI - El lenguaje C#, conceptos avanzados Módulo VII - El servidor web, conceptos avanzadosMódulo VIII - La persistencia de datos Módulo IX - Conectando los datos con la aplicación Módulo X - Una web más intelig...
Publicar un comentario
Read more »

Seguridad en la nube WA

-
En este curso aprenderás los fundamentos de Windows Azure con respecto a la Seguridad que abarca la protección de seguridad incluidas en las diferentes capas como la física, de red, de host , de aplicación y la capa de datos. Por otra parte, comprenderás los conceptos de identidad y autenticación que tiene Windows Azure. ¿Interesado en el curso?                                                      Aqui el curso:  Seguridad en la Nube :
Publicar un comentario
Read more »

Introducción a ASP.NET Visual Studio

-
¿Están buscando cómo mejorar sus habilidades de desarrollo web?   En este nuevo y emocionante curso se enfoca en los aspectos básicos de este popular marco para crear aplicaciones web escalabres y basadas en estándares mediante el uso de patrones de diseño bien establecidos, para que pueda mejorar sus habilidades rápidamente. Temas del curso: 01 | Aspectos básicos de MVC y las piezas móviles 02 | Crear y configurar Modelos 03 | El poder de Visual Studio 04 | Personalizar controladores 05 | Personalizar vistas 06 | Introducción a Bootstrap 07 | Introducción a la autenticación ¿Interesado en el curso? Aqui el link:   Introducción a ASP.NET MVC vb.net  /  Cursos
Publicar un comentario
Read more »

Como llenar una tabla en php

-
Imagen
En este ejemplo de php mostrare como mostrar los datos guardados en una base de datos ordenados en una tabla para dar una mejor visualizacion de los datos. Para poder efectuar el ejemplo debemos de crear la base de datos por lo que aqui muestro el codigo de la misma: Nota: el nombre de la base de datos es "ejemplos" ---------- -- phpMyAdmin SQL Dump -- version 3.2.4 -- http://www.phpmyadmin.net -- -- Servidor: localhost -- Tiempo de generación: 01-03-2015 a las 12:01:36 -- Versión del servidor: 5.1.41 -- Versión de PHP: 5.3.1 SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO"; /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8 */; -- -- Base de datos: `ejemplos` -- -- -------------------------------------------------------- -- -- Estructura de tabla para la tab...
Publicar un comentario
Read more »

Desarrollo de servicios en la nube con HTML5, Javascript y node.js

-
Imagen
Después de una buena espera por fin esta por venir el curso sobre el Desarrollo de servicios en la nube este curso es para personas con conocimientos medios de programación y de diseño Web, capacitando para un primer nivel de desarrollo de Web de servidor utilizando JavaScript , node.js y express.js. Para este curso es necesario tener, al menos, conocimientos básicos de HTML5 , CSS y programación en general, o sino haber cursado el curso anterior de este programa “ Desarrollo de Aplicaciones en HTML5 y para Dispositivos Móviles Firefox O.S. ”, que también se ofrece en esta plataforma y donde se enseñan dichos conceptos.  En el curso se enseñan también algunos conceptos básicos de ingeniería software, tales como estructura de proyectos, empaquetado de aplicaciones, gestión de versiones, etc. ¿Estas interesado en el curso? aqui el link:  Desarrollo de servicios en la nube con HTML5, Javascript y node.js Javascript
Publicar un comentario
Read more »

Asignando atributos emmet

-
Imagen
Si en la edición del código por medio de emmet quieres ir agregándole los atributos correspondientes a/por cada elemento también puede hacerlo para lo cual solo deberías agregar los elementos dentro de dos [] por ejemplo: img[src='https://appletenhtml.blogspot.com/favicon.ico' title='appletenhtml'] ejecutando el codigo: < img src="https://appletenhtml.blogspot.com/favicon.ico" alt="" title="appletenhtml"> aqui otro ejemplo: html:5> figure> img[title='appletenhtml' src='https://sitescreens.woorank.com/appletenhtml.blogspot.com.png']+figcaption> p.txt[Value='Continuen mejorando saludos.'] ejecutando el codigo: < !doctype html> < html lang="en"> < head> < meta charset="UTF-8"> < title> Document< /title> < /head> < body> < figure> < img src="https://sitescreens.woorank.com/ap...
Publicar un comentario
Read more »

Atributos id y class(ID and CLASS attributes)emmet

-
Imagen
Si ya tienen un diseño o acción establecida para alguna clase o id en especial, con emmet también puedes asignarla la clase o id que desees asignarle al elemento deseado todo eso con el símbolo . para clases o # para id. por ejemplo: html:5> div.indice+div#contenido+div.pie> a#link ejecutando el codigo: < !doctype html> < html lang="en"> < head> < meta charset="UTF-8"> < title> Document< /title> < /head> < body> < div class="indice"> < /div> < div id="contenido"> < /div> < div class="pie"> < a href="" id="link"> < /a> < /div> < /body> < /html> aqui otro ejemplo div(aside#aside+div#dv> a.link)+footer.clase> li#id$$*5 ejecutando el codigo: < div> < aside id="aside"> < /aside> < div id="dv"> < a h...
Publicar un comentario
Read more »