Para los que sin ser expertos, se interesan por el uso práctico del HTML, JavaScript, PHP y CSS en las páginas de su blog o sitio web.
Compartimos los códigos que usamos en distintas páginas de nuestro sitio para hacerlas más atractivas, dinámicas, informativas y útiles para nuestros lectores.
Compartimos también todo lo que encontramos en internet de código abierto, que puede ser de utilidad y que puede ser implementado libremente y sin poseer conocimientos avanzados.
Principalmente solo se necesita leer las instrucciones, copiar y pegar.
De uso general
✓ Crear snipetts adaptables para mostrar código fuente en las páginas
✓ Como extraer y escribir el código fuente de una página web
✓ Como comentar y agregar comentarios en HTML, PHP, CSS y JavaScript
✓ Como extraer y escribir el código fuente de una página web
✓ Como comentar y agregar comentarios en HTML, PHP, CSS y JavaScript
Códigos en JavaScript
✓ Qué es el lenguaje Javascript, introducción y usos prácticos
✓ Javascript fácil en las páginas web, códigos y ejemplos
✓ Librerías JavaScript, usos, diferencias y donde cargarlas
✓ JQuery, ejemplos prácticos para usar en páginas web
✓ JQuery UI, efectos, animaciones y widgets para páginas web
✓ JQuery, todos los selectores, eventos, métodos y funciones
✓ Como usar Bootstrap en las páginas de mi sitio web
✓ Código para crear un reproductor de música con HTML5
✓ Códigos para crear y mostrar mapas de Google Maps
✓ Como crear e insertar gráficos con Chart.js en páginas web
✓ Copiar texto o código al portapapeles usando ClipBoard.js
✓ Códigos para insertar y mostrar las imágenes Emoji de Twitter
✓ Códigos para un generador de QR code en Javascript offline
✓ Códigos para agregar crédito al contenido copiado de nuestras páginas
✓ Código anti-piratería para evitar la copia de páginas web
✓ Códigos para eliminar cookies guardadas por nuestro blog o sitio web
✓ Códigos para crear una página de Error 404 con enlace a Wayback Machine
✓ Trucos y efectos de Javascript para usar en páginas web y blogs
✓ Como crear Bookmarklets con Javascript para usar en el navegador web
✓ Códigos Javascript para mostrar información y datos de tus lectores en tus páginas
✓ Javascript fácil en las páginas web, códigos y ejemplos
✓ Librerías JavaScript, usos, diferencias y donde cargarlas
✓ JQuery, ejemplos prácticos para usar en páginas web
✓ JQuery UI, efectos, animaciones y widgets para páginas web
✓ JQuery, todos los selectores, eventos, métodos y funciones
✓ Como usar Bootstrap en las páginas de mi sitio web
✓ Código para crear un reproductor de música con HTML5
✓ Códigos para crear y mostrar mapas de Google Maps
✓ Como crear e insertar gráficos con Chart.js en páginas web
✓ Copiar texto o código al portapapeles usando ClipBoard.js
✓ Códigos para insertar y mostrar las imágenes Emoji de Twitter
✓ Códigos para un generador de QR code en Javascript offline
✓ Códigos para agregar crédito al contenido copiado de nuestras páginas
✓ Código anti-piratería para evitar la copia de páginas web
✓ Códigos para eliminar cookies guardadas por nuestro blog o sitio web
✓ Códigos para crear una página de Error 404 con enlace a Wayback Machine
✓ Trucos y efectos de Javascript para usar en páginas web y blogs
✓ Como crear Bookmarklets con Javascript para usar en el navegador web
✓ Códigos Javascript para mostrar información y datos de tus lectores en tus páginas
Códigos para HTML
✓ HTML fácil, código, elementos básicos y funcionamiento
✓ Como crear y usar botones en las páginas con HTML5
✓ Como retrasar la carga de las imágenes en las páginas con Lazy Load
✓ Como escribir tablas en HTML desde un archivo CSV
✓ Como mostrar con Google Feed API artículos y noticias de otros sitios web
✓ Códigos para mostrar el código QR de cada página de un blog o sitio web
✓ Códigos para mostrar gráficos en las páginas web
✓ Códigos para validar el código de un archivo de fuentes RSS o un sitemap xml
✓ Códigos para mostrar nuestro índice de Klout en un blog o página web
✓ Códigos para insertar cuadros o formularios de búsquedas en una página web
✓ Como crear mensajes en las páginas para mostrar en la consola del navegador
✓ Como crear y usar botones en las páginas con HTML5
✓ Como retrasar la carga de las imágenes en las páginas con Lazy Load
✓ Como escribir tablas en HTML desde un archivo CSV
✓ Como mostrar con Google Feed API artículos y noticias de otros sitios web
✓ Códigos para mostrar el código QR de cada página de un blog o sitio web
✓ Códigos para mostrar gráficos en las páginas web
✓ Códigos para validar el código de un archivo de fuentes RSS o un sitemap xml
✓ Códigos para mostrar nuestro índice de Klout en un blog o página web
✓ Códigos para insertar cuadros o formularios de búsquedas en una página web
✓ Como crear mensajes en las páginas para mostrar en la consola del navegador
Códigos para CSS
✓ Como usar las hojas de estilo CSS en las páginas web
✓ Como rotar y hacer girar las imágenes usando CSS
✓ Como corregir errores CSS en los navegadores web
✓ Como minimizar y optimizar el CSS para la web
✓ Como rotar y hacer girar las imágenes usando CSS
✓ Como corregir errores CSS en los navegadores web
✓ Como minimizar y optimizar el CSS para la web
Social
Facebook
✓ Como usar los botones de Facebook en los sitios web
✓ Como usar las etiquetas de Open Graph de Facebook en los sitios web
✓ Generador de enlaces y direcciones de compartir en redes sociales
✓ Códigos para crear iconos de las redes sociales en formato SVG
YouTube
✓ Como insertar videos de YouTube adaptables en las páginas web
✓ Como crear enlaces a videos de YouTube usando sus miniaturas
✓ Como usar los botones de Facebook en los sitios web
✓ Como usar las etiquetas de Open Graph de Facebook en los sitios web
✓ Generador de enlaces y direcciones de compartir en redes sociales
✓ Códigos para crear iconos de las redes sociales en formato SVG
YouTube
✓ Como insertar videos de YouTube adaptables en las páginas web
✓ Como crear enlaces a videos de YouTube usando sus miniaturas
Códigos en PHP
✓ Como escribir con PHP en las páginas web
✓ Códigos para detectar y mostrar la localización geográfica en las páginas web
✓ Códigos para mostrar el país que corresponde a una dirección IP
✓ Códigos de un generador de QR code en PHP para un sitio web
✓ Como crear códigos QR que se ejecuten de forma automática
✓ Códigos de un convertidor de imágenes en dibujos ASCII
✓ Como usar HTACCESS en Apache, trucos y ejemplos prácticos
✓ Como proteger una página web con contraseña con PHP
✓ Códigos para hacer un formulario para acortar o expandir direcciones URL
✓ Códigos para crear imágenes y gráficos con PHP
✓ Como mostrar el contenido de un feed RSS en las páginas web
✓ Como extraer el Rank de Alexa de varios sitios de internet
✓ Como mostrar una lista de las publicaciones recientes usando el RSS
✓ Como subir fotos, imágenes y otros archivos a un servidor web
✓ Como proteger los formularios y evitar la inyección de código SQL en PHP
✓ Como usar e insertar imágenes codificadas en base 64 con PHP
✓ Como crear un convertidor de imágenes en caracteres ASCII usando PHP
✓ Plantilla gratis en PHP para crear un sitio web de internet
✓ Como mostrar los encabezados HTTP a los visitantes con PHP
✓ Códigos para mostrar la dirección IP y otros datos de los visitantes en las paginas web
✓ Códigos para mostrar a los visitantes el PageRank que posee una página web
✓ Códigos para detectar y mostrar la localización geográfica en las páginas web
✓ Códigos para mostrar el país que corresponde a una dirección IP
✓ Códigos de un generador de QR code en PHP para un sitio web
✓ Como crear códigos QR que se ejecuten de forma automática
✓ Códigos de un convertidor de imágenes en dibujos ASCII
✓ Como usar HTACCESS en Apache, trucos y ejemplos prácticos
✓ Como proteger una página web con contraseña con PHP
✓ Códigos para hacer un formulario para acortar o expandir direcciones URL
✓ Códigos para crear imágenes y gráficos con PHP
✓ Como mostrar el contenido de un feed RSS en las páginas web
✓ Como extraer el Rank de Alexa de varios sitios de internet
✓ Como mostrar una lista de las publicaciones recientes usando el RSS
✓ Como subir fotos, imágenes y otros archivos a un servidor web
✓ Como proteger los formularios y evitar la inyección de código SQL en PHP
✓ Como usar e insertar imágenes codificadas en base 64 con PHP
✓ Como crear un convertidor de imágenes en caracteres ASCII usando PHP
✓ Plantilla gratis en PHP para crear un sitio web de internet
✓ Como mostrar los encabezados HTTP a los visitantes con PHP
✓ Códigos para mostrar la dirección IP y otros datos de los visitantes en las paginas web
✓ Códigos para mostrar a los visitantes el PageRank que posee una página web
Códigos en internet
¿Dónde encontrar códigos útiles y libres en internet?
En internet existe una enorme cantidad de recursos disponible para los sitios web.
En varios de ellos se comparten códigos con el mismo objetivo que hacemos en este humilde sitio.
Algunos de ellos dan la posibilidad adicionalmente de hospedar sus proyectos de software libre, como ocurre en Github.
Relacionamos los enlaces a continuación de los sitios más famosos y de prestigio en internet donde buscar y encontrar códigos para la publicación en internet.
Servicio que nos permite almacenar código fuente y distribuirlo libremente en la red.
Cualquiera puede crear una cuenta gratis y subir el código de sus proyectos. La única restricción es que sean de código abierto y públicos.
El código de gran parte de la web moderna está alojada en sus servidores: jQuery, Rails, Node, Ruby, Bootstrap, Less, etc.
Posee una enorme comunidad de profesionales y aficionados que coopera y contribuye activamente.
Lee más información sobre el servicio:
Github guía para aficionados, subir, descargar código y colaborar
SourceForge
Servicio famoso en la distribución de proyectos de software libre.
Aloja proyectos como 7Zip, phpMyAdmin, eMule, FileZilla, etc.
Hay disponibles multitud de aplicaciones para descargar gratis ordenadas por categorías.
Ha recibido denuncias de distribuir instaladores que contienen adware (publicidad invasiva).
http://sourceforge.net/
StackOverflow
StackOverflow es una comunidad de millones de miembros, donde es posible buscar información, consultar, preguntar sobre cualquier tópico de programación ya sea HTML, PHP, Javascript o cualquier otro lenguaje.
Cada artículo es creado en base a una consulta y en las respuestas y comentarios que son votados puede encontrarse información muy útil y diversa.
StackOverflow es un excelente sitio cuando se necesita encontrar un código u obtener información esclarecedora ante cualquier conflicto.
http://stackoverflow.com/
W3Schools
Como su nombre indica una escuela dedicada a todos los lenguajes usados en internet.
Se puede encontrar mucha información y códigos útiles.
http://www.w3schools.com/