Competencias 1. Php. Competencias 2. SCRATCH un taller redondo. ¿Que es SCRATCH? La Wikipedia nos dirá, "Scratch es un anglicismo que significa literalmente rayar o arañar. Tiene distintos significados según el ámbito en el que se aplique. ""En música, se llama así una técnica utilizada por los DJs de hip-hop y música electrónica, que consiste en mover un disco de vinilo hacia adelante y hacia atrás sobre el plato del tocadiscos.
""En pintura o ilustración, se le denomina así a la técnica donde se raya la pintura con una punta de metal fina, después de haber cubierto la pintura (o caseína) con tinta china. ""En informática se usa (en particular en las comunidades de software libre) para hablar de empezar desde cero a escribir el código del mismo. El Lenguaje de programación Scratch desarrollado por el Lifelong Kindergarten Group del MIT Media Lab intenta hacer fácil la programación de vídeo juegos, animaciones, música y arte interactivo" TALLER DE SCRATCH de EDUTEKA Taller de aprendices JAVAConoce más sobre este proyecto. Crear un sitio web libre. Guía para programar por competencias. ClassTools.net: Create interactive flash tools / games for educa.
Ultimate Web 2.0 Gradients - FREE Download. Gradients are one of the most important aspects to be considered while designing a Web 2.0 Site. Even a simple button is of a gradient. So I decided to make some cool set of Gradients and put them together in an Adobe Photoshop Gradient file (.grd). These gradients are fully scalable, what i mean here is its not an image or so.. just create a shape and apply the gradient - As simple as that. You could create Logos, Backgrounds, Tabs, Buttons, Wallpapers, Toolbars and all sorts of stuff... I hope v2.0 was helpful a lot. Now this current version includes almost all the possible gradients... UPDATE 03 May 2007 : v3 Release with around 130 Web 2.0 Gradients.UPDATE 16 Apr 2007 : v2 Release with some more gradients.
Download ( Please don't directly link to the file... thank you ) Here is how you should be importing the .GRD file into Photoshop. Color Scheme Designer 3. CSS Sprites. Por el 24 de abril de 2009 en: Sin categoría Los CSS Sprites es una sencilla y efectiva técnica de CSS que nos permite ahorrar ancho de banda. Realmente los sprites son imágenes que contienen varias imágenes y se muestran gracias a diversas técnicas que nos permiten recortarlas.
Inicialmente se utilizó en el desarrollo de videojuegos debido a su versatilidad a la hora de realizar animaciones, hoy también nos lo encontramos como una técnica CSS que nos permite ahorrarnos ancho de banda. Gracias a esta técnica podemos reducir considerablemente el peso de nuestra aplicación web y lo que es más importante el número de peticiones HTTP, estas dos ventajas nos permiten reducir el tiempo de carga de nuestra aplicación web y reducir la carga en el servidor. ¿Cómo aplicar esta técnica? Pequeño tutorial para comenzar a utilizar esta técnica. ¿Cuándo utilizar esta técnica? Ejemplos prácticos Estos dos ejemplos vienen muy bien detallados en WebSiteOptimization.
Generar aumáticamente un CSS Sprite. CSS Sprites: Image Slicing’s Kiss of Dea. Back when video games were still fun (we’re talking about the 8-bit glory days here), graphics were a much simpler matter by necessity. Bitmapped 2-dimensional character data and background scenery was individually drawn, much like today’s resurgent pixel art. Hundreds and later thousands of small graphics called sprites were the building blocks for all things visual in a game. Article Continues Below As game complexity increased, techniques developed to manage the multitude of sprites while keeping game play flowing.
One variation saw sprites being plugged into a master grid, then later pulled out as needed by code that mapped positions of each individual graphic, and selectively painted them on the screen. And what does this have to do with the web? #thewebconnection Everything old is new again, and though the rise of 3D games has made sprite maps obsolete, the concurrent rise of mobile devices with 2D gaming capabilities have brought them back into vogue. How do CSS Sprites work? [ws] Fast Rollovers Without Preload | Rychlé rollovery bez načít. English-only | Jenom česky | Bilingual/Dvojjazyčně When using CSS image rollovers, two, three, or more images must be loaded (and often be preloaded for best results).
We've got one image for each state (normal, hover, active, visited etc). Putting all states into one image makes dynamic changes faster and requires no preload. Let's have a simple example. Fig. 1: Three states together in one image Usually, in CSS rollovers, we use background images in this way: Když vytváříme dynamická obrázková tlačítka (rollovery), musí se obvykle do prohlížeče načíst dva, tři i více obrázků (pro základní stav, pro :hover, obrázek pro :active atd.). Vezměme si jednoduchý příklad. Obr. 1: Tři stavy současně v jednom obrázku V CSS rolloverech používáme obrázky na pozadí obvykle nějak takto: Using one common picture, we don't need to change the background image. Když ale použijeme jeden společný obrázek, měnit obrázek na pozadí nemusíme.
That's all. A to je celé. Menu. Curso: Multimedia Scratch: crear como un niño. Xinha – Trac. WYMeditor - web-based XHTML editor - Home. Home. Contador de Visitas Web estadísticas gratis MiCodigo. Programación Primaria. HTML Codes - Table of ascii characters and symbols. Taller de Blogs - Categories: 06. Plantillas-Usabilidad-html-css. Introducción a XHTML.