Miércoles, 22 Febrero 2017 22:01

Media Queries: Enlaces recomendados

Cabezal entrada sobre Media Queries

Las media queries y el diseño responsivo

Citando brevemente esta entrada de Wikipedia sobre "Media Query" tenemos que:

En desarrollo web, Media Queries es un módulo CSS3 que permite adaptar la representación del contenido a características del dispositivo como la resolución de pantalla...

En una nota del mismo sitio, esta vez sobre Diseño Web adaptable leemos que:

El diseño web adaptable se hace posible gracias a la introducción de las media queries en las propiedades de los estilos CSS en su versión número 3. Las media queries son una serie de órdenes que se incluyen en la hoja de estilos que indica al documento HTML cómo debe comportarse en diferentes resoluciones de pantalla.

Banner Tutoriales para JavaScript

Introducción a JavaScript: Abriendo la consola JavaScript

Hoy en día es normal encontrar consolas de evaluación y depuración de códigos en la mayoría de los navegadores web, consolas sobre las cuales trabajaremos en clases con la finalidad de testear algunos códigos de introducción a JavaScript. A continuación veremos como acceder a éstas desde Chrome, Edge , Firefox, Opera, Safari y Vivaldi; en todos los casos las capturas de pantalla corresponden a la última versión disponible o instalada, en este caso, sobre Windows 10, al momento de crear la presente entrada.

 Instalando un Formulario en WP

Configurando Contact Form Builder en WP (i)

Como forma de instalar un formulario de contacto instalaremos y configuraremos el plugin Contact Form Builder en WordPress, para lo cual seguiremos los siguientes pasos:

Jueves, 10 Marzo 2016 17:11

Trabajando con los menús en WordPress

Configurando los menús en WordPress

Consulta en clase: ¿Cómo configuro los menús en WordPress?

Junto con la entrada anterior sobre como Configurar Slider en plantilla Appointment de WordPress surgió la consulta sobre como trabajar con menús en WordPress. A continuación veremos la respuesta, sobre un sitio con la plantilla Appointment activada, la que dispone de un único espacio para publicar un único menú; la única salvedad que debemos hacer es que, con plantillas más potentes, es posible trabajar con distintos menús, en distintos espacios de la interfaz del front-end de esta plataforma.

Sábado, 27 Febrero 2016 11:26

Configurando WordPress (iv)

Configurando WP

Ajustes finales a nuestra instalación de WordPress


En construcción; consultar entradas previas: [Parte 1] [Parte 2] [Parte 3]


 

Sábado, 27 Febrero 2016 10:24

Configurando WordPress (iii)

Configurando WP: Plugins, usuarios y herramientas

Plugins, Usuarios y Herramientas en WordPress

En la primera parte de este tutorial vimos las opciones básicas de configuración de Personalización, entradas, categorías y etiquetas en WP; en la segunda parte nos dedicamos a la administración de Medios, Páginas y Comentarios en WP; toca ahora dedicarnos al manejo básico de plugins, usuarios y herramientas en WordPress:

Sábado, 27 Febrero 2016 09:16

Configurando WordPress (ii)

Configurando WP (ii)

Administrando Medios, Páginas y Comentarios en WP

En nuestra entrada anterior - Configurando WordPress (i) - vimos las opciones básicas para la personalización del sitio, el manejo de entradas, categorías y etiquetas en este CMS; veremos ahora las opciones correspondientes al manejo de medios, administración de páginas y comentarios:

Viernes, 26 Febrero 2016 17:32

Configurando WordPress (i)

Configurando WP (i)

Personalización, entradas, categorías y etiquetas en WP

En una entrada anterior vimos como instalar WordPress desde Softaculous al cual accedíamos desde el cPanel de nuestro hosting; todo esto suponiendo, claro, que tenemos ambas aplicaciones disponibles como parte de nuestros servicios de hosting; esta vea comenzaremos a ver algunas opciones básicas de configuración que nos ofrece WordPress (v.4.4.2 en nuestro caso) [1] [2], orientado a estudiantes y usuarios que toman contacto por primera vez con este manejador de contenidos (CMS):

Domingo, 21 Febrero 2016 12:42

Instalando WordPress desde Softaculous

Instalando WordPress desde Softaculous

Instalando WordPress desde (cPanel con) Softaculous

Este tutorial muestra la forma de instalar WordPress (versión 4.4.2 en este caso) desde cualquier servicio de hosting de pago ó gratuito, con acceso a cPanel (en este caso la versión 54.0.16) y Softaculous (versión 4.7.1 es la versión que se utilizó esta vez). Si bien las versiones pueden dar un aspecto diferente entre una y otra, los pasos generales son válidos y similares entre todas ellas, por lo menos desde hace ya algún tiempo. Vamos entonces a las principales opciones que se nos presentarán durante el procedimiento de instalación:

Cabezal artículo Menú desplegable en HTML y CSS

Creando un menú desplegable con HTML5 y CSS3 (primera parte)

Esta entrada responde a una necesidad generalmente básica para el desarrollo de un sitio web: La creación de una barra de navegación (menú) usando HTML y CSS; en nuestro caso HTML5 y CSS3 serán las versiones usadas en este tutorial.

Así, nuestra página al comienzo de nuestro trabajo, tendrá la siguiente estructura:

  <!doctype html>
  <html><head>
    <meta charset="utf-8">
    <title>Creando un menu con HTML y CSS</title>
  </head>
  <body>
  </body>
  </html>

En nuestro caso, supondremos que deseamos una barra de navegación horizontal, para lo cual en los pasos siguientes estaremos abocados a generar los códigos necesarios para lograr este objetivo; así, comenzaremos a colocar, por razones semánticas, dentro de la etiqueta nav [W3C] [esp], una lista sin ordenar (ul), cuyos ítems (li) mostrarán las opciones principales de nuestra barra de menú, con lo que ahora nuestro código será el siguiente: