10.726 lecturas 0 comentarios

Rótulos con fuente custom

Un problema a la hora de diseñar Webs en HTML es que los rótulos de las columnas, textos de botoneras o citas, etc. debemos de insertarlos en JPG o GIF. La razón es sencilla, se suelen poner fuentes llamativas, fuentes que generalmente no tiene nadie, por lo tanto el explorador no las puede interpretar y deja la Arial por defecto. Esto conlleva que Google no las puntúe de forma óptima. Lo mejor es usar las etiquetas H1 o similar.

Así que… como podemos usar una fuente que nos guste, que todo el mundo la pueda ver, aunque no la tenga, y que google la capte como H1 por ejemplo?

La respuesta la tenéis mejor explicada aquí (Ver Contenido‘) de lo que yo sería capaz de hacerlo así que no os lo perdáis porque.

Mirar este ejemplo (Ver Contenido‘), el código fuente (que son H1) y las fuentes que son custom.

Una pasada para optimizar en buscadores desde luego con sIFR y JQuery.

9.210 lecturas 0 comentarios

Input File con diseño CSS

Un lastre que solemos llevar todos los diseñadores es el de los campos de formulario para subir archivos (fotos, PDF, etc.) Son muy feos! Y difíciles de modificar mediante CSS…

Con este método, usando CSS y DOM, podremos customizar la imagen y quitar el campo de texto. Echarle un ojo a la demo, la funcionalidad sigue siendo la misma pero con un look mucho más fácil de integrar.

· Demo Ver Contenido

– Archivo Adjunto: inputcss.rar

3.748 lecturas 0 comentarios

Menú de Vista en CSS

Si queréis crear un menú para vuestra Web con la estética de las barras de Windows Vista y compatible en todos los navegadores mediante CSS, descargar esta botonera y lo tendréis muy fácil. Valida W3C CSS y XHTML.

· Descargar Ver Contenido

· Ver Demostración Ver Contenido

– Archivo Adjunto: vistabar.zip

5.178 lecturas 0 comentarios

APP Serv PHP+SQL+MyAdmin

Otra utilidad que instala los servidores Apache con Php y Sql.

Incluye:
– Apache 2.2.8
– PHP 6.0.0-dev
– MySQL 6.0.4-alpha
– phpMyAdmin-2.10.3

Instálalo todo de manera rápida y sencilla Ver Contenido

4.602 lecturas 0 comentarios

Servidor PHP + SQL Rápido

Wampserver es un programa de código libre que te permite instalar PHP 5 y enlazarlo con SQL en pocos pasos.

¡Configura un servidor apache y empieza a programar!

Página Oficial: Ver Contenido

Descargar: Ver Contenido

18.893 lecturas 2 comentarios

30 efectos en Ajax y Javascript

Ventanas móviles, botoneras, sistemas de navegación, transiciones, galerías y tooltips… una colección de 30 scripts descargables para implementarlos en tu Web y dar un nuevo feeling 2.0.

Échales un ojo aquí:
Ver Contenido

Requieren conocimientos de Javascript, Ajax y Mootools en determinados casos.

3.536 lecturas 0 comentarios

PHP por objetos Básico

Este tutorial en inglés muestra un ejemplo básico, bastante bien explicado, de como programar orientado a objetos en PHP.

PHP 5 vendrá optimizado para este tipo de código así que toca evolucionar, con este tutorial lo tendréis más sencillo.

Ver Contenido

9.326 lecturas 0 comentarios

Ejemplos de Retículas

Si necesitas inspiración para maquetar con una retícula diferente, o más atrevida de lo normal, puedes echarle un ojo a esta fantástica guía que nos enseña 32 tipos de retículas catalogadas por tema. Son Layouts, en general, para sitios de mucha información.

Una buena retícula es la base del diseño web ¡No lo olvides!

Míralas aquí Ver Contenido

4.624 lecturas 0 comentarios

Proyecto PHP.JS

Si quieres tener todas las funciones más útiles de PHP sin tener que programarlas una y otra vez, échale un ojo a este JS. ¡Incorpora cerca de 100 funciones optimizadas!

Ver Contenido

4.657 lecturas 0 comentarios

Framework Mootools

Un Framework completísimo y compatible con la mayoría de los exploradores: Safari, MS Explorer, Firefox…

Cuenta con una sección de descarga que optimiza el código para que solo obtengas el script justo que necesites.

Puedes descargarlo Ver Contenido

Para ver lo que es capaz de hacer, no te pierdas estos ejemplos Ver Contenido