Css

Fuentes descargables

Anieto2k comenta sobre la implementacion de @font-face un nuevo atributo CSS.

Pero que al parecer en webkit ya se esta implementando.

@font-face se trata de que la fuente pueda ser descargada desde la web aunque el usuario no la tenga instalada la propiedad puede ser usada de la siguiente forma

@font-face {
font-family: “Kimberley”;
src: url(http://www.princexml.com/fonts/larabie/ »
kimberle.ttf) format(“truetype”);
}
h1 { font-family: “Kimberley”, sans-serif }

De esta forma descargamos la funente kimberley para que posteriormente la podamos usar en nuestros estilos.

Sin embargo esta especificacion solo la soporta Webkit.

Ojala y con la llegada del HTML 5 y el CSS 3 ya los navegadores soporten esta especificación, mmmm otra vez sufriremos con Iexplorer(me imagino), ya que…

Usen Firefox.. ;-)

Visto en | Fuentes descargables en Webkit y @font-face

Leer más

70 Ideas para el uso correcto de CSS

A veces al escribir CSS, comentemos muchos errores, al organizar el código, al definir las clases o manejar Id’s, repetir código innecesario, Etc…

Pero hoy localice algo que sin duda nos ayudara a corregir todo esto.

Son 70 Ideas para poder codificar mejor nuestros CSS, les dejo el link estan en ingles pero con varios ejemplos, que sin duda nos hara ser mejores programadores.

70 Expert Ideas For Better CSS Coding

Leer más

Personalizar nuestros campos file con css

Les estoy preparando unos buenos tutoriales sobre Apache, y sobre javascript, y poco a apoco pienso darles salida.

Pues mientras estoy preparando eso, que les parece, un link que me encontré en Ajaxian.

Bueno resulta que a veces muchos desarrolladores, no le damos el trato que se merece al campo HTML de tipo FILE.
Pero para poderlo personalizar usaremos css y javascript veamos el ejemplo.

Tenemos primero el campo file, les recomiendo seguir el ejemplo y luego ajustarlo a nuestros gustos ya que el ejemplo lo tome de la web del autor.

Luego ponemos este css

.SI-FILES-STYLIZED label.cabinet
{
width: 79px;
height: 22px;
background: url(btn-choose-file.gif) 0 0 no-repeat;

display: block;
overflow: hidden;
cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
position: relative;
height: 100%;
width: auto;
opacity: 0;
-moz-opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

Para personalizarlo a nuestro gusto debemos de utilizar una minilibreria, la cual nos permitira hacer los cambios pertinentes, no pesa mucho; su nombre es SI

Leer más

:: Ajax :: Creando tabs con css y javascript

Bien después de que pues casi no he escrito nada, o muy poco les tengo un excelente manual, con el que podran crear tabs con ajax muy fácilmente.


Creando tabs con css y javascript

Ahora vayamos a lo que nos interesa(“programar”).

Primero necesitamos un archivo php o html para poder colocar nuestras tabs.
Empezaremos creando una tabla en HTML de la siguiente forma

 
 
Contenido

Leer más

Historico de entradas

febrero 2012
L M X J V S D
« ene    
 12345
6789101112
13141516171819
20212223242526
272829  

Ajaxman

Mi nombre es Javier, soy desarrollador web con especialización en PHP (avanzado), HTML, CSS y Javascript(Medio).

Me considero evangelizador de Kohana Framework, Mozilla Firefox y GNU/Linux Debian.

Estoy casado, y tengo dos hermosos hijos.

Todos los contenidos a menos que se exprese lo contrario estan bajo licencia Creative Commons.

Enlazanos!!

hit counters online counter