background preloader

Programación en Internet

Facebook Twitter

Manual Oficial de PHP. Variables en PHP, Manual Oficial de PHP. Jquery. Tutorial de iniciación a jQuery : los selectores. Cuando queremos programar en javascript más alla de escribir unas cuantas lineas, es conveniente usar un framework de desarrollo por varios motivos: Cantidad de funciones escritas que nos ahorrarán mucho trabajo. Podremos escribir menos código y más compacto. Código más legible y mantenible. El código generado es crossbrowser, funcionará igual en todos los navegadores. Compatible con CSS 3 Seguro que hay muchas más… Existen muchos frameworks a la hora de trabajar con javascript. Selectors. Select all elements that are in the progress of an animation at the time the selector is run.

Selectors

Selects elements that have the specified attribute with a value either equal to a given string or starting with that string followed by a hyphen (-). Selects elements that have the specified attribute with a value containing the a given substring. Selects elements that have the specified attribute with a value containing a given word, delimited by spaces. Selects elements that have the specified attribute with a value ending exactly with a given string. The comparison is case sensitive. Selects elements that have the specified attribute with a value exactly equal to a certain value. Select elements that either don’t have the specified attribute, or do have the specified attribute but not with a certain value.

Selects elements that have the specified attribute with a value beginning exactly with a given string. Selects all button elements and elements of type button. Selects all elements of type file. Earn Money From Across The Globe. Menu desplegable con CSS. Se puede crear un menu desplegable unicamente con html y css, no es necesario ni javascript ni flash... veremos como hacerlo...

Menu desplegable con CSS

Primero se hace una lista bien anidada con una clase que llamaremos en este caso "menu" pero le pueden poner el nombre que quieran... Código: <ul class="menu"><li>opcion 1 <ul><li>una a</li><li>una b</li></ul></li><li>opcion 2 <ul><li>una c <ul><li>otra</li><li>mas</li></ul></li><li>una d</li></ul></li></ul> Ahora lo primero es ocultar los submenus lo cual empieza a formar nuestro css. Para ocultar los submenus se utiliza el comando display: none; Ya que se le oculta los submenus, hay que quitarles el puntito de que es una lista con el comando list-style: none;.

Javascript Horizontal Accordion Slideshow. Jquery, acordeon, dd, dt, accordion internet, padding, codigo, divs, opacity, dl, moz martin, distintas, accordion, argentina, acordeones, mootools, botones, buzz, accordion effect, accordion style video, weblogs, efecto, boton, anchors, iframe, tabs, wordpress, string, ejecuta.

Javascript Horizontal Accordion Slideshow

JavaScript fácil y rápido con jQuery. Aunque la librería más conocida y utilizada hasta hace poco era Prototype, ha surgido una nueva librería llamada jQuery, que incluye muchas de las ideas de Prototype y a las que añade muchas otras nuevas ideas para crear una librería espectacular: muy pequeña, rápida, ligera y con cientos de utilidades.

JavaScript fácil y rápido con jQuery

Las aplicaciones web cada vez son más complejas, ya que incorporan nuevos efectosvisuales e interacciones dinámicas (Ajax, auto-completar, drag&drop, elementos que aparecen/desaparecen, animaciones, etc.). Al mismo tiempo, el desarrollo de las aplicaciones web avanzadas es cada vez más complicado, ya que deben funcionar correctamente en al menos 5 navegadores diferentes (Internet Explorer 6 y 7, Firefox, Opera y Safari) y el tiempo de desarrollo se reduce por la necesidad continua de incluir novedades en la aplicación.

Por todo ello, es imprescindible utilizar librerías JavaScript que simplifiquen el desarrollo y permitan crear aplicaciones compatibles con todos los navegadores. Con jQuery. Menú horizontal desplegable muy sencillo con CSS. Siguiendo el rastro a un enlace de CSS Globe, encuentro en CSSNEWBIE, donde tenemos un tutorial sobre la creación con CSS, de un menú horizontal principal, en donde el resto de los submenús se suman a el, en lugar de verticalmente que es lo normal, lo hacen horizontalmente.

Menú horizontal desplegable muy sencillo con CSS

Para aclarar las cosas mejor te dejo un enlace al ejemplo del invento. Firebug Lite. Firebug es una de las mas populares herramientas para depurar websites, es muy completo y versátil pero solo esta disponible como complemento para Firefox.

Firebug Lite

Entonces para los usuarios de Safari, Internet Explorer u Opera ahora esta disponible Firebug-Lite, el cual es un javascript que automáticamente analiza el html seleccionado y nos permite mediante utilizar la mayoría de las funcionalidades de Firebug. Utilizar Firebug-Lite Online El primer método y el mas sencillo es utilizar Firebug-Lite de forma Online, el cual no requiere ninguna instalación o código adicional y el cual se puede aplicar a cualquier web. Lo que tienes que hacer es agregar el siguiente enlace a barra de favoritos, este enlace contiene un Javascript que ejecutará de forma remota el script necesario para el funcionamiento de Firebug.

Utilizar Firebug-Lite Offline La segunda forma servirá para el caso que estemos desarrollando la aplicación sin conexión a Internet. Tutoriales de flash actionscript php photoshop css diseño html. Downloads: All Versions of Firebug : Firebug. Index of /releases/firebug/1.8. Firebug Lite: Firebug en Internet Explorer, Opera y Safari. Son numerosas las ventajas de tener una extensión como Firebug en Firefox, al menos para los desarrolladores web.

El problema es que hay que probar en todos los demás navegadores: Opera, Internet Explorer, Safari, etc. Cada uno cuenta con extensiones o métodos de depuración propios pero tanta diversidad no ayuda. Para resolver estos problemas, los desarrolladores de Firebug, han creado Firebug Lite. Firebug Lite replica las herramientas más útiles de la extensión Firebug de Firefox como la consola o el inspector de XmlHttpRequest en Internet Explorer, Opera o Safari. El resultado es soprendente y es que esta nueva versión de Firebug Lite ha revolucionado el concepto de debug de aplicaciones web. El framework Symfony, una introducción práctica (I parte) Symfony es uno de los frameworks PHP más populares entre los usuarios y las empresas, ya que permite que los programadores sean mucho más productivos a la vez que crean código de más calidad y más fácil de mantener.

El framework Symfony, una introducción práctica (I parte)

Symfony es maduro, estable, profesional y está muy bien documentado. Los frameworks simplifican el desarrollo de las aplicaciones mediante la automatización de muchas de las tareas comunes. Códigos de colores HTML. El sitio web Códigos de colores HTML le proporciona herramientas gratuitas de colores para encontrar colores HTML para su sitio web.

Códigos de colores HTML

Las excelentes herramientas Tabla de colores HTML y Selector de colores HTML harán que esta tarea sea pan comido. Para empezar rápidamente a usar Colores HTML en su sitio web, échele un vistazo a ¿Cómo usar los códigos de colores HTML?. Si desea aprender qué significa realmente esta combinación de caracteres en Códigos de colores HTML échele un vistazo a la sección Teoría sobre los códigos de colores HTML. Colores seguros para la Web es la lista de colores que se ven igual en todos los sistemas operativos. Si es daltónico consulte los Nombres de colores HTML para superar ese problema. Tabla de colores HTML Con esta Tabla de colores HTML dinámica puede conseguir códigos HTML para los colores básicos. A continuación hay una lista de los colores seleccionados recientemente. Free Web Hosting with PHP, MySQL and cPanel, No Ads. CSS Cheat Sheet. CSS Cheat Sheet (V1) - Added Bytes by Dave Child.

A quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information.

CSS Cheat Sheet (V1) - Added Bytes by Dave Child

There is a newer version of this cheat sheet! The CSS cheat sheet is designed to act as a reminder and reference sheet, listing all selectors (as of CSS 2.1) and properties. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for. A description of what is on the cheat sheet follows, or if you are impatient, you can go straight to the full size CSS cheat sheet. Properties List The CSS specification includes a lot or properties, many of which are often forgotten or overlooked. Syntax Syntax is one area in CSS where many people stumble when learning it. Selectors Given the number of possible selectors in CSS, it is no wonder some people often become confuse.

Pseudo-Selectors Pseudo-selectors are used when defining styles for elements that either do not exist, or are in a particular state. Media Types Box Model. CSS Cheat Sheet (V2) - Added Bytes by Dave Child. Colores HTML. Los colores web son aquellos colores que aparecen en una página web.

Colores HTML

Se pueden basar sobre los sistemas de color RGB o HSL. En el código CSS (y antiguamente en HTML) son especificados como valores numéricos, aunque hay algunos colores que son nombrados por nombres propios ingleses. RGB[editar] Fundamento teórico[editar] La paleta de colores RGB (RVA en español) consta, básicamente, de tres colores primarios aditivos: Rojo-Verde-Azul. Los valores que puede adaptar cada uno de los tres pares hexadecimales van del 0x00 (0 decimal) al 0xFF (255 decimal). Además de estos tres colores primarios aditivos (RVA), existen tres colores primarios sustractivos o CMY (CMA en español): Cian-Magenta-Amarillo. Cian = Verde + Azul. CSS: Menu horizontal, desplegable y bonito. HTML doctype declaration. HTML. Antes de ver como crear un documento HTML aclararemos unos cuantos conceptos sobre su sintaxis.

En primer lugar el navegador intentará mostrarnos secuencialmente todos los los elementos que componga nuestra página de izquierda a derecha y de arriba a abajo, salvo que se especifique lo contrario. La forma de cambiar las caracteristicas de los elementos para que se muestren de forma especial es el uso de etiquetas.

El conjunto de etiquetas está preestablecido y cada una de ellas aplicará un conjunto de cambios a los elementos a los que sea aplicable. Existen etiquetas de dos tipos: <etiqueta> ... elementos ... A su vez cada etiqueta puede poseer un cojunto de atributos cuyos valores nos puede interesar modificar. Si pinchas aquí podrás ver un ejemplo con un poco de todo lo que vamos a aprender a utilizar de HTML. Imágenes - HTML correcto. Cómo hacer una buena página web. No todos los navegadores las soportan, pero para los que sí, haz que las vean bonitas.

Cuándo usarlas Yo divido las imágenes en dos tipos: Decorativas: complementan al texto y lo hacen más bonito. Necesarias: hacen falta para entender el texto.