Trucos para el desarrollo Web

 ECHO DOT Consíguelo ¡Ahora! Echo Dot de diseño redondo, consíguelo ¡Ahora! AMAZON ECHO DOT DIMENSIONES Y PESO 100 x 100 x 89 mm Sin reloj: 328 gramos Con reloj: 338 gramos CONECTIVIDAD WiFi ac A2DP, AVRCP SONIDO 1 x altavoz de 1,6" Entrada/salida jack EXTRAS Alexa Modo de bajo consumo Botón para desconectar micrófonos Con reloj: indicador LED

En este articulo vamos a ver cómo hacer un slider solo con HTML y CSS; sin necesidad de usar JavaScript: Un slider, o cambio de diapositivas,  simplemente  es  un efecto que consiste en mostrar una serie de imágenes acompañadas de una serie de textos que, por lo general, vienen a ser unos productos o servicios que queremos promocionar en nuestra pagina Web. Cada imagen tiene que ser muy llamativa y ocupar un tamaño generoso en pantalla, y los textos deben de  ser grandes. Al cabo de un tiempo determinado por nosotros, esta imagen ha de dar paso a la siguiente imagen en una animación que termine siendo atractiva para el usuario. Como se trata de productos o servicios que queremos promocionar, debemos de intentar llamar la atención del usuario con imágenes atractivas, textos grandes y efectos de animación. Para poder realizar este efecto vamos a partir del siguiente código HTML: <div class="wrapper">   <div class="slider" id="slider">     ...

Responsive web design: Es una práctica en diseño y desarrollo web que da prioridad a una interfaz amigable para el usuario, sin importar el dispositivo que utilice o el tamaño y orientación de su pantalla. El diseño del sitio debe ser capaz de adaptarse a cualquier resolución con la que se acceda al sitio para consumir su contenido. Este método consiste en una mezcla de rejillas (o grids) y diseños flexibles, imágenes pensadas en diferentes dispositivos y un uso inteligente de CSS queries para lograr una interfaz consistente entre varias pantallas. A medida que el usuario pasa de su portátil a una tablet, el sitio web debería cambiar automáticamente para adaptarse a la nueva resolución, el tamaño de la imagen y las capacidades de escritura del dispositivo. ¿Por qué usar diseño web responsive? Todo el mundo está conectado a internet hoy en día.  Así como hay más usuarios conectados, también hay más formas de conectarse a internet. Desde computadoras de escritorio, laptops, iPhones, ...

Emmet: Emmet es una de las funciones integradas o extensiones de nuestro famosísimo VS (Virtual Studio Code). Las expansiones de las abreviaturas y fragmentos de Emmet están habilitadas de forma predeterminada en los archivos HTML, CSS, HAML, PUG, SLIM, JSX, XML, XSL, SASS, SCSS, LESS Y ESTYLUS, así como en cualquier idioma que herede de cualquiera de los anteriores, como MANILLARES y PHP. Emmet nos facilita la escritura de código ya que nos brinda sugerencias mientras escribimos las abreviaturas y nos completa la etiqueta que en el momento estemos digitando por ejemplo, escribimos la letra b y nos trae las siguientes sugerencias: Ahora si enterándonos de esto,  !A LO QUE VINIMOS¡ Atajos HTML / CSS HTML Con Emmet puede crear rápidamente una plantilla HTML en un abrir y cerrar de ojos. En un archivo HTML, simplemente escriba ! y verá que Emmet ha aparecido como sugerencia. Ahora presiona Enter. Ahí lo tiene, una página web HTML básica en blanco lista para usar. Clases Si está f...

  Truco para el input tipo texto con CSS En este apartado aprenderás a crear un input con una etiqueta flotante. El código HTML quedaría así: Para el icono de "buscar" estamos usando un icono de fontawesome El código CSS es así: Y así de fácil tenemos nuestro input con una etiqueta flotante.