Materializer by CodyReichert A set of Material Design components for WordPress Materializer WP is a fully-featured set of Material Design components, packed up in a WordPress plugin, and ready to be used on any website. The plugin is ‘short-code based’, so you can use all of the features easily on any post, page, or custom post type. Installation To install the plugin: Download the `.zip` file. Quick Start As a quick example of what’s possible, here is how you would set up a Material Design Card: [card title="A Cool Card!" In this example, we have a [card][/card] shortcode, with a few attributes. And a Material Design card is as easy as that. Shortcodes There are over 25 different shortcodes and components to choose from. Below is a list of all the currently available components, click on one to view an example, and see how to customize it. Cards Basic Card Image Card Revealing Card Buttons Raised Button Floating Button Fixed Action Button Flat Button Large Button Collapsibles Collapsible Collections Dropdowns Dropdown Images Cards
Board Basics | Getting Started with Trello The Basics A new Trello board is like a clean slate, ready to organize any of your life’s projects: Boards - A board represents a project or a place to keep track of information. Whether you are launching a new website, creating an employee manual, or planning a vacation, a Trello board is the place to organize your tasks as cards on lists and collaborate with your colleagues, family, or friends. Lists - Lists keep cards organized in their various stages of progress. For detailed step-by-step instructions on setting up and creating Trello boards, check out our Getting Started article. Let's Look At Lists When it comes to lists, there’s no right or wrong way to go. A basic (but effective) list setup for a board might be simply To Do, Doing, and Done, where cards start in the To Do list and make their way to the Done list. For instance, a sales team might set up a board with the following lists: Incoming Leads, Contacted, Demo Scheduled, Proposal Delivered, Won, and Lost. It’s On The Menu
Animaciones con CSS para diseño web - Exponencial ¿Alguna vez te has preguntado como se hace para animar los elementos dentro de una página web? Os traigo unos ejemplos de animaciones en CSS muy fáciles de implantar en vuestro diseño web. Son animaciones de entrada, lo que significa que aparecerán con una animación cuando se descienda por el contenido de la página web hasta llegar al objeto con la animación. A continuación puedes ver unos ejemplos: ¿Como funciona? Tan solo necesitas realizar 4 pasos que detallo a continuación para tener estas animaciones en tu diseño web. Usando JavaScript o JQuery se puede hacer que un elemento aparezca en pantalla después de haber hecho scroll hacia abajo. Las animaciones están hechas con la función de CSS3 @keyframes y funcionan con todos los navegadores modernos, desde Internet Explorer 10 en adelante. Su funcionamiento es tan fácil como añadir una de estas clases a tu elemento: deslizarAbajodeslizarArribadeslizarIquierdadeslizarDerechadeslizarExpanderexpandircrecerApareceraparecergranEntradagirar
Novedades de Google Calendar - Ayuda de Calendario de Google Google Calendar tiene un nuevo diseño y nuevas características de eventos, vistas de calendario y posibilidades de configuración, para que puedas administrar tu tiempo de forma más eficiente y hacer más cosas. Estas son algunas de las opciones más destacadas: Ver los detalles del evento de un vistazo Al hacer clic en un evento una vez, verás todos los detalles, incluidos los siguientes: La lista completa de invitados, incluidas las confirmaciones de asistencia Nota: Para obtener más información sobre un invitado que aparezca en los detalles del evento, selecciona su nombre en la lista de invitados. Consejo: Haz clic con el botón derecho en un evento para unirte rápidamente a la reunión, eliminarlo o cambiar el color. Añadir eventos rápidamente Para crear eventos, haz clic en un espacio vacío de tu calendario. Se abrirá un cuadro en el que podrás añadir los siguientes detalles: Nombre del evento Hora del evento El calendario al que pertenece el evento. Nuevas opciones de vista . Compartir:
Protección de datos Esta semana se ha hecho pública una nueva vulnerabilidad por la que la información de tus tarjetas de crédito almacenada en Chrome y Safari está a disposición de cualquier usuario con unos mínimos conocimientos de informática. Seguridad, velocidad y rendimiento son aspectos fundamentales en un navegador: nadie quiere que se le cuele un visitante inesperado y también espera, y desea, que su experiencia de uso sea la más veloz posible. Lucía Caballero Un experto en seguridad israelí alerta de que la mayoría de contadores digitales son susceptibles de sufrir ciberataques para causar sobrecargas eléctricas o manipular el consumo Los navegadores se han convertido en una puerta abierta para el robo de información ya que son las aplicaciones que gestionan mayor información de ámbito personal. Y también bastan algunos pequeños consejos para dar un plus de velocidad a nuestra puerta de entrada a la red. Google Chrome Ajustes de seguridad: Navega como invitado. Mozilla Firefox Microsoft Edge Safari
Introducción, Formatos y Procesamiento de la Animación Aquí se ven los fotogramas por separado Esta bola roja "rebotando" consiste, en realidad, en 6 fotogramas. Aquí se muestran los fotogramas(a una velocidad de diez fotogramas por segundo) La animación está considerada como la técnica para dar vida a lo inanimado. Ejemplo de animación, un caballo animado en el siglo 19 Introduccion[editar] La Animación está considerada como la técnica para dar vida a lo inanimado, dotándole de movimiento. La animación se define como el proceso de utilizar imágenes u objetos inanimados (Figuras mecánicas o de plastilina) para dar al espectador una sensación de que están en movimiento. Un objeto visto por el ojo humano permanece químicamente mapeado sobre la retina del ojo por un breve tiempo después de visualizado. Historia de la animacion[editar] Los orígenes[editar] Durante el cine mudo[editar] Durante la época del cine mudo y los primeros años del cine sonoro aparecieron las principales formas del cine de animación. Largometrajes de animación[editar]
Elementor Page Builder, review + mega tutorial con 3 vídeos Hace un par de años te hablé de Visual Composer, te expliqué lo que era un plugin de maquetación visual y cómo te podía ayudar a mejorar la apariencia de tus páginas sin necesidad de tocar ni una línea de código. El año pasado te conté cómo Thrive Content Builder daba una vuelta de tuerca más a la manera de personalizar nuestros contenidos, ya que por primera vez estos podían ser modificados desde el front end, es decir, desde la parte de tu web que ve el visitante y no desde el panel de control de WordPress. Lo cual implica que veas los cambios en tiempo real y el resultado definitivo en directo. Los dos se han vuelto muy populares porque facilitan y agilizan muchísimo las tareas de personalización de nuestras páginas y habrá pocos bloggers que no utilicen alguno de los dos en sus webs. Hoy tengo el gran placer de presentarte a Elementor, un nuevo maquetador visual que está dejando con la boca abierta a toda la comunidad de WordPress. Qué es y cómo funciona Elementor Columnas Imagen Vídeos
Baraja de la metacognición - Agora Abierta La Taxonomía de Bloom (revisada) implica como objetivo último la metacognición, incluyendo entre sus procesos: comprender, analizar, aplicar, crear y evaluar. Desde un momento pasivo de escucha activa e interna de recepción de la información hasta un momento activo que se desarrolla través de la organización de esa información, de la relación e interacción entre los distintos conocimientos que se poseen, la valoración constante de esos datos y procesos y la respuesta que se aplica, en ocasiones, con la creación de un nuevo producto o bien de un nuevo conocimiento. Dadas todas estas premisas, que en ocasiones resultan difíciles de llevar a cabo dentro del aula, he creado un instrumento sencillo para aplicarlas. Se trata de la Baraja de la Metacognición. Son 25 retos, en formato baraja y que utiliza el visual thinking para coincidir con el objeto del mismo. Cada una de ellas va pareja con su símbolo dibujado para que resulte más sencillo de comprender e identificar. GuardarGuardar
¿Qué es Animación? - Pixel Creativo En el mundo multimedia (audio y vídeo) cuando hablamos de "animación", nos referimos a lo que conocemos popularmente como "dibujos animados". La animación es el proceso que logra dar movimiento a dibujos u objetos inanimados por lo general. Esto es posible gracias a una secuencia de dibujos o fotografías que al estar ordenadas consecutivamente logran generar un movimiento creíble ante nuestros ojos, los cuales se prestan al juego de la ilusión visual. Todo el proceso antes explicado es el procedimiento básico para desarrollar la tarea, sin embargo animar es algo más que eso, ya que si profundizamos más en la palabra "animar" encontraremos que su origen parte del latín: "Anima" cuyo significado será "Alma". Darle alma a un objeto es un trabajo que tiene mucho más que ver con un proceso artístico que mecánico. 1- Dibujos Animados o Animación Tradicional Consiste en dibujo cuadro a cuadro o fotograma a fotograma. 2- StopMotion 3- Pixelación 4- Rotoscopía 7- Otras Técnicas