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 3Seguro que hay muchas más… Existen muchos frameworks a la hora de trabajar con javascript.

Tutorial de iniciación a jQuery : los selectores.

Uno de los más famosos es prototype, quizás por que es el más antiguo. Javascript se ha convertido en un lenguaje muy importante en Internet, ha dejado verse como un lenguaje con el cual hacer alguna animación y poco más , para convertirse en uno de los pilares de la web 2.0. Por todo esto me estoy poniendo al día en una librería que a mi me ha gustado mucho: jQuery. Me gusta por la sencillez con la que puedes empezar a programar y la cantidad de código que ahorras al usarla, además de ser muy lijera. Selectors.

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;. Ya que hemos ocultado los submenos, tenemos que hacer que aparescan cuando se pase el mousse sobre el menu principal, para hacer esto utilizamos li:hover; para que lo entiendan mejor, quedaria asi: Si todo lo hemos hecho bien, y le ponemos un borde a nuestro menu, quedria asi...

Esto es estupendo. 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.

Menú horizontal desplegable muy sencillo con CSS. 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. 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. 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. CSS Cheat Sheet (V2) - Added Bytes by Dave Child. The second version of the CSS Cheat Sheet, a quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information.

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 en inglés. 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. 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.

HTML

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. 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.

Imágenes - HTML correcto. Cómo hacer una buena página web.

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.