El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Estás navegando por el archivo de la categoría Codigo

Krugle: Un buscador para desarrolladores

Krugle

Krugle es un buscador pensado y enfocado a los desarrolladores.
Con él podremos encontrar fragmentos de código fuente, páginas con documentación y proyectos de Software Libre.

Y además podrás anotar y compartir tus búsquedas con otros usuarios, ¿que sería de un servicio nuevo sin su puntito de red social?


Krugle:
http://www.krugle.com/

Via Download Squad

Codigo, Herramientas Online, Recursos

Comenta

Checkboxes y Radio Buttons personalizados con CSS y Javascript

Hace tiempo llegó a portada de digg un artículo, del que se hicieron eco algunos blogs como Sentido Web, que hablaba de cómo dar estilo a los checkboxes y radio buttons de los formularios. Como viene siendo habitual, la mayor pega de este método es que no funciona en Internet Explorer.

Si quieres dar estilo a los radio buttons y checkbox de tus formularios, para todos los navegadores con javascript activado, prueba la técnica de Chris Erwin.

Por medio de Javascript se ocultan los botones y se le da estilo a la etiqueta label.
El formulario sigue recogiendo los datos normalmente ya que es la propia etiqueta label la que activa el control correspondiente.
Y si el Javascript no está activado, no se ocultarán los controles y el formulario se presentará como un formulario normal, totalmente funcional.

Ejemplo del CRIR en accion

Su implementación es muy sencilla, tenéis instrucciones detalladas en la página del autor.

CRIR: http://www.chriserwin.com/scripts/crir/index.php

CSS, Javascript, Scripts

2 Comentarios

PHP Code Snippet Library: poniendo orden a los fragmentos de código

Estoy segura que no soy la única que con el paso del tiempo ha ido recopilando una serie de fragmentos de código o code snippets que, como ya son muchos, se me hacen complicados de organizar.
Como no había encontrado ninguna solución que me convenciese, a parte de utilizar archivos de texto plano y guardarlos en alguna carpeta, me puse a dar un vistazo por sourceforge y, a pesar de que el tema no atrae demasiado a los desarrolladores por lo que se ve, encontre un CMS en PHP ideal para recopilar y organizar los snippets.

PHP Code Snippet Library es una aplicación Open Source, bajo licencia GPL, desarrollada en PHP que te permitirá definir infinitas Librerias en las que almacenar los code snippets y para que sea aún más fácil de instalar o migrar, no utiliza base de datos.

PHP Code Snippet Library: http://www.php-csl.com/

CMS, Codigo, Otros

2 Comentarios

CSS Tools: Recopilación de enlaces sobre CSS

Via Intenta descubro esta colección de enlaces útiles para CSS. Está dividida por categorías: herramientas, generadores de layouts…

CSS Tools: http://www.soxiam.com/Notes/CSSTools

CSS, Herramientas Online, Recursos

Comenta

Aptana: Un IDE para AJAX

Aptana Logo Aptana es un IDE o entorno de desarrollo enfocado a las aplicaciones web con AJAX/Javascript.
Está basado en Eclipse y, como este, está disponible para Windows, Linux y Mac OS.
Además, si no nos interesa instalarnoslo como una aplicación independiente podemos agregarlo a nuestra instalación actual de Eclipse como un plug-in.

Características:

  • Asistente para código CSS, HTML y Javascript, incluyendo tus propias funciones de Javascript
    Captura de pantalla de Aptana
  • Estructura esquemática que te permite analizar tu proyecto en una visión de conjunto
  • Notificaciones de errores y advertencias

Aptana es Software Libre, licenciado bajo la Eclipse Public Licence

Aptana:
http://www.aptana.com/
Eclipse: http://www.eclipse.org

Via Genbeta

Aplicaciones, Editores, Javascript, Linux, Mac OS, Windows

1 Comentario

Acelerando PHP: PHP Accelerator

PHP es un lenguaje muy potente y práctico pero, al igual que otras tecnologías como ColdFusion o ASP, se compila “al vuelo”. Es decir, el servidor interpreta el script PHP cada vez que se ejecuta.
Existen numerosas utilizades que cachean el script para no tener que compilarlo en cada petición.

Logo ionCube PHP Accelerator

Via Code and Coffee conozco ionCube PHP Accelerator.

PHP Accelerator es gratuito pero consigue igualar y mejorar los resultados de otras soluciones comerciales, las páginas aceleran su carga entre cinco y diez veces.
Es sencillo, limpio y los resultados son visibles.
Una buena solución para los que no disponemos de servidores dedicados para alojar nuestras aplicaciones y sitios web.

ionCube PHP Accelerator:
http://www.php-accelerator.co.uk/

PHP

2 Comentarios

Texto con sombra compatible con todos los navegadores

Generalmente vivimos muy bien sin dar sombra a nuestros textos, a la espera de que más navegadores acepten la propiedad text-shadow de CSS 3, no obstante muchas veces nos resultaría realmente útil poder usarla con resultados uniformes en todos los navegadores.

Hasta ahora teníamos tres aproximaciones al tema, que cuando funcionaban en un navegador fallaban en otro e incluso haciendo uso de una combinación de las tres los resultados eran muy diferentes en los diversos navegadores:

  1. Usando la propiedad text-shadow de CSS 3, de momento sólo soportada por Safari y Konqueror (gracias Xir por la corrección)
  2. Utilizando la pseudo-clase :before antes del texto para duplicarlo y simular una sombra, cosa que no funcionaría en MSIE
  3. Usando un filtro propietario para MSIE

Scott Jehl nos ofrece un script en Javascript, no obstrusivo, que nos permite de forma sencilla conseguir este efecto de forma homogénea en todos los navegadores que tengan soporte para Javascript.

Para utilizarlo simplemente se carga el script

<link href="css/dropShadows.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/dropShadows.js"></script>

y se añade la clase highContrast (recuerda, respeta las mayúsculas y las minúsculas)

<h2 class="highContrast">Here's an example</h2>

La apariencia de la sombra puede editarse en el archivo dropshadow.css

Descarga Javascript:
http://www.scottjehl.com/jsDropShadows/scripts/dropShadows.js
Descarga CSS:
http://www.scottjehl.com/jsDropShadows/css/dropShadows.css

En el blog de Scott tenéis más información sobre el funcionamiento del script.

Enlace: http://www.scottjehl.com/jsDropShadows/

Javascript, Scripts

3 Comentarios

S5 presentaciones online a la Eric Meyer

Hace ya algo os había comentado la existencia de HTML Slidy, un sistema bastante simple para generar presentaciones tipo Power Point con XHTML, CSS y Javascript que se pueden reproducir en cualquier navegador.

Captura de pantalla de S5 en funcionamiento
S5 es un sistema similar, creado por Eric Meyer, que cuenta con bastante más documentación y ayuda que HTML Slidy, además de existir varios themes para escoger, más cómodo imposible.

S5: http://meyerweb.com/eric/tools/s5/

(x)HTML, CSS, Javascript, Scripts

3 Comentarios

sIFR: Reemplazo dinámico de tipografías con Flash

El universo está lleno de preciosos tipos de letra, lamentablemente el uso de tipografías personalizadas en la web está francamente limitado. No existe un método fiable de garantizar que el usuario ve la tipografía que queremos que vea ya que estamos supeditados a las fuentes que tenga instaladas en su sistema.

Durante muchos años, los diversos navegadores han ido haciendo experimentos con tipografías descargables y artimañas similares pero su implementación es irregular y se hace desaconsejable.

Cuando lo que queremos es utilizar fuentes personalizadas para pequeños detalles en el sitio es francamente simple hacer un reemplazo con imágenes pero, ¿qué pasa cuando necesitamos reemplazar, por ejemplo, los títulos de las entradas de una bitácora? ¿Crearemos uno por uno todos los títulos como imágenes y haremos un reemplazo manual?

Logo sIFR

sIFR nos sale al rescate para esos momentos, ofreciéndonos una forma dinámica de conseguir encabezados con algo más de estilo.
(más…)

(x)HTML, Javascript, Recursos

5 Comentarios

Modificar el php.ini en alojamientos compartidos

Existen unas cuantas ocasiones en las que podemos tener que cambiar el archivo php.ini pero, para todos los que alojamos nuestras páginas en servidores compartidos, suele ser imposible acceder directamente a este archivo.

De todas formas, podemos modificar el comportamiento y las funciones de PHP por medio de un archivo .htaccess en el directorio raíz del sitio. Por ejemplo, incluyendo en él

php_flag magic_quotes_gpc off
php_flag register_globals off

Articulo completo en inglés en 999 Tutorials

Codigo, PHP

4 Comentarios

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna